cherry-muse 1.0.1

package/examples/scripts/pinyin/README.md

@@ -0,0 +1,53 @@
+https://github.com/liu11hao11/pinyin_js
+
+# pinyin_js
+中文转拼音
+##安装
+```
+npm install
+```
+
+
+##汉字转化成带音节的拼音
+```javascript
+var pinyin=require("pinyin_js");
+console.log(pinyin.pinyin("你好"," "));
+//输出结果是nǐ hǎo 
+```
+
+##汉字转化成不带音节的拼音
+```javascript
+var pinyin=require("pinyin_js");
+console.log(pinyin.pinyinWithOutYin("你好"," "));
+//输出结果是ni hao 
+```
+
+##判断是否是汉字
+```javascript
+var pinyin=require("pinyin_js");
+console.log(pinyin.isChineseWord("你好"));//true
+console.log(pinyin.isChineseWord("!你好",false));//true
+console.log(pinyin.isChineseWord("!你好",true));//第二个参数：true是严格模式，默认为严格模式
+//false
+```
+
+##首字母排序
+
+```javascript
+var pinyin=require("pinyin_js");
+var users = [
+    { 'user': '张三丰',   'age': 40 },
+    { 'user': '123',   'age': 48 },
+    { 'user': '张三',   'age': 48 },
+    { 'user': '李四', 'age': 36 },  
+    { 'user': '张三炮', 'age': 34 }
+];
+var sortResult = pinyin.sort(users, "user");
+console.log(sortResult)
+/*[ { user: '123', age: 48 },
+    { user: '李四', age: 36 },
+    { user: '张三', age: 48 },
+    { user: '张三丰', age: 40 },
+    { user: '张三炮', age: 34 } ]*/
+    
+```

package/package.json

@@ -0,0 +1,167 @@
+{
+  "name": "cherry-muse",
+  "license": "Apache-2.0",
+  "version": "1.0.1",
+  "description": "Lightweight Cherry Markdown fork with 83% smaller bundle size (800KB vs 4.8MB)",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AnkioTomas/cherry-muse.git"
+  },
+  "main": "./dist/cherry-markdown.min.js",
+  "module": "./dist/cherry-markdown.esm.js",
+  "style": "./dist/cherry-markdown.min.css",
+  "directories": {
+    "example": "examples"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "./dist/*.css"
+  ],
+  "scripts": {
+    "dev": "run-p watch:js watch:styles ",
+    "watch:js": "cross-env NODE_ENV=development rollup -w --config build/dev.js",
+    "watch:styles": "cross-env NODE_ENV=development rollup -w --config build/rollup.styles.config.js",
+    "dev:js": "cross-env NODE_ENV=development HOT_RELOAD=false rollup --config build/dev.js",
+    "dev:styles": "cross-env NODE_ENV=development rollup --config build/rollup.styles.config.js",
+    "build": "run-s clean build:debug build:all build:cjs",
+    "build:all": "run-p  build:styles build:addons build:full build:core build:engine",
+    "build:cjs": "run-p build:core-cjs build:engine-cjs",
+    "build:debug": "run-p dev:js dev:styles",
+    "build:full": "cross-env NODE_ENV=production rollup --config build/build.js",
+    "build:core": "cross-env CORE_BUILD=true NODE_ENV=production rollup --config build/rollup.core.config.js",
+    "build:core-cjs": "cross-env BUILD_TARGET=commonjs CORE_BUILD=true NODE_ENV=production rollup --config build/rollup.core.config.js",
+    "build:engine": "cross-env CORE_BUILD=true NODE_ENV=production rollup --config build/rollup.engine.config.js",
+    "build:engine-cjs": "cross-env BUILD_TARGET=commonjs CORE_BUILD=true NODE_ENV=production rollup --config build/rollup.engine.config.js",
+    "build:addons": "node build/addons.build.js",
+    "build:styles": "cross-env NODE_ENV=production rollup --config build/rollup.styles.config.js",
+    "clean": "rimraf ./dist",
+    "check-bundle": "es-check es5 dist/cherry-markdown.js dist/cherry-markdown.min.js",
+    "test:commonmark": "jest test/core/CommonMark.spec.ts",
+    "test:snapshot": "jest test/core/hooks/*.spec.ts",
+    "lint": "eslint --plugin file-progress --rule \"file-progress/activate: 1\" --ext .js .",
+    "lint:fix": "yarn lint --fix",
+    "lint:ci": "eslint --max-warnings=0 --ext .js .",
+    "prepare": "husky install",
+    "publish": "git push --follow-tags origin main",
+    "examples": "serve -p 3000 ."
+  },
+  "keywords": [
+    "markdown",
+    "editor",
+    "wysiwyg",
+    "cherry",
+    "markdown-editor",
+    "lightweight"
+  ],
+  "author": "ankio <ankio@ankio.net>",
+  "homepage": "https://github.com/AnkioTomas/cherry-muse#readme",
+  "bugs": {
+    "url": "https://github.com/AnkioTomas/cherry-muse/issues"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.7.2",
+    "@babel/eslint-parser": "^7.12.1",
+    "@babel/node": "^7.12.10",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-proposal-decorators": "^7.14.5",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
+    "@babel/plugin-proposal-optional-chaining": "^7.12.7",
+    "@babel/plugin-transform-runtime": "^7.12.10",
+    "@babel/preset-env": "^7.7.1",
+    "@babel/register": "^7.12.1",
+    "@babel/runtime": "^7.12.5",
+    "@babel/runtime-corejs3": "^7.12.5",
+    "@rollup/plugin-alias": "^3.1.1",
+    "@rollup/plugin-babel": "^5.0.0",
+    "@rollup/plugin-commonjs": "^11.0.2",
+    "@rollup/plugin-eslint": "^8.0.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-replace": "^2.3.1",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@types/echarts": "4.9.15",
+    "@types/glob": "^7.2.0",
+    "@types/jest": "^27.0.3",
+    "@types/jsdom": "^16.2.13",
+    "@types/lodash": "^4.14.170",
+    "@types/mermaid": "^8.2.6",
+    "@types/node": "^17.0.42",
+    "@types/virtual-dom": "^2.1.0",
+    "@typescript-eslint/eslint-plugin": "^4.27.0",
+    "@typescript-eslint/parser": "^4.27.0",
+    "async": "^3.2.4",
+    "babel-jest": "27",
+    "babel-plugin-prismjs": "^2.1.0",
+    "cm-search-replace": "^1.0.0",
+    "codemirror": "5.58.2",
+    "commitizen": "^4.0.5",
+    "core-js-pure": "^3.8.2",
+    "cross-env": "^7.0.2",
+    "dom-parser": "^0.1.6",
+    "dompurify": "^2.0.11",
+    "es-check": "^7.1.1",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-config-tencent": "^1.0.2",
+    "eslint-plugin-file-progress": "^1.3.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jest": "^25.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "glob": "^8.0.3",
+    "html2canvas": "^1.1.3",
+    "husky": "~7.0.4",
+    "jest": "^27.5.1",
+    "jest-diff": "^27.5.1",
+    "lint-staged": "~12.5.0",
+    "lodash": "^4.17.20",
+    "md5": "^2.2.1",
+    "mitt": "^3.0.0",
+    "npm-run-all": "^4.1.5",
+    "openai": "^3.3.0",
+    "postcss": "^8.2.15",
+    "prettier": "2.6.2",
+    "prismjs": "^1.24.1",
+    "replace-in-file": "^7.0.1",
+    "rimraf": "^3.0.2",
+    "rollup": "~2.79.1",
+    "rollup-plugin-livereload": "~2.0.5",
+    "rollup-plugin-postcss": "~3.1.8",
+    "rollup-plugin-scss": "^4.0.0",
+    "rollup-plugin-serve": "^2.0.2",
+    "rollup-plugin-serve-proxy": "^1.1.4",
+    "rollup-plugin-typescript2": "^0.32.1",
+    "rollup-plugin-visualizer": "^5.10.0",
+    "sass": "^1.52.3",
+    "serve": "^14.2.0",
+    "standard-version": "^9.3.2",
+    "virtual-dom": "^2.1.1"
+  },
+  "dependencies": {
+    "@types/codemirror": "^0.0.108",
+    "@types/dompurify": "^2.2.3",
+    "js-base64": "^3.7.7",
+    "js-yaml": "^4.1.0",
+    "jsdom": "~19.0.0"
+  },
+  "resolutions": {
+    "glob-parent": "5.1.2",
+    "set-value": "4.0.1",
+    "lodash.template": "4.5.0",
+    "yargs-parser": "20.2.9",
+    "xmldom": "0.5.0",
+    "ansi-regex": "5.0.1",
+    "glob-watcher": "6.0.0"
+  },
+  "config": {},
+  "lint-staged": {
+    "*.js": "eslint --fix"
+  },
+  "engines": {
+    "node": ">=14"
+  }
+}

package/src/Cherry.config.js

@@ -0,0 +1,411 @@
+/**
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import cloneDeep from 'lodash/cloneDeep';
+
+const callbacks = {
+  /**
+   * 全局的URL处理器
+   * @param {string} url 来源url
+   * @param {'image'|'audio'|'video'|'autolink'|'link'} srcType 来源类型
+   * @returns
+   */
+  urlProcessor: (url, srcType) => url,
+  fileUpload(file, callback) {
+    if (/video/i.test(file.type)) {
+      callback('images/demo-dog.png', {
+        name: `${file.name.replace(/\.[^.]+$/, '')}`,
+        poster: 'images/demo-dog.png?poster=true',
+        isBorder: true,
+        isShadow: true,
+        isRadius: true,
+      });
+    } else if (/image/i.test(file.type)) {
+      // 如果上传的是图片，则默认回显base64内容（因为没有图床）
+      // 创建 FileReader 对象
+      const reader = new FileReader();
+      // 读取文件内容
+      reader.onload = (event) => {
+        // 获取 base64 内容
+        const base64Content = event.target.result;
+        callback(base64Content, {
+          name: `${file.name.replace(/\.[^.]+$/, '')}`,
+          isShadow: true,
+          width: '60%',
+          height: 'auto',
+        });
+      };
+      reader.readAsDataURL(file);
+    } else {
+      callback('images/demo-dog.png');
+    }
+  },
+  afterChange: (text, html) => {},
+  afterInit: (text, html) => {},
+  beforeImageMounted: (srcProp, src) => ({ srcProp, src }),
+  onClickPreview: (event) => {},
+  /**
+   * 粘贴时触发
+   * @param {ClipboardEvent['clipboardData']} clipboardData
+   * @returns
+   *    false: 走cherry粘贴的默认逻辑
+   *    string: 直接粘贴的内容
+   */
+  onPaste: (clipboardData) => {
+    return false;
+  },
+  onCopyCode: (event, code) => {
+    // 阻止默认的粘贴事件
+    // return false;
+    // 对复制内容进行额外处理
+    return code;
+  },
+  // 获取中文的拼音
+  changeString2Pinyin: (string) => {
+    /**
+     * 推荐使用这个组件：https://github.com/liu11hao11/pinyin_js
+     *
+     * 可以在 ../scripts/pinyin/pinyin_dist.js 里直接引用
+     */
+    return string;
+  },
+};
+
+const defaultConfig = {
+  theme: 'default',
+  // 第三方包
+  externals: {
+    // externals
+  },
+  // 解析引擎配置
+  engine: {
+    // 全局配置
+    global: {
+      // 是否启用经典换行逻辑
+      // true：一个换行会被忽略，两个以上连续换行会分割成段落，
+      // false： 一个换行会转成<br>，两个连续换行会分割成段落，三个以上连续换行会转成<br>并分割段落
+      classicBr: false,
+      /**
+       * 全局的URL处理器
+       * @param {string} url 来源url
+       * @param {'image'|'audio'|'video'|'autolink'|'link'} srcType 来源类型
+       * @returns
+       */
+      urlProcessor: callbacks.urlProcessor,
+      /**
+       * 额外允许渲染的html标签
+       * 标签以英文竖线分隔，如：htmlWhiteList: 'iframe|script|style'
+       * 默认为空，默认允许渲染的html见src/utils/sanitize.js whiteList 属性
+       * 需要注意：
+       *    - 启用iframe、script等标签后，会产生xss注入，请根据实际场景判断是否需要启用
+       *    - 一般编辑权限可控的场景（如api文档系统）可以允许iframe、script等标签
+       */
+      htmlWhiteList: 'iframe',
+      /**
+       * 适配流式会话的场景，开启后将具备以下特性：
+       * 1. 代码块自动闭合，相当于强制 `engine.syntax.codeBlock.selfClosing=true`
+       * 2. 文章末尾的段横线标题语法（`\n-`）失效
+       *
+       * 后续如果有新的需求，可提issue反馈
+       */
+      flowSessionContext: true,
+    },
+    // 内置语法配置
+    syntax: {
+      // 语法开关
+      // 'hookName': false,
+      // 语法配置
+      // 'hookName': {
+      //
+      // }
+      link: {
+        /** 生成的<a>标签追加target属性的默认值 空：在<a>标签里不会追加target属性， _blank：在<a>标签里追加target="_blank"属性 */
+        target: '',
+        /** 生成的<a>标签追加rel属性的默认值 空：在<a>标签里不会追加rel属性， nofollow：在<a>标签里追加rel="nofollow：在"属性*/
+        rel: '',
+      },
+      autoLink: {
+        /** 生成的<a>标签追加target属性的默认值 空：在<a>标签里不会追加target属性， _blank：在<a>标签里追加target="_blank"属性 */
+        target: '',
+        /** 生成的<a>标签追加rel属性的默认值 空：在<a>标签里不会追加rel属性， nofollow：在<a>标签里追加rel="nofollow：在"属性*/
+        rel: '',
+        /** 是否开启短链接 */
+        enableShortLink: true,
+        /** 短链接长度 */
+        shortLinkLength: 20,
+      },
+      list: {
+        listNested: false, // 同级列表类型转换后变为子级
+        indentSpace: 2, // 默认2个空格缩进
+      },
+      table: {
+        enableChart: true,
+        selfClosing: true, // 自动闭合，为true时，当输入第一行table内容时，cherry会自动按表格进行解析
+      },
+      codeBlock: {
+        wrap: true, // 超出长度是否换行，false则显示滚动条
+        lineNumber: true, // 默认显示行号
+        copyCode: true, // 是否显示“复制”按钮
+        editCode: true, // 是否显示“编辑”按钮
+        expandCode: true, // 是否显示“展开”按钮
+        selfClosing: true, // 自动闭合，为true时，当输入```代码块语法时，会自动在末尾追加```
+        cdn: 'https://unpkg.com/prismjs@1.29.0/components/', // 代码块的cdn地址
+        customRenderer: {
+          // 自定义语法渲染器
+        },
+        /**
+         * indentedCodeBlock是缩进代码块是否启用的开关
+         *
+         *    在6.X之前的版本中默认不支持该语法。
+         *    因为cherry的开发团队认为该语法太丑了（容易误触）
+         *    开发团队希望用```代码块语法来彻底取代该语法
+         *    但在后续的沟通中，开发团队发现在某些场景下该语法有更好的显示效果
+         *    因此开发团队在6.X版本中才引入了该语法
+         *    已经引用6.x以下版本的业务如果想做到用户无感知升级，可以去掉该语法：
+         *        indentedCodeBlock：false
+         */
+        indentedCodeBlock: true,
+        highlighter: null,
+      },
+      emoji: {
+        useUnicode: true, // 是否使用unicode进行渲染
+      },
+      fontEmphasis: {
+        /**
+         * 是否允许首尾空格
+         * 首尾、前后的定义： 语法前**语法首+内容+语法尾**语法后
+         * 例：
+         *    true:
+         *           __ hello __  ====>   <strong> hello </strong>
+         *           __hello__    ====>   <strong>hello</strong>
+         *    false:
+         *           __ hello __  ====>   <em>_ hello _</em>
+         *           __hello__    ====>   <strong>hello</strong>
+         */
+        allowWhitespace: false,
+        selfClosing: true, // 自动闭合，为true时，当输入**XXX时，会自动在末尾追加**
+      },
+      strikethrough: {
+        /**
+         * 是否必须有前后空格
+         * 首尾、前后的定义： 语法前**语法首+内容+语法尾**语法后
+         * 例：
+         *    true:
+         *            hello wor~~l~~d     ====>   hello wor~~l~~d
+         *            hello wor ~~l~~ d   ====>   hello wor <del>l</del> d
+         *    false:
+         *            hello wor~~l~~d     ====>   hello wor<del>l</del>d
+         *            hello wor ~~l~~ d     ====>   hello wor <del>l</del> d
+         */
+        needWhitespace: false,
+      },
+      mathBlock: {
+        engine: 'MathJax', // katex或MathJax
+        src: '',
+        plugins: true, // 默认加载插件
+      },
+      inlineMath: {
+        engine: 'MathJax', // katex或MathJax
+        src: '',
+      },
+      toc: {
+        /** 默认只渲染一个目录 */
+        allowMultiToc: false,
+        /** 是否显示自增序号 */
+        showAutoNumber: false,
+      },
+      header: {
+        /**
+         * 标题的样式：
+         *  - default       默认样式，标题前面有锚点
+         *  - autonumber    标题前面有自增序号锚点
+         *  - none          标题没有锚点
+         */
+        anchorStyle: 'default',
+      },
+    },
+  },
+  editor: {
+    id: 'code', // textarea 的id属性值
+    name: 'code', // textarea 的name属性值
+    autoSave2Textarea: false, // 是否自动将编辑区的内容回写到textarea里
+    theme: 'default', // depend on codemirror theme name: https://codemirror.net/demo/theme.htm
+    // 编辑器的高度，默认100%，如果挂载点存在内联设置的height则以内联样式为主
+    height: '100%',
+    showStats: true,
+    // defaultModel 编辑器初始化后的默认模式，一共有三种模式：1、双栏编辑预览模式；2、纯编辑模式；3、预览模式
+    // edit&preview: 双栏编辑预览模式
+    // editOnly: 纯编辑模式（没有预览，可通过toolbar切换成双栏或预览模式）
+    // previewOnly: 预览模式（没有编辑框，toolbar只显示“返回编辑”按钮，可通过toolbar切换成编辑模式）
+    defaultModel: 'edit&preview',
+    // 粘贴时是否自动将html转成markdown
+    convertWhenPaste: true,
+    codemirror: {
+      // 是否自动focus 默认为true
+      autofocus: true,
+      lineNumbers: false,
+      cursorHeight: 1,
+    },
+    overlay: [],
+    writingStyle: 'normal', // 书写风格，normal 普通 | typewriter 打字机 | focus 专注，默认normal
+    keepDocumentScrollAfterInit: false, // 在初始化后是否保持网页的滚动，true：保持滚动；false：网页自动滚动到cherry初始化的位置
+    showFullWidthMark: true, // 是否高亮全角符号 ·|￥|、|：|“|”|【|】|（|）|《|》
+    showSuggestList: true, // 是否显示联想框
+  },
+  toolbars: {
+    theme: 'dark', // light or dark
+    showToolbar: true, // false：不展示顶部工具栏； true：展示工具栏; toolbars.showToolbar=false 与 toolbars.toolbar=false 等效
+    toc: true,
+    toolbar: [
+      'togglePreview',
+      'switchModel',
+      {
+        strikethrough: ['strikethrough', 'underline', 'sub', 'sup', 'ruby', 'bold', 'italic', 'quote'],
+      },
+
+      'size',
+      '|',
+      'color',
+      'emoji',
+      'header',
+      '|',
+      'badge',
+      'panel',
+      {
+        insert: [
+          'ol',
+          'ul',
+          'checklist',
+          'image',
+          'audio',
+          'video',
+          'file',
+          'link',
+          'hr',
+          'br',
+          'code',
+          'formula',
+          'toc',
+          'table',
+          'detail',
+          'lineTable',
+          'barTable',
+          'iframe',
+        ],
+      },
+      'graph',
+      'echarts',
+      'card',
+
+      'redo',
+      'undo',
+    ],
+    toolbarRight: ['fullScreen', '|', 'export'],
+    bubble: ['bold', 'italic', 'header', 'underline', 'strikethrough', 'sub', 'sup', 'quote', '|', 'size', 'color'], // array or false
+    // 快捷键配置，如果配置为空，则使用toolbar的配置
+    shortcutKey: {
+      // 'Alt-1': 'header',
+      // 'Alt-2': 'header',
+      // 'Ctrl-b': 'bold',
+      // 'Ctrl-Alt-m': 'formula',
+    },
+    // 一些按钮的配置信息
+    config: {},
+  },
+  fileUpload: callbacks.fileUpload,
+  /**
+   * 上传文件的时候用来指定文件类型
+   */
+  fileTypeLimitMap: {
+    video: 'video/*',
+    audio: 'audio/*',
+    image: 'image/*',
+    file: '*',
+  },
+  callback: {
+    // 上传文件的回调
+    afterChange: callbacks.afterChange,
+    afterInit: callbacks.afterInit,
+    beforeImageMounted: callbacks.beforeImageMounted,
+    // 预览区域点击事件，previewer.enablePreviewerBubble = true 时生效
+    onClickPreview: callbacks.onClickPreview,
+    // 复制代码块代码时的回调
+    onCopyCode: callbacks.onCopyCode,
+    // 把中文变成拼音的回调，当然也可以把中文变成英文、英文变成中文
+    changeString2Pinyin: callbacks.changeString2Pinyin,
+    /**
+     * 粘贴时触发
+     * @param {ClipboardEvent['clipboardData']} clipboardData
+     * @returns
+     *    false: 走cherry粘贴的默认逻辑
+     *    string: 直接粘贴的内容
+     */
+    onPaste: callbacks.onPaste,
+  },
+  previewer: {
+    dom: false,
+    className: 'cherry-markdown',
+    // 是否启用预览区域编辑能力（目前支持编辑图片尺寸、编辑表格内容）
+    enablePreviewerBubble: true,
+    /**
+     * 配置图片懒加载的逻辑
+     * - 如果不希望图片懒加载，可配置成 lazyLoadImg = {noLoadImgNum: -1}
+     * - 如果希望所有图片都无脑懒加载，可配置成 lazyLoadImg = {noLoadImgNum: 0, autoLoadImgNum: -1}
+     * - 如果一共有15张图片，希望：
+     *    1、前5张图片（1~5）直接加载；
+     *    2、后5张图片（6~10）不论在不在视区内，都无脑懒加载；
+     *    3、其他图片（11~15）在视区内时，进行懒加载；
+     *    则配置应该为：lazyLoadImg = {noLoadImgNum: 5, autoLoadImgNum: 5}
+     */
+    lazyLoadImg: {
+      // 加载图片时如果需要展示loading图，则配置loading图的地址
+      loadingImgPath: '',
+      // 同一时间最多有几个图片请求，最大同时加载6张图片
+      maxNumPerTime: 2,
+      // 不进行懒加载处理的图片数量，如果为0，即所有图片都进行懒加载处理， 如果设置为-1，则所有图片都不进行懒加载处理
+      noLoadImgNum: 5,
+      // 首次自动加载几张图片（不论图片是否滚动到视野内），autoLoadImgNum = -1 表示会自动加载完所有图片
+      autoLoadImgNum: 5,
+      // 针对加载失败的图片 或 beforeLoadOneImgCallback 返回false 的图片，最多尝试加载几次，为了防止死循环，最多5次。以图片的src为纬度统计重试次数
+      maxTryTimesPerSrc: 2,
+      // 加载一张图片之前的回调函数，函数return false 会终止加载操作
+      beforeLoadOneImgCallback: (img) => {
+        return true;
+      },
+      // 加载一张图片失败之后的回调函数
+      failLoadOneImgCallback: (img) => {},
+      // 加载一张图片之后的回调函数，如果图片加载失败，则不会回调该函数
+      afterLoadOneImgCallback: (img) => {},
+      // 加载完所有图片后调用的回调函数
+      afterLoadAllImgCallback: () => {},
+    },
+  },
+
+  // 预览页面不需要绑定事件
+  isPreviewOnly: false,
+  // 预览区域跟随编辑器光标自动滚动
+  autoScrollByCursor: true,
+  // 外层容器不存在时，是否强制输出到body上
+  forceAppend: true,
+  // The locale Cherry is going to use. Locales live in /src/locales/
+  locale: 'zh_CN',
+  // cherry初始化后是否检查 location.hash 尝试滚动到对应位置
+  autoScrollByHashAfterInit: true,
+  stats: true,
+};
+if (window.outerWidth <= 600) {
+  defaultConfig.toolbars.toolbar = ['switchModel'];
+}
+export default cloneDeep(defaultConfig);