x-star-editor 0.3.11 → 0.3.12

package/dist/styles/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 .x-star-editor-file-input {
   margin: 0.5em 1em 1em;
   font-size: 0.9em;
@@ -243,6 +244,16 @@
   margin-bottom: 0.5em;
 }
 
+.x-star-editor-empty {
+  /* 输入框为空时显示 placeholder */
+}
+.x-star-editor-empty::before {
+  position: absolute;
+  content: attr(placeholder);
+  color: lightgray;
+  margin-top: 0.5em;
+}
+
 .x-star-editor-md-viewer {
   position: relative;
   color: rgba(0, 0, 0, 0.88);

package/dist/x-star-editor/index.d.ts

@@ -36,7 +36,7 @@ export interface XStarEditorProps {
     /**
      * 编辑器属性
      */
-    editorProps?: Omit<XStarMdEditorProps, 'height' | 'locale' | 'initialValue' | 'readOnly' | 'onChange' | 'onInsertFile'>;
+    editorProps?: Omit<XStarMdEditorProps, 'height' | 'locale' | 'initialValue' | 'readOnly' | 'onChange' | 'onInsertFile' | 'placeholder'>;
     /**
      * 查看器属性
      */
@@ -53,6 +53,10 @@ export interface XStarEditorProps {
      * 文件插入回调函数
      */
     onInsertFile?: XStarMdEditorProps['onInsertFile'];
+    /**
+     * 配置未输入时的提示语
+     */
+    placeholder?: string;
 }
 declare const XStarEditor: React.ForwardRefExoticComponent<XStarEditorProps & React.RefAttributes<XStarEditorHandle>>;
 export default XStarEditor;

package/dist/x-star-editor/index.js

@@ -49,7 +49,8 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     viewerProps = _ref2.viewerProps,
     viewerRender = _ref2.viewerRender,
     _onChange = _ref2.onChange,
-    onInsertFile = _ref2.onInsertFile;
+    onInsertFile = _ref2.onInsertFile,
+    placeholder = _ref2.placeholder;
   var editorRef = useMdEditorRef();
   var viewerRef = useMdViewerRef();
   var containerRef = useRef(null);
@@ -254,7 +255,8 @@ var XStarEditor = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       setValue(value);
       _onChange === null || _onChange === void 0 ? void 0 : _onChange(value);
     },
-    onInsertFile: onInsertFile
+    onInsertFile: onInsertFile,
+    placeholder: placeholder
   })), viewerRender ? /*#__PURE__*/React.createElement(ViewerRenderWrapper, {
     ref: viewerRef,
     className: classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(prefix, "active"), viewOnly), _defineProperty(_classNames5, "".concat(prefix, "hidden"), editOnly), _classNames5), viewerProps === null || viewerProps === void 0 ? void 0 : viewerProps.className),

package/dist/x-star-md-editor/index.d.ts

@@ -72,6 +72,10 @@ export interface XStarMdEditorProps {
         description: string;
         image: boolean;
     }) => void;
+    /**
+     * 配置未输入时的提示语
+     */
+    placeholder?: string;
 }
 declare const XStarMdEditor: React.ForwardRefExoticComponent<XStarMdEditorProps & React.RefAttributes<XStarMdEditorHandle>>;
 export default XStarMdEditor;

package/dist/x-star-md-editor/index.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import classNames from 'classnames';
 import React, { useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import Toolbar, { getDefaultToolbarItemMap, getDefaultToolbarItems } from "../components/Toolbar";
@@ -19,7 +20,8 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     readOnly = _ref.readOnly,
     plugins = _ref.plugins,
     onChange = _ref.onChange,
-    onInsertFile = _ref.onInsertFile;
+    onInsertFile = _ref.onInsertFile,
+    placeholder = _ref.placeholder;
   var containerRef = useRef(null);
   var container = useContainer(containerRef);
   var _useHistory = useHistory(initialValue, readOnly),
@@ -387,7 +389,7 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     exec: exec
   }), /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: classNames("".concat(prefix, "md-editor"), className),
+    className: classNames("".concat(prefix, "md-editor"), _defineProperty({}, "".concat(prefix, "empty"), !sourceCode), className),
     style: _objectSpread(_objectSpread({}, style), {}, {
       height: height
     }),
@@ -397,7 +399,8 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onCopy: clipboardEventHandler,
     onCut: clipboardEventHandler,
     onDragStart: dragEventHandler,
-    onKeyDown: keyboardEventHandler
+    onKeyDown: keyboardEventHandler,
+    placeholder: placeholder
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-editor",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "description": "An editor developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",