one-design-next 0.0.4-alpha.57

package/dist/_util/focusManager.js

@@ -0,0 +1,56 @@
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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); }
+var TAB_KEY_CODE = 9;
+export var FocusManager = /*#__PURE__*/function () {
+  function FocusManager(container, className) {
+    var _this = this;
+    _classCallCheck(this, FocusManager);
+    _defineProperty(this, "container", void 0);
+    _defineProperty(this, "className", void 0);
+    _defineProperty(this, "isRunning", false);
+    _defineProperty(this, "handleKeyDown", function (e) {
+      if ('which' in e && e.which === TAB_KEY_CODE) {
+        _this.reset();
+        _this.container.addEventListener('mousedown', _this.handleMouseDown);
+      }
+    });
+    _defineProperty(this, "handleMouseDown", function () {
+      _this.reset();
+      _this.container.classList.add(_this.className);
+      _this.container.addEventListener('keydown', _this.handleKeyDown);
+    });
+    this.container = container;
+    this.className = className;
+  }
+  _createClass(FocusManager, [{
+    key: "isActive",
+    value: function isActive() {
+      return this.isRunning;
+    }
+  }, {
+    key: "start",
+    value: function start() {
+      this.container.addEventListener('mousedown', this.handleMouseDown);
+      this.isRunning = true;
+    }
+  }, {
+    key: "stop",
+    value: function stop() {
+      this.reset();
+      this.isRunning = false;
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.container.classList.remove(this.className);
+      this.container.removeEventListener('keydown', this.handleKeyDown);
+      this.container.removeEventListener('mousedown', this.handleMouseDown);
+    }
+  }]);
+  return FocusManager;
+}();

package/dist/_util/queueMtPolyfill.d.ts

@@ -0,0 +1,5 @@
+/**
+ * floating-ui 依赖 window.queueMicrotask，在低版本浏览器中不支持，需要 polyfill
+ * 使用 Promise fallback，如果 Promise 也不支持，则使用 setTimeout 覆盖 window.queueMicrotask
+ */
+export declare const queueMicrotaskPolyfill: () => void;

package/dist/_util/queueMtPolyfill.js

@@ -0,0 +1,19 @@
+/**
+ * floating-ui 依赖 window.queueMicrotask，在低版本浏览器中不支持，需要 polyfill
+ * 使用 Promise fallback，如果 Promise 也不支持，则使用 setTimeout 覆盖 window.queueMicrotask
+ */
+
+export var queueMicrotaskPolyfill = function queueMicrotaskPolyfill() {
+  if (typeof window.queueMicrotask === 'function') {
+    return;
+  }
+  if (typeof Promise === 'function') {
+    window.queueMicrotask = function (fn) {
+      Promise.resolve().then(fn);
+    };
+  } else {
+    window.queueMicrotask = function (fn) {
+      setTimeout(fn, 0);
+    };
+  }
+};

package/dist/_util/time.d.ts

@@ -0,0 +1,44 @@
+/**
+ * 时间相关的通用工具方法
+ */
+/**
+ * 验证时间字符串格式是否合法
+ * @param timeStr 时间字符串，支持 HH:MM 或 HH:MM:SS 格式
+ * @param picker 选择器类型，'hour' 表示只允许小时选择（分钟必须为00）
+ * @returns 是否合法
+ */
+export declare const isLegalTimeString: (timeStr: string, picker?: 'hour' | 'minute' | 'second') => boolean;
+/**
+ * 判断时间1是否在时间2之后
+ * @param time1 时间1
+ * @param time2 时间2
+ * @returns 是否在之后
+ */
+export declare const isTimeAfter: (time1: string, time2: string) => boolean;
+/**
+ * 判断时间1是否在时间2之前
+ * @param time1 时间1
+ * @param time2 时间2
+ * @returns 是否在之前
+ */
+export declare const isTimeBefore: (time1: string, time2: string) => boolean;
+/**
+ * 判断两个时间是否相等
+ * @param time1 时间1
+ * @param time2 时间2
+ * @returns 是否相等
+ */
+export declare const isTimeEqual: (time1: string, time2: string) => boolean;
+/**
+ * 将时间字符串转换为总秒数
+ * @param timeStr 时间字符串
+ * @returns 总秒数
+ */
+export declare const timeToSeconds: (timeStr: string) => number;
+/**
+ * 将总秒数转换为时间字符串
+ * @param totalSeconds 总秒数
+ * @param includeSeconds 是否包含秒数
+ * @returns 时间字符串
+ */
+export declare const secondsToTime: (totalSeconds: number, includeSeconds?: boolean) => string;

package/dist/_util/time.js

@@ -0,0 +1,150 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 时间相关的通用工具方法
+ */
+
+/**
+ * 验证时间字符串格式是否合法
+ * @param timeStr 时间字符串，支持 HH:MM 或 HH:MM:SS 格式
+ * @param picker 选择器类型，'hour' 表示只允许小时选择（分钟必须为00）
+ * @returns 是否合法
+ */
+export var isLegalTimeString = function isLegalTimeString(timeStr, picker) {
+  if (timeStr.trim() === '') {
+    return true;
+  }
+
+  // 验证时间格式 HH:MM 或 HH:MM:SS
+  var timeRegex = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9](:[0-5][0-9])?$/;
+  if (!timeRegex.test(timeStr)) {
+    return false;
+  }
+  var _timeStr$split$map = timeStr.split(':').map(Number),
+    _timeStr$split$map2 = _slicedToArray(_timeStr$split$map, 3),
+    hours = _timeStr$split$map2[0],
+    minutes = _timeStr$split$map2[1],
+    seconds = _timeStr$split$map2[2];
+
+  // 基础验证
+  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) {
+    return false;
+  }
+
+  // 秒数验证（如果存在）
+  if (seconds !== undefined && (seconds < 0 || seconds > 59)) {
+    return false;
+  }
+
+  // picker 特定验证
+  if (picker === 'hour') {
+    // 小时模式下，分钟必须为 00
+    return minutes === 0;
+  }
+  if (picker === 'second') {
+    // 秒模式下，必须包含秒数部分
+    return seconds !== undefined;
+  }
+  return true;
+};
+
+/**
+ * 判断时间1是否在时间2之后
+ * @param time1 时间1
+ * @param time2 时间2
+ * @returns 是否在之后
+ */
+export var isTimeAfter = function isTimeAfter(time1, time2) {
+  var _time1$split$map = time1.split(':').map(Number),
+    _time1$split$map2 = _slicedToArray(_time1$split$map, 3),
+    hours1 = _time1$split$map2[0],
+    minutes1 = _time1$split$map2[1],
+    seconds1 = _time1$split$map2[2];
+  var _time2$split$map = time2.split(':').map(Number),
+    _time2$split$map2 = _slicedToArray(_time2$split$map, 3),
+    hours2 = _time2$split$map2[0],
+    minutes2 = _time2$split$map2[1],
+    seconds2 = _time2$split$map2[2];
+  var totalSeconds1 = hours1 * 3600 + minutes1 * 60 + (seconds1 || 0);
+  var totalSeconds2 = hours2 * 3600 + minutes2 * 60 + (seconds2 || 0);
+  return totalSeconds1 > totalSeconds2;
+};
+
+/**
+ * 判断时间1是否在时间2之前
+ * @param time1 时间1
+ * @param time2 时间2
+ * @returns 是否在之前
+ */
+export var isTimeBefore = function isTimeBefore(time1, time2) {
+  var _time1$split$map3 = time1.split(':').map(Number),
+    _time1$split$map4 = _slicedToArray(_time1$split$map3, 3),
+    hours1 = _time1$split$map4[0],
+    minutes1 = _time1$split$map4[1],
+    seconds1 = _time1$split$map4[2];
+  var _time2$split$map3 = time2.split(':').map(Number),
+    _time2$split$map4 = _slicedToArray(_time2$split$map3, 3),
+    hours2 = _time2$split$map4[0],
+    minutes2 = _time2$split$map4[1],
+    seconds2 = _time2$split$map4[2];
+  var totalSeconds1 = hours1 * 3600 + minutes1 * 60 + (seconds1 || 0);
+  var totalSeconds2 = hours2 * 3600 + minutes2 * 60 + (seconds2 || 0);
+  return totalSeconds1 < totalSeconds2;
+};
+
+/**
+ * 判断两个时间是否相等
+ * @param time1 时间1
+ * @param time2 时间2
+ * @returns 是否相等
+ */
+export var isTimeEqual = function isTimeEqual(time1, time2) {
+  var _time1$split$map5 = time1.split(':').map(Number),
+    _time1$split$map6 = _slicedToArray(_time1$split$map5, 3),
+    hours1 = _time1$split$map6[0],
+    minutes1 = _time1$split$map6[1],
+    seconds1 = _time1$split$map6[2];
+  var _time2$split$map5 = time2.split(':').map(Number),
+    _time2$split$map6 = _slicedToArray(_time2$split$map5, 3),
+    hours2 = _time2$split$map6[0],
+    minutes2 = _time2$split$map6[1],
+    seconds2 = _time2$split$map6[2];
+  var totalSeconds1 = hours1 * 3600 + minutes1 * 60 + (seconds1 || 0);
+  var totalSeconds2 = hours2 * 3600 + minutes2 * 60 + (seconds2 || 0);
+  return totalSeconds1 === totalSeconds2;
+};
+
+/**
+ * 将时间字符串转换为总秒数
+ * @param timeStr 时间字符串
+ * @returns 总秒数
+ */
+export var timeToSeconds = function timeToSeconds(timeStr) {
+  var _timeStr$split$map3 = timeStr.split(':').map(Number),
+    _timeStr$split$map4 = _slicedToArray(_timeStr$split$map3, 3),
+    hours = _timeStr$split$map4[0],
+    minutes = _timeStr$split$map4[1],
+    seconds = _timeStr$split$map4[2];
+  return hours * 3600 + minutes * 60 + (seconds || 0);
+};
+
+/**
+ * 将总秒数转换为时间字符串
+ * @param totalSeconds 总秒数
+ * @param includeSeconds 是否包含秒数
+ * @returns 时间字符串
+ */
+export var secondsToTime = function secondsToTime(totalSeconds) {
+  var includeSeconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var hours = Math.floor(totalSeconds / 3600);
+  var minutes = Math.floor(totalSeconds % 3600 / 60);
+  var seconds = totalSeconds % 60;
+  if (includeSeconds) {
+    return "".concat(hours.toString().padStart(2, '0'), ":").concat(minutes.toString().padStart(2, '0'), ":").concat(seconds.toString().padStart(2, '0'));
+  }
+  return "".concat(hours.toString().padStart(2, '0'), ":").concat(minutes.toString().padStart(2, '0'));
+};

package/dist/_util/useActive.d.ts

@@ -0,0 +1,6 @@
+export declare function useActive({ ref, delay }: {
+    ref?: any;
+    delay?: number;
+}): {
+    handleMouseDown: () => void;
+};

package/dist/_util/useActive.js

@@ -0,0 +1,25 @@
+import { useRef } from "react";
+export function useActive(_ref) {
+  var ref = _ref.ref,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 200 : _ref$delay;
+  var activeTimeOutRef = useRef(0);
+  var handleWindowMouseUp = function handleWindowMouseUp() {
+    window.clearTimeout(activeTimeOutRef.current);
+    window.removeEventListener("mouseup", handleWindowMouseUp);
+  };
+  var handleMouseDown = function handleMouseDown() {
+    window.addEventListener("mouseup", handleWindowMouseUp);
+    if (ref && "current" in ref && ref.current) {
+      delete ref.current.dataset.actived;
+    }
+    activeTimeOutRef.current = window.setTimeout(function () {
+      if (ref && "current" in ref && ref.current) {
+        ref.current.dataset.actived = "true";
+      }
+    }, delay);
+  };
+  return {
+    handleMouseDown: handleMouseDown
+  };
+}

package/dist/alert/index.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import './style';
+export interface AlertProps extends Omit<React.ComponentProps<'div'>, 'title'> {
+    /**
+     * @description 尺寸
+     * @default "medium"
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * @description 类型
+     * @default "info"
+     */
+    intent?: 'info' | 'danger' | 'success' | 'warning';
+    /**
+     * @description 标题
+     */
+    title?: React.ReactNode;
+    /**
+     * @description 内容
+     */
+    message?: React.ReactNode;
+    /**
+     * @description 是否可关闭
+     * @default false
+     */
+    closable?: boolean;
+    /**
+     * @description 关闭回调
+     */
+    onClose?: () => void;
+    /**
+     * @description 关闭后回调
+     */
+    afterClose?: () => void;
+    /**
+     * @description 是否可展开。当有 title 时，展开和关闭 icon 支持同时显示；否则展开会替代关闭 icon
+     * @default false
+     */
+    expandable?: boolean | null;
+    /**
+     * @description 默认是否展开，内部驱动
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * @description 是否展开，外部控制
+     * @default false
+     */
+    expanded?: boolean;
+    /**
+     * @description 展开状态变化回调
+     */
+    onExpandChange?: (expanded: boolean) => void;
+    /**
+     * @description 展开内容
+     */
+    expandContent?: React.ReactNode;
+}
+export interface AlertRef extends HTMLDivElement {
+    close: () => void;
+}
+declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<AlertRef>>;
+export default Alert;

package/dist/alert/index.js

@@ -0,0 +1,137 @@
+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 = ["size", "intent", "title", "message", "closable", "onClose", "afterClose", "expandable", "defaultExpanded", "expanded", "onExpandChange", "expandContent"];
+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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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, { useEffect, useImperativeHandle, useRef, useState } from 'react';
+import Icon from "../icon";
+import "./style";
+var iconMap = {
+  info: 'info-circle-filled',
+  danger: 'cancel-circle-filled',
+  warning: 'alert-circle-filled',
+  success: 'check-circle-filled'
+};
+var Alert = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$intent = _ref.intent,
+    intent = _ref$intent === void 0 ? 'info' : _ref$intent,
+    title = _ref.title,
+    message = _ref.message,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? false : _ref$closable,
+    onClose = _ref.onClose,
+    afterClose = _ref.afterClose,
+    expandable = _ref.expandable,
+    _ref$defaultExpanded = _ref.defaultExpanded,
+    defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
+    _ref$expanded = _ref.expanded,
+    expandedProp = _ref$expanded === void 0 ? null : _ref$expanded,
+    onExpandChange = _ref.onExpandChange,
+    expandContent = _ref.expandContent,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var innerRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    closed = _useState2[0],
+    setClosed = _useState2[1];
+  var expandContentRef = useRef(null);
+  var expandContentInnerRef = useRef(null);
+  var _useState3 = useState(expandedProp !== null && expandedProp !== undefined ? expandedProp : defaultExpanded),
+    _useState4 = _slicedToArray(_useState3, 2),
+    expanded = _useState4[0],
+    setExpanded = _useState4[1];
+  var handleClose = function handleClose() {
+    if (onClose) {
+      onClose();
+    }
+    if (innerRef.current) {
+      innerRef.current.style.height = "".concat(innerRef.current.offsetHeight, "px");
+      setTimeout(function () {
+        ['marginTop', 'marginBottom', 'paddingTop', 'paddingBottom', 'height', 'opacity'].forEach(function (key) {
+          if (innerRef.current) {
+            Object.assign(innerRef.current.style, _defineProperty({}, key, '0'));
+          }
+        });
+        setTimeout(function () {
+          setClosed(true);
+          if (afterClose) {
+            afterClose();
+          }
+        }, 300);
+      }, 0);
+    }
+  };
+  useEffect(function () {
+    if (expandedProp !== null && expandedProp !== undefined) {
+      setExpanded(expandedProp);
+    }
+  }, [expandedProp]);
+  useImperativeHandle(ref, function () {
+    if (innerRef.current) {
+      Object.assign(innerRef.current, {
+        close: handleClose
+      });
+    }
+    return innerRef.current;
+  });
+  if (closed) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-odn-alert": true,
+    "data-odn-alert-size": size,
+    "data-odn-alert-intent": intent,
+    ref: innerRef
+  }, props), /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-icon-wrapper": true
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-icon-placeholder": true
+  }, "."), /*#__PURE__*/React.createElement(Icon, {
+    "data-odn-alert-icon": true,
+    name: iconMap[intent]
+  })), /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-content": true
+  }, title && /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-title": true
+  }, title), message && /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-message": true
+  }, message), expandable && /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-expand-content": true,
+    ref: expandContentRef
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-expand-content-inner": true,
+    ref: expandContentInnerRef
+  }, expanded ? expandContent : null))), (closable || expandable) && /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-right": true
+  }, closable && /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-close-icon-wrapper": true,
+    onClick: handleClose
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-icon-placeholder": true
+  }, "."), /*#__PURE__*/React.createElement(Icon, {
+    "data-odn-alert-close-icon": true,
+    name: "cancel"
+  })), expandable && /*#__PURE__*/React.createElement("div", {
+    "data-odn-alert-expand-button": true,
+    onClick: function onClick() {
+      if (expandedProp === null || expandedProp === undefined) {
+        setExpanded(!expanded);
+      }
+      if (onExpandChange) {
+        onExpandChange(!expanded);
+      }
+    }
+  }, expanded ? '收起' : '展开')));
+});
+export default Alert;