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

package/es/MonacoEditor/base/style.js

@@ -1,7 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 import { createStyles, keyframes } from 'antd-style';
-
 /**
  * styles from https://github.com/alibaba/lowcode-plugins/blob/main/packages/base-monaco-editor/src/index.scss
  */
@@ -14,12 +13,30 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     _ref2$isFullScreen = _ref2.isFullScreen,
     isFullScreen = _ref2$isFullScreen === void 0 ? false : _ref2$isFullScreen,
     _ref2$diff = _ref2.diff,
-    diff = _ref2$diff === void 0 ? false : _ref2$diff;
+    diff = _ref2$diff === void 0 ? false : _ref2$diff,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'outlined' : _ref2$variant;
   var dots = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      0% { content: '.'; }\n      20% { content: '..'; }\n      40% { content: '...'; }\n      60% { content: '....'; }\n      80% { content: '.....'; }\n    "])));
+  var getBgColor = function getBgColor() {
+    switch (variant) {
+      case 'outlined':
+        {
+          return token.colorBgBase;
+        }
+      case 'filled':
+        {
+          return token.colorFillTertiary;
+        }
+      default:
+        {
+          return 'transparent';
+        }
+    }
+  };
   return {
-    base: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n\n        box-sizing: content-box;\n        min-height: 100px;\n\n        border: 1px solid transparent;\n        border-radius: 3px;\n        &:hover {\n          border-color: var(--color-field-border-hover, rgba(31, 56, 88, 0.1));\n        }\n\n        &.ve-focused {\n          border-color: var(--color-field-border-active, rgba(31, 56, 88, 0.15));\n        }\n\n        &.ve-outline {\n          border: 1px solid var(--color-field-border, rgba(31, 56, 88, 0.05)) !important;\n        }\n\n        & > .react-monaco-editor-container {\n          width: 100%;\n          height: 100%;\n          min-height: 100px;\n          background: transparent;\n\n          ", "\n\n          & > .monaco-editor {\n            border-radius: ", "px;\n            .overflow-guard,\n            .margin {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n            }\n            .monaco-scrollable-element {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n          .monaco-diff-editor {\n            border-radius: ", "px;\n            & > .original > .monaco-editor {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n              .overflow-guard,\n              .margin {\n                border-top-left-radius: ", "px;\n                border-bottom-left-radius: ", "px;\n              }\n            }\n            .diffViewport {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n        }\n\n        ..syntaxTips {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n\n          box-sizing: border-box;\n          width: 100%;\n          max-height: 0;\n          margin: 0;\n          padding: 10px 30px;\n\n          color: red;\n\n          background: rgba(255, 234, 234, 0.8);\n\n          transition: 0.2s ease max-height;\n        }\n\n        .syntaxTips:hover {\n          overflow: auto;\n          max-height: 50%;\n        }\n\n        .syntaxTips .infoIcon {\n          position: absolute;\n          top: 2px;\n          right: 5px;\n          transform: rotateY(180deg);\n\n          width: 20px;\n          height: 16px;\n        }\n      "])), isFullScreen && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            position: fixed;\n            z-index: 9998;\n            inset: 0;\n\n            width: auto !important;\n            height: auto !important;\n          "]))), token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius - 1, token.borderRadius - 1),
-    fullScreenBtn: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        &.", "-btn {\n          position: absolute;\n          color: ", ";\n          top: 20px;\n          transition: none;\n          ", "\n        }\n      "])), prefixCls, token.colorTextSecondary, isFullScreen ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                z-index: 9999;\n                right: ", "px;\n              "])), diff ? 64 : 138) : css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                right: ", "px;\n              "])), minimapEnabled || diff ? 64 : 20)),
-    loading: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        position: absolute;\n        inset: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        font-size: ", "px;\n        color: ", ";\n\n        background-color: transparent;\n\n        &::after {\n          content: '';\n          /* width: 20px; */\n          display: inline;\n          animation: ", " steps(3) 1s infinite;\n        }\n      "])), token.fontSizeSM, token.colorTextTertiary, dots)
+    base: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n\n        box-sizing: content-box;\n        min-height: 100px;\n\n        background-color: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n        &:hover {\n          border-color: ", ";\n          ", "\n        }\n\n        &.ve-focused {\n          ", "\n          ", "\n        }\n\n        &.ve-outline {\n          border: 1px solid var(--color-field-border, rgba(31, 56, 88, 0.05)) !important;\n        }\n\n        & > .react-monaco-editor-container {\n          width: 100%;\n          height: 100%;\n          min-height: 100px;\n          background: transparent;\n\n          ", "\n\n          .monaco-editor,\n          .monaco-editor-background,\n          .monaco-editor .inputarea.ime-input,\n          .monaco-editor .margin {\n            background-color: transparent;\n          }\n\n          & > .monaco-editor {\n            border-radius: ", "px;\n            .overflow-guard,\n            .margin {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n            }\n            .monaco-scrollable-element {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n          .monaco-diff-editor {\n            border-radius: ", "px;\n            & > .original > .monaco-editor {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n              .overflow-guard,\n              .margin {\n                border-top-left-radius: ", "px;\n                border-bottom-left-radius: ", "px;\n              }\n            }\n            .diffViewport {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n        }\n\n        .syntaxTips {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n\n          box-sizing: border-box;\n          width: 100%;\n          max-height: 0;\n          margin: 0;\n          padding: 10px 30px;\n\n          color: red;\n\n          background: rgba(255, 234, 234, 0.8);\n\n          transition: 0.2s ease max-height;\n        }\n\n        .syntaxTips:hover {\n          overflow: auto;\n          max-height: 50%;\n        }\n\n        .syntaxTips .infoIcon {\n          position: absolute;\n          top: 2px;\n          right: 5px;\n          transform: rotateY(180deg);\n\n          width: 20px;\n          height: 16px;\n        }\n      "])), getBgColor(), variant === 'outlined' ? token.colorBorder : 'transparent', token.borderRadius, variant === 'outlined' ? token.colorPrimaryHover : 'transparent', variant === 'filled' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            background-color: ", ";\n          "])), token.colorFillSecondary), variant === 'filled' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            background-color: ", ";\n          "])), token.colorBgBase), variant !== 'borderless' && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            border-color: ", ";\n          "])), token.colorPrimaryActive), isFullScreen && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            position: fixed;\n            z-index: 9998;\n            inset: 0;\n\n            width: auto !important;\n            height: auto !important;\n          "]))), token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius - 1, token.borderRadius - 1),
+    fullScreenBtn: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        &.", "-btn {\n          position: absolute;\n          top: 20px;\n          color: ", ";\n          transition: none;\n          ", "\n        }\n      "])), prefixCls, token.colorTextSecondary, isFullScreen ? css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                z-index: 9999;\n                right: ", "px;\n              "])), diff ? 64 : 138) : css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                right: ", "px;\n              "])), minimapEnabled || diff ? 64 : 20)),
+    loading: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        position: absolute;\n        inset: 0;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        font-size: ", "px;\n        color: ", ";\n\n        background-color: transparent;\n\n        &::after {\n          content: '';\n          width: 16px;\n          /* display: inline; */\n          animation: ", " steps(3) 1s infinite;\n        }\n      "])), token.fontSizeSM, token.colorTextTertiary, dots)
   };
 }, {
   hashPriority: 'low'

package/es/MonacoEditor/index.d.ts

@@ -1,3 +1,4 @@
+import type { Variant } from 'antd/es/config-provider';
 import React from 'react';
 import type { IDiffMonacoEditorProps, IGeneralManacoEditorProps, ISingleMonacoEditorProps } from './base/helper';
 export { type EditorMeta, Controller as MonacoController } from './base/controller';
@@ -16,6 +17,8 @@ export interface BaseMonacoEditorProps extends IGeneralManacoEditorProps {
     version?: string;
     /** An event emitted when the content of the current model has changed. */
     onChange?: (input: string, event: any) => void;
+    /** Variants of Editor, Defaults to outlined.  */
+    variant?: Variant;
 }
 export declare const BaseMonacoEditor: React.FC<BaseMonacoEditorProps & {
     /** Only for BaseMonacoEditor. */

package/es/Page/Page.d.ts

@@ -1,4 +1,4 @@
-import { FlexProps } from 'antd/lib';
+import { type FlexProps } from 'antd';
 import React from 'react';
 import { PageContextValue } from './PageContext';
 export interface PageProps extends React.HTMLAttributes<HTMLDivElement>, Pick<FlexProps, 'gap'> {

package/es/Radio/index.js

@@ -4,7 +4,6 @@ var _excluded = ["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 { Radio as AntdRadio } from 'antd';
-import AntdGroup from 'antd/es/radio/group';
 import React from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,7 +17,7 @@ var Group = function Group(props) {
   var _useStyles = useStyles(otherProps),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(AntdGroup, _objectSpread(_objectSpread({}, otherProps), {}, {
+  return /*#__PURE__*/_jsx(AntdRadio.Group, _objectSpread(_objectSpread({}, otherProps), {}, {
     className: cx(styles.custom, className)
   }));
 };

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

@@ -1,8 +1,9 @@
 import type { TableProps } from 'antd';
+import type { AnyObject } from 'antd/es/_util/type';
 import React from 'react';
 import { CollapseGroupProps } from '../../CollapseGroup';
-export interface CollapseTableProps extends Omit<TableProps, 'title'>, Pick<CollapseGroupProps, 'icon' | 'title' | 'variant' | 'defaultActive' | 'extra'> {
+export interface CollapseTableProps<RecordType = AnyObject> extends Omit<TableProps<RecordType>, 'title'>, Pick<CollapseGroupProps, 'icon' | 'title' | 'variant' | 'defaultActive' | 'extra'> {
     rootStyle?: React.CSSProperties;
     rootClassName?: string;
 }
-export declare const CollapseTable: React.FC<CollapseTableProps>;
+export declare const CollapseTable: <RecordType extends AnyObject = AnyObject>({ rootStyle, rootClassName, icon, title, variant, defaultActive, extra, className, ...tableProps }: CollapseTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;

package/es/Table/index.d.ts

@@ -1,5 +1,5 @@
 import { Table as AntdTable, TableProps } from 'antd';
-import { AnyObject } from 'antd/es/_util/type';
+import type { AnyObject } from 'antd/es/_util/type';
 import React from 'react';
 import { CollapseTable } from './collapse';
 export * from './collapse';

package/es/Typography/index.d.ts

@@ -1,6 +1,6 @@
 import { Typography as AntdTypography } from 'antd';
+import type { TooltipPropsWithTitle } from 'antd/es/tooltip';
 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 {

package/es/index.d.ts

@@ -38,7 +38,7 @@ export { Affix, type AffixProps, Anchor, type AnchorProps, type MentionProps as
 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 { CopyButton, type CopyButtonProps, 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';

package/es/index.js

@@ -50,7 +50,7 @@ export { Affix, Anchor, Mentions as AntdMentions, AutoComplete, Avatar, BackTop,
 , DatePicker, Empty, Flex, FloatButton, Grid, Image, Input, InputNumber, Layout, List, Menu, message, Pagination, Popconfirm, Popover, Progress, QRCode, Rate, Result, Row, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tabs, Tag, theme, Timeline, TimePicker, Tooltip, Tour, Transfer, Tree, TreeSelect, Upload, version, Watermark } from 'antd';
 
 // ~ @lobehub/ui
-export { Markdown, SyntaxHighlighter } from '@lobehub/ui';
+export { CopyButton, Markdown, SyntaxHighlighter } from '@lobehub/ui';
 
 // @lobehub/tts
 export { SpeechSynthesisTTS } from '@lobehub/tts';

package/es/styles/colors/generateColorPalette.d.ts

@@ -1,4 +1,4 @@
-import { AliasToken } from 'antd/es/theme/interface';
+import type { AliasToken } from 'antd/es/theme/interface';
 import { ColorScaleItem } from "./colors";
 export declare const generateColorPalette: ({ type, scale, appearance, }: {
     appearance: 'light' | 'dark';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.80",
+  "version": "1.0.0-beta.82",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",
@@ -83,17 +83,17 @@
     "@alilc/lowcode-plugin-base-monaco-editor": "^1.1.2",
     "@ant-design/icons": "^5",
     "@babel/runtime": "^7",
-    "@lexical/react": "^0.16.1",
-    "@lexical/selection": "^0.16.1",
-    "@lexical/text": "^0.16.1",
-    "@lexical/utils": "^0.16.1",
+    "@lexical/react": "^0.23.1",
+    "@lexical/selection": "^0.23.1",
+    "@lexical/text": "^0.23.1",
+    "@lexical/utils": "^0.23.1",
     "@lobehub/tts": "^1.25.1",
     "@lobehub/ui": "^1.164.2",
     "@melloware/react-logviewer": "^5.2.0",
     "@monaco-editor/loader": "^1.4.0",
     "@shikijs/transformers": "^1.10.3",
     "leva": "^0",
-    "lexical": "^0.16.1",
+    "lexical": "^0.23.1",
     "lodash-es": "^4",
     "lucide-react": "latest",
     "query-string": "^8",