@yuntijs/ui
Version:
☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps
28 lines • 1.19 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { ContentEditable } from '@lexical/react/LexicalContentEditable';
import { useStyles } from "../style";
import { jsx as _jsx } from "react/jsx-runtime";
export default function LexicalContentEditable(_ref) {
var className = _ref.className,
placeholder = _ref.placeholder,
placeholderClassName = _ref.placeholderClassName,
_ref$variant = _ref.variant,
variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
disabled = _ref.disabled;
var _useStyles = useStyles({
autoSize: {
minRows: 1
},
code: false
}),
styles = _useStyles.styles,
cx = _useStyles.cx;
return /*#__PURE__*/_jsx(ContentEditable, {
"aria-placeholder": placeholder,
className: cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.root, true), styles.filled, variant === 'filled'), styles.borderless, variant === 'borderless'), styles.disabled, disabled), className),
placeholder: /*#__PURE__*/_jsx("div", {
className: cx(styles.placeholder, placeholderClassName),
children: placeholder || "\u8BF7\u8F93\u5165"
})
});
}