@lobehub/ui 1.125.2 → 1.125.3

package/es/MessageInput/MessageInputFooter.d.ts

@@ -5,11 +5,11 @@ export interface MessageInputFooterProps {
     onCancel?: () => void;
     onConfirm?: (text: string) => void;
     renderButtons?: (text: string) => ButtonProps[];
-    temporarySystemRole?: string;
     text?: {
         cancel?: string;
         confirm?: string;
     };
+    value?: string;
 }
 declare const MessageInputFooter: import("react").NamedExoticComponent<MessageInputFooterProps>;
 export default MessageInputFooter;

package/es/MessageInput/MessageInputFooter.js

@@ -11,20 +11,20 @@ var MessageInputFooter = /*#__PURE__*/memo(function (_ref) {
   var text = _ref.text,
     renderButtons = _ref.renderButtons,
     onConfirm = _ref.onConfirm,
-    temporarySystemRole = _ref.temporarySystemRole,
+    value = _ref.value,
     editButtonSize = _ref.editButtonSize,
     onCancel = _ref.onCancel;
   return /*#__PURE__*/_jsx(Flexbox, {
     direction: 'horizontal-reverse',
     gap: 8,
-    children: renderButtons && temporarySystemRole ? renderButtons(temporarySystemRole).map(function (buttonProps, index) {
+    children: renderButtons && value ? renderButtons(value).map(function (buttonProps, index) {
       return /*#__PURE__*/_jsx(Button, _objectSpread({
         size: "small"
       }, buttonProps), index);
     }) : /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {
-          onConfirm === null || onConfirm === void 0 || onConfirm(temporarySystemRole || '');
+          onConfirm === null || onConfirm === void 0 || onConfirm(value || '');
         },
         size: editButtonSize,
         type: "primary",

package/es/MessageInput/index.d.ts

@@ -3,17 +3,18 @@ import { type CSSProperties } from 'react';
 import { type TextAreaProps } from "../Input";
 import { DivProps } from "../types";
 import { type MessageInputFooterProps } from './MessageInputFooter';
-export interface MessageInputProps extends MessageInputFooterProps, DivProps {
+export interface MessageInputProps extends MessageInputFooterProps, Omit<DivProps, 'onChange'> {
     className?: string;
     classNames?: TextAreaProps['classNames'];
     defaultValue?: string;
     editButtonSize?: ButtonProps['size'];
     height?: number | 'auto' | string;
-    setTemporarySystemRole?: (value: string) => void;
+    onChange?: (value: string) => void;
     showFooter?: boolean;
     textareaClassname?: string;
     textareaStyle?: CSSProperties;
     type?: TextAreaProps['type'];
+    value?: string;
 }
 declare const MessageInput: import("react").NamedExoticComponent<MessageInputProps>;
 export default MessageInput;

package/es/MessageInput/index.js

@@ -1,7 +1,7 @@
 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 = ["text", "type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "height", "style", "editButtonSize", "showFooter", "classNames", "setTemporarySystemRole"];
+var _excluded = ["text", "type", "onCancel", "value", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "height", "style", "editButtonSize", "showFooter", "classNames", "onChange"];
 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 { memo } from 'react';
@@ -17,6 +17,7 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'pure' : _ref$type,
     onCancel = _ref.onCancel,
+    value = _ref.value,
     defaultValue = _ref.defaultValue,
     onConfirm = _ref.onConfirm,
     renderButtons = _ref.renderButtons,
@@ -31,15 +32,16 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     _ref$showFooter = _ref.showFooter,
     showFooter = _ref$showFooter === void 0 ? true : _ref$showFooter,
     classNames = _ref.classNames,
-    setTemporarySystemRole = _ref.setTemporarySystemRole,
+    onChange = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useMergeState = useMergeState(defaultValue || '', {
+  var _useMergeState = useMergeState('', {
       defaultValue: defaultValue,
-      onChange: setTemporarySystemRole
+      onChange: onChange,
+      value: value
     }),
     _useMergeState2 = _slicedToArray(_useMergeState, 2),
-    role = _useMergeState2[0],
-    setRole = _useMergeState2[1];
+    message = _useMergeState2[0],
+    setMessage = _useMergeState2[1];
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -56,10 +58,10 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
       className: cx(styles, textareaClassname),
       classNames: classNames,
       onBlur: function onBlur(e) {
-        return setRole(e.target.value);
+        return setMessage(e.target.value);
       },
       onChange: function onChange(e) {
-        return setRole(e.target.value);
+        return setMessage(e.target.value);
       },
       placeholder: placeholder,
       resize: false,
@@ -68,14 +70,14 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
         minHeight: '100%'
       }, textareaStyle),
       type: type,
-      value: role
+      value: message
     }), showFooter && /*#__PURE__*/_jsx(MessageInputFooter, {
       editButtonSize: editButtonSize,
       onCancel: onCancel,
       onConfirm: onConfirm,
       renderButtons: renderButtons,
-      temporarySystemRole: role,
-      text: text
+      text: text,
+      value: message
     })]
   }));
 });

package/es/MessageModal/index.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { type MessageInputProps } from "../MessageInput";
 import { type ModalProps } from "../Modal";
 export interface MessageModalProps extends Pick<ModalProps, 'open' | 'footer'> {
+    defaultValue?: string;
     /**
      * @description Whether the message is being edited or not
      * @default false

package/es/MessageModal/index.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 { createStyles, useResponsive } from 'antd-style';
-import { memo, useState } from 'react';
+import { memo } from 'react';
 import useControlledState from 'use-merge-value';
 import Markdown from "../Markdown";
 import MessageInput from "../MessageInput";
@@ -27,6 +27,7 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
     onEditingChange = _ref2.onEditingChange,
     placeholder = _ref2.placeholder,
     value = _ref2.value,
+    defaultValue = _ref2.defaultValue,
     onChange = _ref2.onChange,
     text = _ref2.text,
     footer = _ref2.footer,
@@ -35,24 +36,28 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
     mobile = _useResponsive.mobile;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    role = _useState2[0],
-    setRole = _useState2[1];
-  var _useControlledState = useControlledState(false, {
-      onChange: onEditingChange,
-      value: editing
+  var _useControlledState = useControlledState('', {
+      defaultValue: defaultValue,
+      onChange: onChange,
+      value: value
     }),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
-    isEdit = _useControlledState2[0],
-    setTyping = _useControlledState2[1];
+    message = _useControlledState2[0],
+    setMessage = _useControlledState2[1];
   var _useControlledState3 = useControlledState(false, {
+      onChange: onEditingChange,
+      value: editing
+    }),
+    _useControlledState4 = _slicedToArray(_useControlledState3, 2),
+    isEdit = _useControlledState4[0],
+    setTyping = _useControlledState4[1];
+  var _useControlledState5 = useControlledState(false, {
       onChange: onOpenChange,
       value: open
     }),
-    _useControlledState4 = _slicedToArray(_useControlledState3, 2),
-    expand = _useControlledState4[0],
-    setExpand = _useControlledState4[1];
+    _useControlledState6 = _slicedToArray(_useControlledState5, 2),
+    expand = _useControlledState6[0],
+    setExpand = _useControlledState6[1];
   var isAutoSize = height === 'auto';
   var markdownStyle = {
     height: isAutoSize ? 'unset' : height,
@@ -70,11 +75,11 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
         setTyping(false);
         onChange === null || onChange === void 0 || onChange(text);
       },
-      temporarySystemRole: role,
       text: {
         cancel: text === null || text === void 0 ? void 0 : text.cancel,
         confirm: text === null || text === void 0 ? void 0 : text.confirm
-      }
+      },
+      value: message
     }) : footer,
     okText: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit',
     onCancel: function onCancel() {
@@ -86,10 +91,10 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
     open: expand,
     title: text === null || text === void 0 ? void 0 : text.title,
     children: isEdit ? /*#__PURE__*/_jsx(MessageInput, {
-      defaultValue: role,
+      defaultValue: message,
       height: height,
+      onChange: setMessage,
       placeholder: placeholder,
-      setTemporarySystemRole: setRole,
       showFooter: false,
       style: mobile ? {
         height: '100%'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.125.2",
+  "version": "1.125.3",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -28,9 +28,9 @@
   ],
   "scripts": {
     "build": "father build",
+    "build:watch": "father dev",
     "ci": "npm run lint && npm run type-check",
     "clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
-    "dev": "father dev",
     "docs:build": "dumi build",
     "docs:build-analyze": "ANALYZE=1 dumi build",
     "docs:dev": "dumi dev",
@@ -80,7 +80,7 @@
     "@lobehub/emojilib": "latest",
     "@react-spring/web": "^9",
     "@splinetool/react-spline": "^2",
-    "@splinetool/runtime": "^1",
+    "@splinetool/runtime": "^0.9",
     "ahooks": "^3",
     "chroma-js": "^2",
     "copy-to-clipboard": "^3",