@yuntijs/ui 1.0.0-beta.37 → 1.0.0-beta.39

package/es/Mentions/index.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable';
 import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import { $getRoot, TextNode } from 'lexical';
@@ -12,6 +13,7 @@ import { CustomTextNode } from "./plugins/custom-text/node";
 import { MentionNode, MentionNodePlugin, MentionNodePluginReplacement } from "./plugins/mention-node";
 import { MentionPickerPlugin } from "./plugins/mention-picker";
 import OnBlurBlock from "./plugins/on-blur-or-focus-block";
+import { MentionsConfigProvider } from "./provider";
 import { useStyles } from "./style";
 import { textToEditorState } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -61,9 +63,10 @@ export var Mentions = function Mentions(_ref) {
       onError: function onError(error) {
         throw error;
       }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
     };
-  }, []);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
   var handleEditorChange = function handleEditorChange(editorState) {
     var text = editorState.read(function () {
       return $getRoot().getTextContent();
@@ -86,35 +89,36 @@ export var Mentions = function Mentions(_ref) {
     initialConfig: _objectSpread(_objectSpread({}, initialConfig), {}, {
       editable: editable
     }),
-    children: /*#__PURE__*/_jsxs("div", {
-      className: cx(styles.wrapper, wrapperClassname),
-      children: [/*#__PURE__*/_jsx(RichTextPlugin, {
-        ErrorBoundary: LexicalErrorBoundary,
-        contentEditable: /*#__PURE__*/_jsx(ContentEditable, {
-          className: cx((_cx = {}, _defineProperty(_cx, styles.root, true), _defineProperty(_cx, styles.filled, variant === 'filled'), _defineProperty(_cx, styles.borderless, variant === 'borderless'), _defineProperty(_cx, styles.disabled, disabled), _cx), className),
-          style: style || {}
-        }),
-        placeholder: /*#__PURE__*/_jsx("div", {
-          className: styles.placeholder,
-          children: placeholder || "\u8F93\u5165 ".concat(triggers.join(' 或 '), " \u63D2\u5165\u5F15\u7528")
-        })
-      }), /*#__PURE__*/_jsx(MentionPickerPlugin, {
-        allowSpaces: allowSpaces,
-        onSelect: onSelect,
-        options: options,
-        preTriggerChars: preTriggerChars,
-        punctuation: punctuation,
-        triggers: triggers
-      }), /*#__PURE__*/_jsx(MentionNodePlugin, {
+    children: /*#__PURE__*/_jsx(MentionsConfigProvider, {
+      value: {
         optionsMap: optionsMap
-      }), /*#__PURE__*/_jsx(MentionNodePluginReplacement, {
-        optionsMap: optionsMap
-      }), /*#__PURE__*/_jsx(OnChangePlugin, {
-        onChange: handleEditorChange
-      }), /*#__PURE__*/_jsx(OnBlurBlock, {
-        onBlur: onBlur,
-        onFocus: onFocus
-      })]
+      },
+      children: /*#__PURE__*/_jsxs("div", {
+        className: cx(styles.wrapper, wrapperClassname),
+        children: [/*#__PURE__*/_jsx(RichTextPlugin, {
+          ErrorBoundary: LexicalErrorBoundary,
+          contentEditable: /*#__PURE__*/_jsx(ContentEditable, {
+            className: cx((_cx = {}, _defineProperty(_cx, styles.root, true), _defineProperty(_cx, styles.filled, variant === 'filled'), _defineProperty(_cx, styles.borderless, variant === 'borderless'), _defineProperty(_cx, styles.disabled, disabled), _cx), className),
+            style: style || {}
+          }),
+          placeholder: /*#__PURE__*/_jsx("div", {
+            className: styles.placeholder,
+            children: placeholder || "\u8F93\u5165 ".concat(triggers.join(' 或 '), " \u63D2\u5165\u5F15\u7528")
+          })
+        }), /*#__PURE__*/_jsx(MentionPickerPlugin, {
+          allowSpaces: allowSpaces,
+          onSelect: onSelect,
+          options: options,
+          preTriggerChars: preTriggerChars,
+          punctuation: punctuation,
+          triggers: triggers
+        }), /*#__PURE__*/_jsx(MentionNodePlugin, {}), /*#__PURE__*/_jsx(MentionNodePluginReplacement, {}), /*#__PURE__*/_jsx(HistoryPlugin, {}), /*#__PURE__*/_jsx(OnChangePlugin, {
+          onChange: handleEditorChange
+        }), /*#__PURE__*/_jsx(OnBlurBlock, {
+          onBlur: onBlur,
+          onFocus: onFocus
+        })]
+      })
     })
   });
 };

package/es/Mentions/plugins/mention-node/component.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import { MentionsOptionsMap } from '../../types';
 export interface MentionNodeComponentProps {
     nodeKey: string;
     variable: string;
-    optionsMap: MentionsOptionsMap;
 }
 export declare const MentionNodeComponent: React.FC<MentionNodeComponentProps>;

package/es/Mentions/plugins/mention-node/component.js

@@ -1,22 +1,20 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { mergeRegister } from '@lexical/utils';
 import { Icon } from '@lobehub/ui';
 import { Flex, Tooltip } from 'antd';
-import { COMMAND_PRIORITY_EDITOR } from 'lexical';
 import { CircleAlert } from 'lucide-react';
-import React, { memo, useEffect, useState } from 'react';
+import React, { memo, useEffect } from 'react';
+import { useOptionsMap } from "../../provider";
 import { useSelectOrDelete } from "../../hooks";
 import { MentionNode } from "./node";
 import { useStyles } from "./style";
-import { DELETE_MENTION_COMMAND, UPDATE_MENTIONS_OPTIONS } from "./utils";
+import { DELETE_MENTION_COMMAND } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MentionNodeComponent = /*#__PURE__*/memo(function (_ref) {
   var nodeKey = _ref.nodeKey,
-    variable = _ref.variable,
-    _ref$optionsMap = _ref.optionsMap,
-    optionsMap = _ref$optionsMap === void 0 ? {} : _ref$optionsMap;
+    variable = _ref.variable;
+  var optionsMap = useOptionsMap();
   var _useLexicalComposerCo = useLexicalComposerContext(),
     _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
     editor = _useLexicalComposerCo2[0];
@@ -24,22 +22,16 @@ export var MentionNodeComponent = /*#__PURE__*/memo(function (_ref) {
     _useSelectOrDelete2 = _slicedToArray(_useSelectOrDelete, 2),
     ref = _useSelectOrDelete2[0],
     isSelected = _useSelectOrDelete2[1];
-  var _useState = useState(optionsMap),
-    _useState2 = _slicedToArray(_useState, 2),
-    localMentionsOptionsMap = _useState2[0],
-    setLocalMentionsOptionsMap = _useState2[1];
-  var option = localMentionsOptionsMap === null || localMentionsOptionsMap === void 0 ? void 0 : localMentionsOptionsMap[variable];
+  var option = optionsMap === null || optionsMap === void 0 ? void 0 : optionsMap[variable];
   var _useStyles = useStyles({
       isSelected: isSelected,
       isError: !option || !!option.error
     }),
     styles = _useStyles.styles;
   useEffect(function () {
-    if (!editor.hasNodes([MentionNode])) throw new Error('MentionsNodePlugin: MentionNode not registered on editor');
-    return mergeRegister(editor.registerCommand(UPDATE_MENTIONS_OPTIONS, function (newOptionsMap) {
-      setLocalMentionsOptionsMap(newOptionsMap);
-      return true;
-    }, COMMAND_PRIORITY_EDITOR));
+    if (!editor.hasNodes([MentionNode])) {
+      throw new Error('MentionsNodePlugin: MentionNode not registered on editor');
+    }
   }, [editor]);
   var Item = /*#__PURE__*/_jsx(Flex, {
     className: styles.root,

package/es/Mentions/plugins/mention-node/index.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
-import { MentionsOptionsMap } from '../../types';
 export * from './node';
 export * from './replacement';
 export * from './utils';
 export interface MentionNodePluginProps {
     onInsert?: () => void;
     onDelete?: () => void;
-    optionsMap: MentionsOptionsMap;
 }
 export declare const MentionNodePlugin: React.FC<MentionNodePluginProps>;

package/es/Mentions/plugins/mention-node/index.js

@@ -4,28 +4,21 @@ import { mergeRegister } from '@lexical/utils';
 import { $insertNodes, COMMAND_PRIORITY_EDITOR } from 'lexical';
 import { memo, useEffect } from 'react';
 import { $createMentionNode, MentionNode } from "./node";
-import { CLEAR_HIDE_MENU_TIMEOUT, DELETE_MENTION_COMMAND, INSERT_MENTION_COMMAND, UPDATE_MENTIONS_OPTIONS } from "./utils";
+import { CLEAR_HIDE_MENU_TIMEOUT, DELETE_MENTION_COMMAND, INSERT_MENTION_COMMAND } from "./utils";
 export * from "./node";
 export * from "./replacement";
 export * from "./utils";
 export var MentionNodePlugin = /*#__PURE__*/memo(function (_ref) {
-  var optionsMap = _ref.optionsMap,
-    onInsert = _ref.onInsert,
+  var onInsert = _ref.onInsert,
     onDelete = _ref.onDelete;
   var _useLexicalComposerCo = useLexicalComposerContext(),
     _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
     editor = _useLexicalComposerCo2[0];
-  useEffect(function () {
-    editor.update(function () {
-      editor.dispatchCommand(UPDATE_MENTIONS_OPTIONS, optionsMap);
-    });
-  }, [editor, optionsMap]);
   useEffect(function () {
     if (!editor.hasNodes([MentionNode])) throw new Error('MentionsNodePlugin: MentionNode not registered on editor');
     return mergeRegister(editor.registerCommand(INSERT_MENTION_COMMAND, function (variable) {
-      // eslint-disable-next-line unicorn/no-useless-undefined
-      editor.dispatchCommand(CLEAR_HIDE_MENU_TIMEOUT, undefined);
-      var mentionNode = $createMentionNode(variable, optionsMap);
+      editor.dispatchCommand(CLEAR_HIDE_MENU_TIMEOUT, null);
+      var mentionNode = $createMentionNode(variable);
       $insertNodes([mentionNode]);
       if (onInsert) onInsert();
       return true;
@@ -33,7 +26,7 @@ export var MentionNodePlugin = /*#__PURE__*/memo(function (_ref) {
       if (onDelete) onDelete();
       return true;
     }, COMMAND_PRIORITY_EDITOR));
-  }, [editor, onInsert, onDelete, optionsMap]);
+  }, [editor, onInsert, onDelete]);
   return null;
 });
 MentionNodePlugin.displayName = 'MentionNodePlugin';

package/es/Mentions/plugins/mention-node/node.d.ts

@@ -4,23 +4,20 @@ import { DecoratorNode } from 'lexical';
 import type { MentionsOptionsMap } from '../../types';
 export type SerializedNode = SerializedLexicalNode & {
     variable: string;
-    optionsMap: MentionsOptionsMap;
 };
 export declare class MentionNode extends DecoratorNode<JSX.Element> {
     __variable: string;
-    __optionsMap: MentionsOptionsMap;
     static getType(): string;
     static clone(node: MentionNode): MentionNode;
     isInline(): boolean;
-    constructor(variable: string, optionsMap: MentionsOptionsMap, key?: NodeKey);
+    constructor(variable: string, optionsMap?: MentionsOptionsMap, key?: NodeKey);
     createDOM(): HTMLElement;
     updateDOM(): false;
     decorate(): JSX.Element;
     static importJSON(serializedNode: SerializedNode): MentionNode;
     exportJSON(): SerializedNode;
     getVariable(): string;
-    getOptionsMap(): MentionsOptionsMap;
     getTextContent(): string;
 }
-export declare function $createMentionNode(variable: string, workflowNodesMap: MentionsOptionsMap): MentionNode;
+export declare function $createMentionNode(variable: string): MentionNode;
 export declare function $isMentionNode(node: MentionNode | LexicalNode | null | undefined): node is MentionNode;

package/es/Mentions/plugins/mention-node/node.js

@@ -19,9 +19,7 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
     _classCallCheck(this, MentionNode);
     _this = _super.call(this, key);
     _defineProperty(_assertThisInitialized(_this), "__variable", void 0);
-    _defineProperty(_assertThisInitialized(_this), "__optionsMap", void 0);
     _this.__variable = variable;
-    _this.__optionsMap = optionsMap;
     return _this;
   }
   _createClass(MentionNode, [{
@@ -36,9 +34,6 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
       div.style.display = 'inline-flex';
       div.style.alignItems = 'center';
       div.style.verticalAlign = 'middle';
-      // div.style['align-items'] = 'center';
-      // div.style['vertical-align'] = 'middle';
-
       return div;
     }
   }, {
@@ -51,7 +46,6 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
     value: function decorate() {
       return /*#__PURE__*/_jsx(MentionNodeComponent, {
         nodeKey: this.getKey(),
-        optionsMap: this.__optionsMap,
         variable: this.__variable
       });
     }
@@ -61,8 +55,7 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
       return {
         type: 'mention-node',
         version: 1,
-        variable: this.getVariable(),
-        optionsMap: this.getOptionsMap()
+        variable: this.getVariable()
       };
     }
   }, {
@@ -71,12 +64,6 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
       var self = this.getLatest();
       return self.__variable;
     }
-  }, {
-    key: "getOptionsMap",
-    value: function getOptionsMap() {
-      var self = this.getLatest();
-      return self.__optionsMap;
-    }
   }, {
     key: "getTextContent",
     value: function getTextContent() {
@@ -90,20 +77,20 @@ export var MentionNode = /*#__PURE__*/function (_DecoratorNode) {
   }, {
     key: "clone",
     value: function clone(node) {
-      return new MentionNode(node.__variable, node.__optionsMap);
+      return new MentionNode(node.__variable);
     }
   }, {
     key: "importJSON",
     value: function importJSON(serializedNode) {
       // eslint-disable-next-line @typescript-eslint/no-use-before-define
-      var node = $createMentionNode(serializedNode.variable, serializedNode.optionsMap);
+      var node = $createMentionNode(serializedNode.variable);
       return node;
     }
   }]);
   return MentionNode;
 }(DecoratorNode);
-export function $createMentionNode(variable, workflowNodesMap) {
-  return new MentionNode(variable, workflowNodesMap);
+export function $createMentionNode(variable) {
+  return new MentionNode(variable);
 }
 export function $isMentionNode(node) {
   return node instanceof MentionNode;

package/es/Mentions/plugins/mention-node/replacement.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
-import { MentionsOptionsMap } from '../../types';
 export interface MentionNodePluginReplacementProps {
-    optionsMap: MentionsOptionsMap;
     onInsert?: () => void;
 }
 export declare const MentionNodePluginReplacement: React.FC<MentionNodePluginReplacementProps>;

package/es/Mentions/plugins/mention-node/replacement.js

@@ -8,8 +8,7 @@ import { CustomTextNode } from "../custom-text/node";
 import { $createMentionNode, MentionNode } from "./node";
 import { MENTION_REGEX } from "./utils";
 export var MentionNodePluginReplacement = /*#__PURE__*/memo(function (_ref) {
-  var optionsMap = _ref.optionsMap,
-    onInsert = _ref.onInsert;
+  var onInsert = _ref.onInsert;
   var _useLexicalComposerCo = useLexicalComposerContext(),
     _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
     editor = _useLexicalComposerCo2[0];
@@ -19,8 +18,8 @@ export var MentionNodePluginReplacement = /*#__PURE__*/memo(function (_ref) {
   var createMentionNode = useCallback(function (textNode) {
     if (onInsert) onInsert();
     var nodePathString = textNode.getTextContent().slice(2, -2);
-    return $applyNodeReplacement($createMentionNode(nodePathString, optionsMap));
-  }, [onInsert, optionsMap]);
+    return $applyNodeReplacement($createMentionNode(nodePathString));
+  }, [onInsert]);
   var getMatch = useCallback(function (text) {
     var matchArr = MENTION_REGEX.exec(text);
     if (matchArr === null) return null;

package/es/Mentions/plugins/mention-node/style.js

@@ -24,10 +24,8 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     }
     if (isSelected) {
       return {
-        // background: token.colorInfoBgHover,
-        background: token.colorInfoBg,
+        background: token.colorInfoBgHover,
         border: token.colorInfoBorder,
-        // color: token.colorInfoTextActive,
         color: token.colorInfoText
       };
     }
@@ -42,7 +40,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     border = _getColors.border,
     color = _getColors.color;
   return {
-    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin: 1px 2px;\n        padding: 0 4px;\n\n        font-family: ", ";\n        color: ", ";\n\n        background-color: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      "])), token.fontFamilyCode, color, background, border, token.borderRadius),
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        user-select: none;\n\n        margin: 1px 2px;\n        padding: 0 4px;\n\n        font-family: ", ";\n        color: ", ";\n\n        background-color: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      "])), token.fontFamilyCode, color, background, border, token.borderRadius),
     text: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        overflow: hidden;\n        display: inline-block;\n\n        max-width: 200px;\n\n        color: ", ";\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      "])), token.colorTextSecondary),
     error: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        color: ", ";\n      "])), token.colorErrorText)
   };

package/es/Mentions/plugins/mention-node/utils.d.ts

@@ -1,5 +1,4 @@
 export declare const INSERT_MENTION_COMMAND: import("lexical").LexicalCommand<unknown>;
 export declare const DELETE_MENTION_COMMAND: import("lexical").LexicalCommand<unknown>;
 export declare const CLEAR_HIDE_MENU_TIMEOUT: import("lexical").LexicalCommand<unknown>;
-export declare const UPDATE_MENTIONS_OPTIONS: import("lexical").LexicalCommand<unknown>;
 export declare const MENTION_REGEX: RegExp;

package/es/Mentions/plugins/mention-node/utils.js

@@ -2,5 +2,4 @@ import { createCommand } from 'lexical';
 export var INSERT_MENTION_COMMAND = createCommand('INSERT_MENTION_COMMAND');
 export var DELETE_MENTION_COMMAND = createCommand('DELETE_MENTION_COMMAND');
 export var CLEAR_HIDE_MENU_TIMEOUT = createCommand('CLEAR_HIDE_MENU_TIMEOUT');
-export var UPDATE_MENTIONS_OPTIONS = createCommand('UPDATE_MENTIONS_OPTIONS');
 export var MENTION_REGEX = /{{([\w-]{1,50}(\.[_a-z]\w{0,29}){1,10})}}/gi;

package/es/Mentions/provider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { MentionsOptionsMap } from './types';
+interface Value {
+    optionsMap: MentionsOptionsMap;
+}
+export declare const MentionsConfigContext: import("react").Context<Value | null>;
+export declare const MentionsConfigProvider: import("react").NamedExoticComponent<{
+    children: ReactNode;
+    value: Value;
+}>;
+export declare const useOptionsMap: () => MentionsOptionsMap | undefined;
+export {};

package/es/Mentions/provider.js

@@ -0,0 +1,15 @@
+import { createContext, memo, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var MentionsConfigContext = /*#__PURE__*/createContext(null);
+export var MentionsConfigProvider = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    value = _ref.value;
+  return /*#__PURE__*/_jsx(MentionsConfigContext.Provider, {
+    value: value,
+    children: children
+  });
+});
+export var useOptionsMap = function useOptionsMap() {
+  var config = useContext(MentionsConfigContext);
+  return config === null || config === void 0 ? void 0 : config.optionsMap;
+};

package/es/Page/Content/style.js

@@ -5,7 +5,7 @@ export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding-top: ", "px;\n      "])), token.paddingXS)
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: 100%;\n      "])))
   };
 }, {
   hashPriority: 'low'

package/es/Page/Header/style.js

@@ -10,7 +10,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     _ref2$divider = _ref2.divider,
     divider = _ref2$divider === void 0 ? true : _ref2$divider;
   return {
-    root: bordered ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            padding: ", "px;\n            background-color: ", ";\n            border-radius: ", "px;\n            box-shadow: ", ";\n          "])), token.padding, token.colorBgBase, token.borderRadius, token.boxShadowTertiary) : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            padding-top: ", "px;\n            ", "\n          "])), token.paddingXS, divider && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              padding-bottom: ", "px;\n              border-bottom: 1px solid ", ";\n            "])), token.paddingLG, token.colorSplit)),
+    root: bordered ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            margin-bottom: ", "px;\n            padding: ", "px;\n\n            background-color: ", ";\n            border-radius: ", "px;\n            box-shadow: ", ";\n          "])), token.marginXS, token.padding, token.colorBgBase, token.borderRadius, token.boxShadowTertiary) : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            padding-top: ", "px;\n            margin-bottom: ", "px;\n            ", "\n          "])), token.paddingXS, token.marginXS, divider && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              padding-bottom: ", "px;\n              border-bottom: 1px solid ", ";\n            "])), token.paddingLG, token.colorSplit)),
     icon: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        &.", "-avatar.", "-avatar-square {\n          border-radius: 10px;\n        }\n        .", "-skeleton-avatar {\n          border-radius: 10px;\n        }\n      "])), prefixCls, prefixCls, prefixCls),
     titleBox: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n      "])), token.marginSM),
     subTitle: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        margin-top: ", "px;\n        &.", "-typography {\n          margin-bottom: 0 !important;\n          font-size: ", "px;\n          color: ", ";\n        }\n      "])), token.marginXXS, prefixCls, token.fontSize, token.colorTextSecondary),

package/es/Page/Title/style.js

@@ -5,8 +5,6 @@ export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin: 0;\n\n        font-family: ", ";\n        font-size: 16px;\n        font-weight: ", ";\n        line-height: ", ";\n        color: ", ";\n      "])), token.fontFamily, token.fontWeightStrong, token.lineHeight, token.colorText)
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin: 0;\n\n      font-family: ", ";\n      font-size: 16px;\n      font-weight: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), token.fontFamily, token.fontWeightStrong, token.lineHeight, token.colorText)
   };
-}, {
-  hashPriority: 'low'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.37",
+  "version": "1.0.0-beta.39",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",