@yuntijs/ui 1.0.0-beta.8 → 1.0.0-beta.80

package/es/SelectCard/style.js

@@ -0,0 +1,42 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { createStyles } from 'antd-style';
+export var getNumberBySize = function getNumberBySize(size) {
+  switch (size) {
+    case 'small':
+      {
+        return {
+          cardWidth: 144,
+          imgHeight: 32
+        };
+      }
+    case 'large':
+      {
+        return {
+          cardWidth: 200,
+          imgHeight: 64
+        };
+      }
+    default:
+      {
+        return {
+          cardWidth: 168,
+          imgHeight: 40
+        };
+      }
+  }
+};
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var disabled = _ref2.disabled,
+    size = _ref2.size;
+  var _getNumberBySize = getNumberBySize(size),
+    cardWidth = _getNumberBySize.cardWidth;
+  return {
+    option: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: relative;\n\n        border: 1px solid ", ";\n        border-radius: ", "px;\n\n        cursor: ", ";\n\n        padding: ", "px;\n\n        transition: all ", ";\n\n        width: ", "px;\n        min-height: 108px;\n\n        ", "\n\n        ", "\n\n        div.", "-typography {\n          margin-bottom: 0;\n        }\n      "])), token.colorBorder, token.borderRadius, disabled ? 'not-allowed' : 'pointer', token.padding, token.motionDurationFast, cardWidth, disabled && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          background-color: ", ";\n          .", "-typography {\n            color: ", ";\n            &.", "-typography-secondary {\n              color: ", ";\n            }\n          }\n        "])), token.colorBgContainerDisabled, prefixCls, token.colorTextDisabled, prefixCls, token.colorTextDisabled), !disabled && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          &:hover {\n            border-color: ", ";\n          }\n        "])), token.colorPrimaryBorderHover), prefixCls),
+    optionSelected: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        border-color: ", ";\n        &:hover {\n          border-color: ", ";\n        }\n      "])), token.colorPrimary, token.colorPrimaryActive),
+    check: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        position: absolute;\n        right: ", "px;\n        bottom: ", "px;\n        color: ", ";\n      "])), token.marginXS, token.marginXS, token.colorPrimary)
+  };
+});

package/es/SliderInput/index.js

@@ -55,7 +55,7 @@ export var SliderInput = function SliderInput(_ref) {
         min: min,
         onChange: onNumberChange,
         step: step,
-        value: value || number
+        value: value !== null && value !== void 0 ? value : number
       }))
     })), /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, inputCol), {}, {
       children: /*#__PURE__*/_jsx(InputNumber, _objectSpread(_objectSpread({}, inputProps), {}, {
@@ -67,7 +67,7 @@ export var SliderInput = function SliderInput(_ref) {
         onChange: onNumberChange,
         placeholder: placeholder,
         step: step,
-        value: value || number
+        value: value !== null && value !== void 0 ? value : number
       }))
     }))]
   });

package/es/Status/index.d.ts

@@ -0,0 +1,7 @@
+import { BadgeProps } from 'antd';
+import React from 'react';
+export interface StatusProps extends Pick<BadgeProps, 'className' | 'color' | 'status' | 'style' | 'text'> {
+    tooltip?: React.ReactNode;
+    title?: string;
+}
+export declare const Status: React.FC<StatusProps>;

package/es/Status/index.js

@@ -0,0 +1,39 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["tooltip", "className", "status", "text", "color"];
+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; }
+import { Icon } from '@lobehub/ui';
+import { Badge, Space, Tooltip } from 'antd';
+import { Info } from 'lucide-react';
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Status = function Status(_ref) {
+  var tooltip = _ref.tooltip,
+    className = _ref.className,
+    status = _ref.status,
+    text = _ref.text,
+    color = _ref.color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs(Space, _objectSpread(_objectSpread({
+    className: cx(styles.root, className),
+    size: "small"
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx(Badge, {
+      status: status,
+      text: text,
+      color: color
+    }), tooltip && /*#__PURE__*/_jsx(Tooltip, {
+      className: styles.tooltip,
+      title: tooltip,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: Info
+      })
+    })]
+  }));
+};

package/es/Status/style.d.ts

@@ -0,0 +1,4 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+    tooltip: import("antd-style").SerializedStyles;
+}>;

package/es/Status/style.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        .", "-badge.", "-badge-status {\n          .", "-badge-status-dot {\n            width: 8px;\n            height: 8px;\n          }\n        }\n      "])), prefixCls, prefixCls, prefixCls),
+    tooltip: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        &.anticon {\n          cursor: help;\n          color: ", ";\n        }\n      "])), token.colorTextTertiary)
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/Table/collapse/index.d.ts

@@ -0,0 +1,8 @@
+import type { TableProps } from 'antd';
+import React from 'react';
+import { CollapseGroupProps } from '../../CollapseGroup';
+export interface CollapseTableProps extends Omit<TableProps, 'title'>, Pick<CollapseGroupProps, 'icon' | 'title' | 'variant' | 'defaultActive' | 'extra'> {
+    rootStyle?: React.CSSProperties;
+    rootClassName?: string;
+}
+export declare const CollapseTable: React.FC<CollapseTableProps>;

package/es/Table/collapse/index.js

@@ -0,0 +1,39 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["rootStyle", "rootClassName", "icon", "title", "variant", "defaultActive", "extra", "className"];
+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; }
+import { Table } from 'antd';
+import React from 'react';
+import { CollapseGroup } from "../../CollapseGroup";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var CollapseTable = function CollapseTable(_ref) {
+  var rootStyle = _ref.rootStyle,
+    rootClassName = _ref.rootClassName,
+    icon = _ref.icon,
+    title = _ref.title,
+    variant = _ref.variant,
+    defaultActive = _ref.defaultActive,
+    extra = _ref.extra,
+    className = _ref.className,
+    tableProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx(CollapseGroup, {
+    className: rootClassName,
+    style: rootStyle,
+    icon: icon,
+    title: title,
+    variant: variant,
+    defaultActive: defaultActive,
+    extra: extra,
+    children: /*#__PURE__*/_jsx(Table, _objectSpread({
+      className: cx(styles.table, className),
+      pagination: false,
+      rowHoverable: false,
+      size: "small"
+    }, tableProps))
+  });
+};

package/es/Table/collapse/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    table: import("antd-style").SerializedStyles;
+}>;

package/es/Table/collapse/style.js

@@ -0,0 +1,11 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    table: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .", "-table {\n        &-thead {\n          & > tr > th {\n            font-weight: normal;\n            color: ", ";\n            background-color: unset;\n            &::before {\n              display: none;\n            }\n          }\n        }\n        &-tbody {\n          & > tr:last-child {\n            & > td {\n              border-bottom-color: transparent;\n            }\n          }\n        }\n        &-cell {\n          vertical-align: top;\n        }\n      }\n    "])), prefixCls, token.colorTextTertiary)
+  };
+});

package/es/Table/index.d.ts

@@ -0,0 +1,20 @@
+import { Table as AntdTable, TableProps } from 'antd';
+import { AnyObject } from 'antd/es/_util/type';
+import React from 'react';
+import { CollapseTable } from './collapse';
+export * from './collapse';
+export { type TableColumnGroupType, type TableColumnProps, type TableColumnsType, type TableColumnType, type TablePaginationConfig, type TableProps, } from 'antd';
+type YuntiTable = <RecordType extends AnyObject = AnyObject>(props: TableProps<RecordType>) => React.ReactElement;
+export declare const Table: YuntiTable & {
+    displayName?: typeof AntdTable.displayName;
+    SELECTION_COLUMN: typeof AntdTable.SELECTION_COLUMN;
+    EXPAND_COLUMN: typeof AntdTable.EXPAND_COLUMN;
+    SELECTION_ALL: typeof AntdTable.SELECTION_ALL;
+    SELECTION_INVERT: typeof AntdTable.SELECTION_INVERT;
+    SELECTION_NONE: typeof AntdTable.SELECTION_NONE;
+    Column: typeof AntdTable.Column;
+    ColumnGroup: typeof AntdTable.ColumnGroup;
+    Summary: typeof AntdTable.Summary;
+    Collapse: typeof CollapseTable;
+};
+export default Table;

package/es/Table/index.js

@@ -0,0 +1,56 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["columns"];
+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; }
+import { Table as AntdTable, Tooltip } from 'antd';
+import React, { useMemo } from 'react';
+import { CollapseTable } from "./collapse";
+import { jsx as _jsx } from "react/jsx-runtime";
+export * from "./collapse";
+export var Table = function Table(props) {
+  var columns = props.columns,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var formatColumns = useMemo(function () {
+    return columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
+      if (item.render) {
+        return item;
+      }
+      if (item.ellipsis && item.ellipsis !== true && item.ellipsis.showTitle || item.ellipsis === true) {
+        var tooltipProps = item.ellipsis === true ? {} : item.ellipsis;
+        return _objectSpread(_objectSpread({}, item), {}, {
+          ellipsis: {
+            showTitle: false
+          },
+          render: function render(text) {
+            return text || text === 0 ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+              placement: "topLeft",
+              title: text,
+              children: text
+            })) : '-';
+          }
+        });
+      }
+      if (!item.render) {
+        item.render = function (text) {
+          return text !== null && text !== void 0 ? text : '-';
+        };
+      }
+      return item;
+    });
+  }, [columns]);
+  return /*#__PURE__*/_jsx(AntdTable, _objectSpread(_objectSpread({}, otherProps), {}, {
+    columns: formatColumns
+  }));
+};
+Table.displayName = 'Table';
+Table.SELECTION_COLUMN = AntdTable.SELECTION_COLUMN;
+Table.EXPAND_COLUMN = AntdTable.EXPAND_COLUMN;
+Table.SELECTION_ALL = AntdTable.SELECTION_ALL;
+Table.SELECTION_INVERT = AntdTable.SELECTION_INVERT;
+Table.SELECTION_NONE = AntdTable.SELECTION_NONE;
+Table.Column = AntdTable.Column;
+Table.ColumnGroup = AntdTable.ColumnGroup;
+Table.Summary = AntdTable.Summary;
+Table.Collapse = CollapseTable;
+export default Table;

package/es/Typography/index.d.ts

@@ -0,0 +1,32 @@
+import { Typography as AntdTypography } from 'antd';
+import type { TextProps } from 'antd/es/typography/Text';
+import type { TooltipPropsWithTitle } from 'antd/lib/tooltip';
+import React from 'react';
+export declare const Typography: TypographyProps;
+interface TimeProps extends TextProps {
+    /**
+     * @description Set display time
+     * @default '-'
+     */
+    time: string;
+    /**
+     * @description Formatted display time
+     * @default 'YYYY-MM-DD HH:mm:ss'
+     */
+    format?: string;
+    /**
+     * @description Display relative time
+     * @default 'true'
+     */
+    relativeTime?: boolean;
+    /**
+     * @description Mouse above to show time
+     * @default '{title: "YYYY-MM-DD HH:mm:ss"}'
+     */
+    tooltip?: TooltipPropsWithTitle;
+}
+declare const Time: React.FC<TimeProps>;
+export type TypographyProps = typeof AntdTypography & {
+    Time: typeof Time;
+};
+export default Typography;

package/es/Typography/index.js

@@ -0,0 +1,77 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["time", "format", "relativeTime", "tooltip"];
+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; }
+import { Typography as AntdTypography, Tooltip } from 'antd';
+import dayjs from 'dayjs';
+import dayjsRelativeTime from 'dayjs/plugin/relativeTime';
+import { set } from 'lodash-es';
+import React, { useCallback, useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+dayjs.extend(dayjsRelativeTime);
+export var Typography = AntdTypography;
+var getFromNow = function getFromNow(t) {
+  return dayjs(t ? new Date(t) : new Date()).fromNow();
+};
+var Time = function Time(props) {
+  var _tooltip$title;
+  var time = props.time,
+    format = props.format,
+    _props$relativeTime = props.relativeTime,
+    relativeTime = _props$relativeTime === void 0 ? true : _props$relativeTime,
+    tooltip = props.tooltip,
+    textProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(getFromNow(time)),
+    _useState2 = _slicedToArray(_useState, 2),
+    showTime = _useState2[0],
+    setShowTime = _useState2[1];
+
+  // The relative time within the last hour is updated automatically
+  var setTimeInterval = useCallback(function (currentTime) {
+    var now = dayjs();
+    var timeMoment = dayjs(currentTime);
+    var diff = now.diff(timeMoment);
+    if (diff > 0 && diff < 60 * 60 * 1000) {
+      return setInterval(function () {
+        setShowTime(getFromNow(currentTime));
+      }, 60 * 1000);
+    }
+  }, []);
+  useEffect(function () {
+    var timeout;
+    if (relativeTime) {
+      timeout = setTimeInterval(new Date(time));
+    }
+    return function () {
+      if (timeout) {
+        clearInterval(timeout);
+      }
+    };
+  }, [relativeTime, setTimeInterval, time]);
+  useEffect(function () {
+    if (!relativeTime) return;
+    var nextFromNow = getFromNow(time);
+    if (nextFromNow !== showTime) {
+      setShowTime(nextFromNow);
+      setTimeInterval(new Date(time));
+    }
+  }, [time, relativeTime, showTime, setTimeInterval]);
+  var fmtTime = dayjs(time).format(format || 'YYYY-MM-DD HH:mm:ss');
+  var currentTime = relativeTime ? showTime : fmtTime;
+  var tooltipTitle = (_tooltip$title = tooltip === null || tooltip === void 0 ? void 0 : tooltip.title) !== null && _tooltip$title !== void 0 ? _tooltip$title : relativeTime ? fmtTime : undefined;
+
+  // Avoid duplicate tooltips
+  if (tooltipTitle) {
+    set(textProps, 'ellipsis.tooltip.title', undefined);
+  }
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltip || {}), {}, {
+    title: tooltipTitle,
+    children: /*#__PURE__*/_jsx(Typography.Text, _objectSpread(_objectSpread({}, textProps), {}, {
+      children: currentTime
+    }))
+  }));
+};
+Typography.Time = Time;
+export default Typography;

package/es/WaveformIcon/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface WaveformIconProps {
+    height?: number;
+    width?: number;
+    lineColor?: string;
+    bgColor?: string;
+}
+export declare const WaveformIcon: React.FC<WaveformIconProps>;
+export {};

package/es/WaveformIcon/index.js

@@ -0,0 +1,51 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import { createStyles, keyframes } from 'antd-style';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref, props) {
+  var css = _ref.css;
+  var dance1 = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n        transform: scaleY(0.4)\n    }\n    50% {\n      transform: scaleY(0.2)\n    }\n    100% {\n      transform: scaleY(0.5)\n    }\n  "])));
+  var dance2 = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n        transform: scaleY(0.7)\n    }\n    50% {\n      transform: scaleY(0.4)\n    }\n    100% {\n      transform: scaleY(0.7)\n    }\n  "])));
+  var dance3 = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    0% {\n        transform: scaleY(0.9)\n    }\n    50% {\n      transform: scaleY(0.7)\n    }\n    100% {\n      transform: scaleY(0.9)\n    }\n  "])));
+  return {
+    box: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      justify-content: space-evenly;\n\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n    "])), props.width || 34, props.height || 22, props.bgColor || 'transparent'),
+    line: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      display: inline-block;\n\n      width: 3px;\n      height: 90%;\n\n      background-color: ", ";\n      border: none;\n      border-radius: 30%;\n    "])), props.lineColor || '#000'),
+    animate1: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      animation: ", " 500ms ease-in infinite alternate;\n    "])), dance1),
+    animate2: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      animation: ", " 500ms ease-out infinite alternate;\n    "])), dance2),
+    animate3: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      animation: ", " 500ms ease-in infinite alternate;\n    "])), dance3)
+  };
+});
+export var WaveformIcon = function WaveformIcon(_ref2) {
+  var height = _ref2.height,
+    width = _ref2.width,
+    lineColor = _ref2.lineColor,
+    bgColor = _ref2.bgColor;
+  var _useStyles = useStyles({
+      height: height,
+      width: width,
+      lineColor: lineColor,
+      bgColor: bgColor
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.box,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate1)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate2)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate3)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate2)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate1)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate2)
+    }), /*#__PURE__*/_jsx("div", {
+      className: cx(styles.line, styles.animate1)
+    })]
+  });
+};

package/es/hooks/languageMap.d.ts

@@ -0,0 +1 @@
+export declare const languageMap: string[];

package/es/hooks/languageMap.js

@@ -0,0 +1 @@
+export var languageMap = ['abap', 'actionscript-3', 'ada', 'apache', 'apex', 'apl', 'applescript', 'ara', 'asm', 'astro', 'awk', 'ballerina', 'bat', 'beancount', 'berry', 'bibtex', 'bicep', 'blade', 'c', 'cadence', 'clarity', 'clojure', 'cmake', 'cobol', 'codeql', 'coffee', 'cpp', 'crystal', 'csharp', 'css', 'cue', 'cypher', 'd', 'dart', 'dax', 'diff', 'docker', 'dream-maker', 'elixir', 'elm', 'erb', 'erlang', 'fish', 'fsharp', 'gdresource', 'gdscript', 'gdshader', 'gherkin', 'git-commit', 'git-rebase', 'glimmer-js', 'glimmer-ts', 'glsl', 'gnuplot', 'go', 'graphql', 'groovy', 'hack', 'haml', 'handlebars', 'haskell', 'hcl', 'hjson', 'hlsl', 'html', 'http', 'imba', 'ini', 'java', 'javascript', 'jinja-html', 'jison', 'json', 'json5', 'jsonc', 'jsonl', 'jsonnet', 'jssm', 'jsx', 'julia', 'kotlin', 'kusto', 'latex', 'less', 'liquid', 'lisp', 'logo', 'lua', 'make', 'markdown', 'marko', 'matlab', 'mdc', 'mdx', 'mermaid', 'mojo', 'narrat', 'nextflow', 'nginx', 'nim', 'nix', 'objective-c', 'objective-cpp', 'ocaml', 'pascal', 'perl', 'php', 'plsql', 'postcss', 'powerquery', 'powershell', 'prisma', 'prolog', 'proto', 'pug', 'puppet', 'purescript', 'python', 'r', 'raku', 'razor', 'reg', 'rel', 'riscv', 'rst', 'ruby', 'rust', 'sas', 'sass', 'scala', 'scheme', 'scss', 'shaderlab', 'shellscript', 'shellsession', 'smalltalk', 'solidity', 'sparql', 'splunk', 'sql', 'ssh-config', 'stata', 'stylus', 'svelte', 'swift', 'system-verilog', 'tasl', 'tcl', 'tex', 'toml', 'tsx', 'turtle', 'twig', 'typescript', 'v', 'vb', 'verilog', 'vhdl', 'viml', 'vue', 'vue-html', 'vyper', 'wasm', 'wenyan', 'wgsl', 'wolfram', 'xml', 'xsl', 'yaml', 'zenscript', 'zig', 'bash', 'batch', 'be', 'c#', 'cdc', 'clj', 'cmd', 'console', 'cql', 'cs', 'dockerfile', 'erl', 'f#', 'fs', 'fsl', 'gjs', 'gts', 'hbs', 'hs', 'jade', 'js', 'kql', 'makefile', 'md', 'nar', 'nf', 'objc', 'perl6', 'properties', 'ps', 'ps1', 'py', 'ql', 'rb', 'rs', 'sh', 'shader', 'shell', 'spl', 'styl', 'ts', 'vim', 'vimscript', 'vy', 'yml', 'zsh', '文言'];

package/es/hooks/useHighlight.d.ts

@@ -0,0 +1,5 @@
+export declare const FALLBACK_LANG = "txt";
+export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr/dist/_internal").SWRResponse<string, any, {
+    revalidateOnFocus: false;
+}>;
+export { languageMap } from './languageMap';

package/es/hooks/useHighlight.js

@@ -0,0 +1,78 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight, transformerNotationWordHighlight } from '@shikijs/transformers';
+import { createHighlighter } from 'shiki';
+import useSWR from 'swr';
+import { themeConfig } from "../Highlighter/theme";
+import { languageMap } from "./languageMap";
+export var FALLBACK_LANG = 'txt';
+var FALLBACK_LANGS = [FALLBACK_LANG];
+var cacheHighlighter;
+var initHighlighter = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(lang) {
+    var highlighter, language;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          highlighter = cacheHighlighter;
+          language = lang.toLowerCase();
+          if (!(highlighter && FALLBACK_LANGS.includes(language))) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return", highlighter);
+        case 4:
+          if (languageMap.includes(language) && !FALLBACK_LANGS.includes(language)) {
+            FALLBACK_LANGS.push(language);
+          }
+          _context.next = 7;
+          return createHighlighter({
+            langs: FALLBACK_LANGS,
+            themes: [themeConfig(true), themeConfig(false)]
+          });
+        case 7:
+          highlighter = _context.sent;
+          cacheHighlighter = highlighter;
+          return _context.abrupt("return", highlighter);
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function initHighlighter(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var useHighlight = function useHighlight(text, lang, isDarkMode) {
+  return useSWR([lang === null || lang === void 0 ? void 0 : lang.toLowerCase(), isDarkMode ? 'dark' : 'light', text].join('-'), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var language, highlighter, html;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          language = lang.toLowerCase();
+          _context2.next = 4;
+          return initHighlighter(language);
+        case 4:
+          highlighter = _context2.sent;
+          html = highlighter === null || highlighter === void 0 ? void 0 : highlighter.codeToHtml(text, {
+            lang: languageMap.includes(language) ? language : FALLBACK_LANG,
+            theme: isDarkMode ? 'dark' : 'light',
+            transformers: [transformerNotationDiff(), transformerNotationHighlight(), transformerNotationWordHighlight(), transformerNotationFocus(), transformerNotationErrorLevel()]
+          });
+          return _context2.abrupt("return", html);
+        case 9:
+          _context2.prev = 9;
+          _context2.t0 = _context2["catch"](0);
+          return _context2.abrupt("return", '');
+        case 12:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 9]]);
+  })), {
+    revalidateOnFocus: false
+  });
+};
+export { languageMap } from "./languageMap";

package/es/index.d.ts

@@ -1,7 +1,44 @@
-export * from './Breadcrumb';
+export * from './ButtonGroup';
+export * from './CollapseGroup';
 export * from './ConfigProvider';
+export * from './DragPanel';
 export * from './Logo';
+export * from './LogViewer';
+export * from './Mentions';
 export * from './MonacoEditor';
+export * from './Page';
+export * from './ProCard';
+export * from './SelectCard';
 export * from './SliderInput';
+export * from './Status';
+export * from './Alert';
+export * from './App';
+export * from './Breadcrumb';
+export * from './Card';
+export * from './Descriptions';
+export * from './Divider';
+export * from './Drawer';
+export * from './Dropdown';
+export * from './Form';
+export * from './FormHelper';
+export * from './Modal';
+export * from './notification';
+export * from './Radio';
+export * from './Table';
 export * from './Tree';
+export * from './Typography';
+export * from './ChatInputArea';
+export * from './ChatItem';
+export * from './EditableMessage';
+export * from './Highlighter';
+export * from './styles';
+export * from './useSpeechSynthes';
+export * from './WaveformIcon';
+export { Affix, type AffixProps, Anchor, type AnchorProps, type MentionProps as AntdMentionProps, Mentions as AntdMentions, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, BackTop, type BackTopProps, Badge, // @todo composed type
+type BadgeProps, Button, // @todo dependence unifiedLink. link type, hover primary color, back button
+type ButtonProps, Calendar, type CalendarProps, Carousel, type CarouselProps, Cascader, type CascaderProps, Checkbox, type CheckboxProps, Col, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type ColProps, // @todo center style
+type CountdownProps, DatePicker, type DatePickerProps, Empty, type EmptyProps, Flex, type FlexProps, FloatButton, type GlobalToken, Grid, Image, type ImageProps, Input, InputNumber, type InputNumberProps, type InputProps, type InputRef, Layout, type LayoutProps, List, type ListProps, type MappingAlgorithm, Menu, type MenuItemProps, type MenuProps, type MenuRef, type MenuTheme, message, type MessageArgsProps, Pagination, type PaginationProps, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, Progress, type ProgressProps, QRCode, type QRCodeProps, type QRPropsCanvas, type QRPropsSvg, Rate, type RateProps, type RefSelectProps, Result, type ResultProps, Row, type RowProps, Segmented, type SegmentedProps, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderSingleProps, Space, type SpaceProps, Spin, type SpinProps, Statistic, type StatisticProps, type StepProps, Steps, type StepsProps, type SubMenuProps, Switch, type SwitchProps, type TabPaneProps, Tabs, type TabsProps, Tag, type TagProps, type TagType, theme, Timeline, type TimelineItemProps, type TimelineProps, TimePicker, type TimePickerProps, type TimeRangePickerProps, Tooltip, type TooltipProps, Tour, type TourProps, type TourStepProps, Transfer, type TransferProps, Tree, type TreeDataNode, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, Upload, type UploadFile, type UploadProps, version, Watermark, type WatermarkProps, } from 'antd';
+export { Markdown, type MarkdownProps, SyntaxHighlighter, type SyntaxHighlighterProps, } from '@lobehub/ui';
+export { SpeechSynthesisTTS } from '@lobehub/tts';
+export { AudioPlayer, useAudioPlayer, useSpeechRecognition } from '@lobehub/tts/react';
 export { useResponsive, useTheme, useThemeMode } from 'antd-style';