one-design-next 0.0.4-alpha.57

package/dist/dropdown/style/index.css

@@ -0,0 +1,236 @@
+[data-odn-dropdown-content] {
+  z-index: 50;
+  min-width: 8rem;
+  overflow: hidden;
+  animation-duration: 0.12s;
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  will-change: transform, opacity;
+  display: flex;
+  flex-direction: column;
+  font-size: var(--odn-font-size);
+  line-height: var(--odn-line-height);
+  background-color: var(--odn-color-white);
+  border: var(--odn-popup-border);
+  border-radius: var(--odn-popup-border-radius);
+  box-shadow: var(--odn-popup-box-shadow);
+  filter: var(--odn-popup-filter);
+}
+
+[data-odn-dropdown-content][data-odn-dropdown-match-width=true] {
+  min-width: var(--radix-dropdown-menu-trigger-width);
+  width: var(--radix-dropdown-menu-trigger-width);
+}
+[data-odn-dropdown-content][data-odn-dropdown-match-width=true] [data-odn-dropdown-sub-trigger],
+[data-odn-dropdown-content][data-odn-dropdown-match-width=true] [data-odn-dropdown-item] {
+  width: var(--radix-dropdown-menu-trigger-width);
+}
+
+[data-odn-dropdown-content][data-state=open] {
+  animation-name: fadeIn, slideInFromTop;
+}
+
+[data-odn-dropdown-content][data-state=closed] {
+  animation-name: fadeOut;
+}
+
+[data-odn-dropdown-content][data-side=bottom] {
+  animation-name: fadeIn, slideInFromTop;
+}
+
+[data-odn-dropdown-content][data-side=left] {
+  animation-name: fadeIn, slideInFromRight;
+}
+
+[data-odn-dropdown-content][data-side=right] {
+  animation-name: fadeIn, slideInFromLeft;
+}
+
+[data-odn-dropdown-content][data-side=top] {
+  animation-name: fadeIn, slideInFromBottom;
+}
+
+[data-odn-dropdown-item] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  min-height: var(--odn-popup-control-height);
+  outline: none;
+  cursor: pointer;
+}
+
+[data-odn-dropdown-item][data-disabled] {
+  cursor: not-allowed;
+  color: var(--odn-color-black-8);
+}
+
+[data-odn-dropdown-item][data-highlighted] {
+  background-color: var(--odn-color-black-1);
+}
+
+[data-odn-dropdown-label] {
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  height: calc(var(--odn-popup-control-height) - 8px);
+  font-size: 12px;
+  color: var(--odn-color-black-9);
+}
+
+[data-odn-dropdown-label][data-inset] {
+  padding-left: 32px;
+}
+
+[data-odn-dropdown-separator] {
+  margin: 4px 0;
+  height: 1px;
+  background-color: var(--odn-color-black-5);
+}
+
+[data-odn-dropdown-shortcut] {
+  margin-left: auto;
+  font-size: 12px;
+  color: var(--odn-color-black-9);
+}
+
+[data-odn-dropdown-item-indicator] {
+  position: absolute;
+  left: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+}
+
+[data-odn-dropdown-sub-trigger] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  min-height: var(--odn-popup-control-height);
+  outline: none;
+  cursor: pointer;
+}
+
+[data-odn-dropdown-sub-trigger][data-state=open] {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+
+[data-odn-dropdown-sub-trigger][data-highlighted] {
+  background-color: var(--odn-color-black-1);
+}
+
+[data-odn-dropdown-sub-trigger][data-inset] {
+  padding-left: 32px;
+}
+
+[data-odn-dropdown-chevron] {
+  margin-left: auto;
+  color: var(--odn-color-black-9);
+}
+
+[data-odn-dropdown-sub-content] {
+  font-size: var(--odn-font-size);
+  line-height: var(--odn-line-height);
+  background-color: var(--odn-color-white);
+  border: var(--odn-popup-border);
+  border-radius: var(--odn-popup-border-radius);
+  box-shadow: var(--odn-popup-box-shadow);
+  filter: var(--odn-popup-filter);
+  padding: 8px 0;
+  min-width: 8rem;
+  overflow: hidden;
+  z-index: 50;
+  animation-duration: 0.12s;
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  will-change: transform, opacity;
+}
+
+[data-odn-dropdown-item][data-variant=destructive] {
+  color: #dc2626;
+}
+
+[data-odn-dropdown-item][data-variant=destructive][data-highlighted] {
+  background-color: var(--odn-color-black-1);
+}
+
+[data-odn-dropdown-item][data-inset] {
+  padding-left: 32px;
+}
+
+[data-odn-dropdown-scroll-area] {
+  flex: 1;
+  max-height: calc(var(--radix-dropdown-menu-content-available-height) - 8px);
+}
+
+[data-odn-dropdown-scroll-area] [data-odn-scroll-area-viewport] {
+  padding: 8px 0;
+  max-height: inherit;
+}
+
+[data-odn-dropdown-item-icon] {
+  margin-right: 8px;
+}
+
+[data-odn-dropdown-radio],
+[data-odn-dropdown-checkbox] {
+  margin-right: 8px;
+}
+
+[data-odn-dropdown-item-label] {
+  flex: 1;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes slideInFromTop {
+  from {
+    transform: translateY(-4px);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+@keyframes slideInFromBottom {
+  from {
+    transform: translateY(4px);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+@keyframes slideInFromLeft {
+  from {
+    transform: translateX(-4px);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes slideInFromRight {
+  from {
+    transform: translateX(4px);
+  }
+  to {
+    transform: translateX(0);
+  }
+}

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

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

package/dist/dropdown/style/index.js

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

package/dist/hover-fill/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import './style';
+export interface HoverFillProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @description hover 颜色
+     * @default 'rgba(33, 34, 38, 0.05)'
+     */
+    hoverColor?: string;
+    /**
+     * @description active 颜色
+     * @default 'rgba(33, 34, 38, 0.08)'
+     */
+    activeColor?: string;
+    /**
+     * @description 背景类名，在这里加圆角
+     */
+    bgClassName?: string;
+    /**
+     * @description 背景样式，在这里加圆角
+     */
+    bgStyle?: React.CSSProperties;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+}
+export interface HoverFillState {
+    timer: number;
+    bgVisible: boolean;
+    baseNode?: HTMLDivElement | null;
+    bgNode?: HTMLDivElement | null;
+    bgX: number;
+    bgY: number;
+    bgScale: number;
+}
+declare global {
+    interface Window {
+        odnHoverFillState: HoverFillState;
+    }
+}
+declare const HoverFill: React.ForwardRefExoticComponent<HoverFillProps & React.RefAttributes<unknown>>;
+export default HoverFill;

package/dist/hover-fill/index.js

@@ -0,0 +1,222 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["bgClassName", "bgStyle", "children", "onMouseEnter", "onMouseLeave", "onMouseDown", "hoverColor", "activeColor", "disabled"];
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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, { forwardRef, useContext, useEffect, useRef } from 'react';
+import { ConfigContext } from "../config-provider";
+import "./style";
+var DEFAULT_HOVER_COLOR = 'rgba(33, 34, 38, 0.05)';
+var DEFAULT_ACTIVE_COLOR = 'rgba(33, 34, 38, 0.08)';
+var HoverFill = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
+  var _ref$bgClassName = _ref.bgClassName,
+    bgClassName = _ref$bgClassName === void 0 ? '' : _ref$bgClassName,
+    _ref$bgStyle = _ref.bgStyle,
+    bgStyle = _ref$bgStyle === void 0 ? {} : _ref$bgStyle,
+    children = _ref.children,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    onMouseDown = _ref.onMouseDown,
+    _ref$hoverColor = _ref.hoverColor,
+    hoverColor = _ref$hoverColor === void 0 ? DEFAULT_HOVER_COLOR : _ref$hoverColor,
+    _ref$activeColor = _ref.activeColor,
+    activeColor = _ref$activeColor === void 0 ? DEFAULT_ACTIVE_COLOR : _ref$activeColor,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigContext),
+    _useContext$hoverFill = _useContext.hoverFill,
+    hoverFillConfig = _useContext$hoverFill === void 0 ? {} : _useContext$hoverFill;
+  var innerRef = useRef(null);
+  var ref = outerRef || innerRef;
+  var bgRef = useRef(null);
+  var handleMouseEnter = function handleMouseEnter(e) {
+    var _window$odnHoverFillS, _window$odnHoverFillS2;
+    e.persist();
+    if (disabled) {
+      return;
+    }
+    if ((_window$odnHoverFillS = window.odnHoverFillState) !== null && _window$odnHoverFillS !== void 0 && _window$odnHoverFillS.timer) {
+      clearTimeout(window.odnHoverFillState.timer);
+    }
+    var root = ref.current || e.currentTarget;
+    if (onMouseEnter) {
+      onMouseEnter(e);
+    }
+    if (!root) {
+      return;
+    }
+    var _root$getBoundingClie = root.getBoundingClientRect(),
+      x = _root$getBoundingClie.x,
+      y = _root$getBoundingClie.y;
+    if (window.odnHoverFillState && window.odnHoverFillState.bgVisible && window.odnHoverFillState.bgNode && window.odnHoverFillState.baseNode && window.odnHoverFillState.baseNode !== root && ((_window$odnHoverFillS2 = window.odnHoverFillState.baseNode) === null || _window$odnHoverFillS2 === void 0 ? void 0 : _window$odnHoverFillS2.parentNode) === root.parentNode && hoverFillConfig.sharable) {
+      var _window$odnHoverFillS3 = window.odnHoverFillState,
+        bgX = _window$odnHoverFillS3.bgX,
+        bgY = _window$odnHoverFillS3.bgY,
+        bgScale = _window$odnHoverFillS3.bgScale,
+        baseNode = _window$odnHoverFillS3.baseNode;
+      var _baseNode$getBounding = baseNode.getBoundingClientRect(),
+        originX = _baseNode$getBounding.x,
+        originY = _baseNode$getBounding.y;
+      window.odnHoverFillState.bgNode.style.transformOrigin = '0 0';
+      window.odnHoverFillState.bgNode.style.width = root.offsetWidth + 'px';
+      window.odnHoverFillState.bgNode.style.transform = "translate3d(".concat(x - originX, "px, ").concat(y - originY, "px, 0) scale(").concat(bgScale, ")");
+      window.odnHoverFillState.bgNode.style.background = hoverColor;
+    } else {
+      if (window.odnHoverFillState && window.odnHoverFillState.bgVisible && window.odnHoverFillState.bgNode) {
+        window.odnHoverFillState.bgNode.style.background = 'transparent';
+        // window.odnHoverFillState.bgNode.style.transform = 'scale(var(--odn-hoverfill-scale-start))';
+        window.odnHoverFillState.bgNode.style.transition = '';
+      }
+      var clientX = e.clientX,
+        clientY = e.clientY;
+      if (bgRef.current) {
+        var diagonal = Math.sqrt(Math.pow(root.offsetWidth, 2) + Math.pow(root.offsetHeight, 2));
+        var k = 8;
+        var scaleStart = Math.min(Math.max(0.92, 1 - k / diagonal), 1);
+        bgRef.current.style.setProperty('--odn-hoverfill-scale-start', scaleStart.toString());
+        if (!bgRef.current) {
+          return;
+        }
+        bgRef.current.style.width = root.offsetWidth + 'px';
+        bgRef.current.style.transformOrigin = "".concat(clientX - x, "px ").concat(clientY - y, "px");
+        bgRef.current.style.background = hoverColor;
+        bgRef.current.style.transform = 'scale(1)';
+        bgRef.current.style.transition = '';
+      }
+      window.odnHoverFillState = {
+        bgVisible: true,
+        bgX: clientX - x,
+        bgY: clientY - y,
+        bgScale: 1,
+        baseNode: root,
+        bgNode: bgRef.current,
+        timer: 0
+      };
+    }
+  };
+  var handleMouseLeave = function handleMouseLeave(e) {
+    var _window$odnHoverFillS4;
+    e.persist();
+    if (disabled) {
+      return;
+    }
+    if ((_window$odnHoverFillS4 = window.odnHoverFillState) !== null && _window$odnHoverFillS4 !== void 0 && _window$odnHoverFillS4.timer) {
+      clearTimeout(window.odnHoverFillState.timer);
+    }
+    var root = ref.current || e.currentTarget;
+    if (onMouseLeave) {
+      onMouseLeave(e);
+    }
+    if (!root) {
+      return;
+    }
+    window.odnHoverFillState.timer = window.setTimeout(function () {
+      if (window.odnHoverFillState.bgNode) {
+        window.odnHoverFillState.bgNode.style.transformOrigin = '';
+        window.odnHoverFillState.bgNode.style.background = 'transparent';
+        window.odnHoverFillState.bgNode.style.width = '';
+        window.odnHoverFillState.bgNode.style.transform = '';
+        window.odnHoverFillState.bgNode.style.transition = '0s';
+      }
+      if (bgRef.current) {
+        bgRef.current.style.background = hoverColor;
+        bgRef.current.style.transform = 'scale(1)';
+        bgRef.current.style.transition = '0s';
+      }
+      setTimeout(function () {
+        var clientX = e.clientX,
+          clientY = e.clientY;
+        var _root$getBoundingClie2 = root.getBoundingClientRect(),
+          x = _root$getBoundingClie2.x,
+          y = _root$getBoundingClie2.y;
+        var originX = clientX - x;
+        var originY = clientY - y;
+        if (originX < 0) {
+          originX = 0;
+        } else if (originX > root.offsetWidth) {
+          originX = root.offsetWidth;
+        }
+        if (originY < 0) {
+          originY = 0;
+        } else if (originY > root.offsetHeight) {
+          originY = root.offsetHeight;
+        }
+        if (bgRef.current) {
+          bgRef.current.style.transformOrigin = "".concat(originX, "px ").concat(originY, "px");
+          bgRef.current.style.background = 'transparent';
+          bgRef.current.style.transform = 'scale(var(--odn-hoverfill-scale-start))';
+          bgRef.current.style.transition = '';
+        }
+        window.odnHoverFillState = {
+          timer: 0,
+          bgVisible: false,
+          bgX: 0,
+          bgY: 0,
+          bgScale: 0,
+          baseNode: null,
+          bgNode: null
+        };
+      }, 0);
+    }, 100);
+  };
+  var handleMouseDown = function handleMouseDown(e) {
+    e.persist();
+    if (disabled) {
+      return;
+    }
+    if (window.odnHoverFillState.bgVisible && window.odnHoverFillState.bgNode) {
+      window.odnHoverFillState.bgNode.style.background = hoverColor === DEFAULT_HOVER_COLOR || activeColor !== DEFAULT_ACTIVE_COLOR ? activeColor : hoverColor;
+    }
+    if (onMouseDown) {
+      onMouseDown(e);
+    }
+    window.addEventListener('mouseup', handleMouseUp, false);
+  };
+  var handleMouseUp = function handleMouseUp() {
+    window.removeEventListener('mouseup', handleMouseUp, false);
+    if (window.odnHoverFillState.bgNode) {
+      window.odnHoverFillState.bgNode.style.background = window.odnHoverFillState.bgVisible ? hoverColor : 'transparent';
+    }
+  };
+  useEffect(function () {
+    if (!window.odnHoverFillState) {
+      window.odnHoverFillState = {
+        bgVisible: false,
+        bgX: 0,
+        bgY: 0,
+        bgScale: 0,
+        baseNode: null,
+        bgNode: null,
+        timer: 0
+      };
+    }
+    return function () {
+      window.removeEventListener('mouseup', handleMouseUp, false);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    "data-odn-hover-fill": true,
+    "data-odn-hover-fill-disabled": disabled,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onMouseDown: handleMouseDown
+  }, props), /*#__PURE__*/React.createElement("div", {
+    "data-odn-hover-fill-content": true
+  }, children), /*#__PURE__*/React.createElement("i", {
+    ref: bgRef,
+    "data-odn-hover-fill-bg": true,
+    className: bgClassName,
+    style: _objectSpread({}, bgStyle || {})
+  }));
+});
+HoverFill.displayName = 'HoverFill';
+export default HoverFill;

package/dist/hover-fill/style/index.css

@@ -0,0 +1,38 @@
+@charset "UTF-8";
+html {
+  /* HoverFill 的缩放起始 */
+  --odn-hoverfill-scale-start: 0.94;
+  /* HoverFill 的过渡时间 */
+  --odn-hoverfill-duration: 0.25s;
+}
+
+[data-odn-hover-fill] {
+  position: relative;
+  background-color: transparent;
+  border: none;
+  outline: none;
+  user-select: none;
+}
+
+[data-odn-hover-fill-bg] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+  pointer-events: none;
+  transform: scale(var(--odn-hoverfill-scale-start));
+  transition: width var(--odn-hoverfill-duration) cubic-bezier(0.32, 0.72, 0, 1), transform var(--odn-hoverfill-duration) cubic-bezier(0.32, 0.72, 0, 1), background var(--odn-hoverfill-duration) cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+[data-odn-hover-fill-content] {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+}
+
+[data-odn-hover-fill-disabled=false] [data-odn-hover-fill-content] > * {
+  cursor: pointer;
+  min-width: 100%;
+}

package/dist/hover-fill/style/index.d.ts

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

package/dist/hover-fill/style/index.js

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

package/dist/icon/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './style';
+import type { SvgIconName } from './types';
+export declare const adqIconNames: ("code" | "data" | "link" | "menu" | "search" | "template" | "time" | "video" | "filter" | "image" | "stop" | "text" | "sort" | "send" | "warning" | "draggable" | "writing" | "wechatSearch" | "wechatBubble" | "wechatBubble-filled" | "wallet" | "viewMask" | "videoBag-filled" | "users" | "users-bold" | "userPack" | "userList" | "user-circle" | "treeStructure" | "templateBag" | "task" | "task-filled" | "targeting" | "target" | "support-bold" | "star" | "star-filled" | "shopping" | "shop" | "shield" | "shield-filled" | "searchAD" | "searchAD-filled" | "ringStruckture" | "quickFile" | "qualification" | "playing" | "offiaccount-filled" | "notepad" | "notepad-bold" | "moments-filled" | "mobilePage" | "minigame-filled" | "miniProgram" | "magic" | "magic-filled" | "lock" | "linkSquare" | "keyword" | "images" | "image-filled" | "image-bold" | "idea" | "idea-bold" | "icon-outlined" | "hosting" | "guideBook" | "folderzip-bold" | "folderZip" | "flag" | "file-filled" | "extendedConfig" | "exposure-filled" | "detect" | "dataRising" | "dataFolder" | "dataBox" | "dataBoard" | "dataAuth" | "container" | "comments" | "checkBadge" | "chatBubble-filled" | "channels" | "channels-square-filled" | "autoAD-square-filled" | "assetProtecting" | "asset-square" | "alarmClock" | "addressBook" | "LandingPage" | "AIFile" | "subdivide" | "plus" | "plus-circle" | "plus-circle-filled" | "play-filled" | "pause-filled" | "mutiSelect" | "mutiSelect-filled" | "multiCreate" | "modify" | "modify-bold" | "minus" | "minus-circle" | "minus-circle-filled" | "import" | "edit" | "deleteAD-filled" | "delete" | "custom" | "custom-filled" | "copy" | "check" | "check-circle" | "check-circle-filled" | "cancel" | "cancel-circle" | "cancel-circle-filled" | "up" | "up-filled" | "up-bold" | "unfold" | "unfold-filled" | "top" | "top-filled" | "rise-filled" | "rightLast" | "rightLast-filled" | "right" | "right-filled" | "right-bold" | "pointerRight-filled" | "pointerLeft-filled" | "more" | "more-vertical" | "menuRight" | "menuRight-bold" | "menuLeft" | "menuLeft-bold" | "logout" | "leftFirst" | "leftFirst-filled" | "left" | "left-filled" | "left-bold" | "fullScreen" | "fold" | "fall-filled" | "down" | "down-filled" | "down-bold" | "doubleRight" | "doubleRight-filled" | "doubleLeft" | "doubleLeft-filled" | "bottom" | "bottom-filled" | "arrowUp" | "arrowUp-filled" | "arrowRight" | "arrowRight-filled" | "arrowLeft" | "arrowLeft-filled" | "arrowDown" | "arrowDown-filled" | "histogram" | "compare" | "warning-filled" | "info-circle" | "info-circle-filled" | "help-circle" | "help-circle-filled" | "alert-circle" | "alert-circle-filled" | "zoomOut" | "zoomIn" | "videoScreenshot" | "verify" | "time-bold" | "thumbUp" | "thumbUp-filled" | "thumbDown" | "thumbDown-filled" | "tag" | "tag-filled" | "sticker" | "sticker-filled" | "sound" | "share" | "setting" | "search-filled" | "search-bold" | "save" | "report" | "refresh" | "mutiImage" | "mutiImage-filled" | "mute" | "mobile" | "mobile-filled" | "maxSize" | "location" | "hot" | "hot-filled" | "filter-filled" | "exchange" | "download" | "download-filled" | "download-1" | "dataReport" | "dataReport-filled" | "customColumn" | "calendar" | "bidding" | "bell" | "bell-filled" | "QRcode")[];
+export interface IconProps extends Omit<React.SVGProps<SVGSVGElement>, 'name'> {
+    name: SvgIconName | (string & {});
+    size?: number;
+    spin?: boolean;
+}
+declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default Icon;

package/dist/icon/index.js

@@ -0,0 +1,95 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["name", "size", "style", "spin"];
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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, { useContext } from 'react';
+import { ConfigContext } from "../config-provider";
+import "./style";
+import { svgData } from "./svg-data";
+// 从生成的SVG数据中获取图标名称列表
+export var adqIconNames = Object.keys(svgData);
+var Icon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    style = _ref.style,
+    spin = _ref.spin,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigContext),
+    icons = _useContext.icons;
+  if (!name) {
+    return null;
+  }
+  var props = _objectSpread({
+    width: size,
+    height: size,
+    style: style,
+    'data-odn-icon': true,
+    'data-odn-icon-name': name,
+    'data-odn-icon-spin': spin
+  }, otherProps);
+
+  // 处理特殊图标
+  if (name === 'loading') {
+    return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#paint0_angular_560_6490_clip_path)"
+    }, /*#__PURE__*/React.createElement("g", {
+      transform: "matrix(0.008 1.39876e-09 -1.39876e-09 0.008 8 8)"
+    }, /*#__PURE__*/React.createElement("foreignObject", {
+      x: "-1125",
+      y: "-1125",
+      width: "2250",
+      height: "2250"
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-odn-icon-loading-background": true
+    })))), /*#__PURE__*/React.createElement("path", {
+      d: "M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 -7.72509e-07 12.4183 0 8C7.72524e-07 3.58172 3.58172 -7.72516e-07 8 0C12.4183 7.72516e-07 16 3.58172 16 8ZM2.56 8C2.56 11.0044 4.99557 13.44 8 13.44C11.0044 13.44 13.44 11.0044 13.44 8C13.44 4.99557 11.0044 2.56 8 2.56C4.99557 2.56 2.56 4.99557 2.56 8Z"
+    }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "paint0_angular_560_6490_clip_path"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 -7.72509e-07 12.4183 0 8C7.72524e-07 3.58172 3.58172 -7.72516e-07 8 0C12.4183 7.72516e-07 16 3.58172 16 8ZM2.56 8C2.56 11.0044 4.99557 13.44 8 13.44C11.0044 13.44 13.44 11.0044 13.44 8C13.44 4.99557 11.0044 2.56 8 2.56C4.99557 2.56 2.56 4.99557 2.56 8Z"
+    }))));
+  }
+
+  // 优先使用配置中的图标
+  if (icons !== null && icons !== void 0 && icons[name]) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      ref: ref
+    }, props), icons[name].map(function (icon) {
+      return /*#__PURE__*/React.createElement("path", {
+        key: icon,
+        d: icon,
+        fillRule: "evenodd"
+      });
+    }));
+  }
+
+  // 使用本地SVG数据（简化版本）
+  if (svgData[name]) {
+    var paths = svgData[name];
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      ref: ref
+    }, props, {
+      viewBox: "0 0 16 16",
+      fill: "currentColor"
+    }), paths.map(function (pathData, index) {
+      return /*#__PURE__*/React.createElement("path", {
+        key: index,
+        d: pathData,
+        fillRule: "evenodd"
+      });
+    }));
+  }
+  return null;
+});
+Icon.displayName = 'Icon';
+export default Icon;