x-star-editor 0.3.10 → 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

@@ -21,6 +21,8 @@ export interface XStarMdEditorPlugin {
 export interface XStarMdEditorHandle {
     exec: Executor;
     getEditorContainer: () => HTMLDivElement;
+    getValue: () => string;
+    setValue: (value: string) => void;
 }
 export interface XStarMdEditorProps {
     /**
@@ -70,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),
@@ -82,6 +84,26 @@ var XStarMdEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       exec: exec,
       getEditorContainer: function getEditorContainer() {
         return containerRef.current;
+      },
+      getValue: function getValue() {
+        return exec(function (_ref2) {
+          var sourceCode = _ref2.sourceCode;
+          return sourceCode;
+        });
+      },
+      setValue: function setValue(value) {
+        return exec(function (_ref3) {
+          var selection = _ref3.selection,
+            dispatch = _ref3.dispatch;
+          return dispatch({
+            type: 'set',
+            payload: {
+              sourceCode: value,
+              selection: selection
+            },
+            selection: selection
+          });
+        });
       }
     };
   }, []);
@@ -367,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
     }),
@@ -377,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.10",
+  "version": "0.3.12",
   "description": "An editor developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",