eoss-ui 0.4.35 → 0.4.36

package/lib/editor.js

@@ -0,0 +1,1550 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/dist/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 32);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("@wangeditor/editor-for-vue");
+
+/***/ }),
+
+/***/ 19:
+/***/ (function(module, exports) {
+
+module.exports = require("@wangeditor/editor/dist/css/style.css?vue&type=style&index=0&prod&lang=css&");
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 32:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/editor/src/main.vue?vue&type=template&id=250d187c&
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "es-editor" },
+    [
+      _vm._readonly
+        ? _c("div", {
+            style: { height: _vm.height },
+            attrs: { "data-slate-editor": "" },
+            domProps: { innerHTML: _vm._s(_vm.model) },
+          })
+        : [
+            _vm.cs
+              ? _c("Toolbars")
+              : [
+                  _c("Toolbar", {
+                    staticClass: "es-editor-toolbar",
+                    attrs: {
+                      editor: _vm.editor,
+                      defaultConfig: _vm.toolbarConfig,
+                      mode: _vm.mode,
+                    },
+                  }),
+                  _c("Editor", {
+                    staticClass: "es-editor-main",
+                    style: { height: _vm.height },
+                    attrs: { defaultConfig: _vm._editorConfig, mode: _vm.mode },
+                    on: { onCreated: _vm.onCreated },
+                    model: {
+                      value: _vm.model,
+                      callback: function ($$v) {
+                        _vm.model = $$v
+                      },
+                      expression: "model",
+                    },
+                  }),
+                ],
+          ],
+    ],
+    2
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/editor/src/main.vue?vue&type=template&id=250d187c&
+
+// EXTERNAL MODULE: external "@wangeditor/editor-for-vue"
+var editor_for_vue_ = __webpack_require__(17);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/editor/src/toolbar.vue?vue&type=template&id=5bf29942&
+var toolbarvue_type_template_id_5bf29942_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "es-editor-toolbar" }, [
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "el-dropdown",
+          {
+            attrs: { placement: "bottom", trigger: "click" },
+            on: {
+              command: function (res) {
+                _vm.handleCommand("tag", res)
+              },
+            },
+          },
+          [
+            _c(
+              "el-tooltip",
+              {
+                staticClass: "item",
+                attrs: { effect: "dark", content: "标题", placement: "bottom" },
+              },
+              [
+                _c("el-button", { attrs: { size: "small" } }, [
+                  _vm._v("\n          " + _vm._s(_vm.tag)),
+                  _c("i", {
+                    staticClass: "el-icon-caret-bottom el-icon--right",
+                  }),
+                ]),
+              ],
+              1
+            ),
+            _c(
+              "el-dropdown-menu",
+              { attrs: { slot: "dropdown" }, slot: "dropdown" },
+              _vm._l(_vm._tags, function (item) {
+                return _c(
+                  "el-dropdown-item",
+                  {
+                    key: item,
+                    staticClass: "es-editor-dropdown-item",
+                    class: { active: item == _vm.tag },
+                    attrs: { command: item },
+                  },
+                  [_vm._v(_vm._s(item))]
+                )
+              }),
+              1
+            ),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "el-tooltip",
+          {
+            staticClass: "item",
+            attrs: { effect: "dark", content: "引用", placement: "bottom" },
+          },
+          [
+            _c("el-button", { attrs: { size: "small" } }, [
+              _c(
+                "svg",
+                {
+                  staticClass: "es-icon-svg",
+                  attrs: { viewBox: "0 0 1024 1024" },
+                },
+                [
+                  _c("path", {
+                    attrs: {
+                      d: "M894.6 907.1H605.4c-32.6 0-59-26.4-59-59V608.2l-4-14.9c0-315.9 125.5-485.1 376.5-507.5v59.8C752.7 180.4 711.3 315.8 711.3 442.4v41.2l31.5 12.3h151.8c32.6 0 59 26.4 59 59v293.2c0 32.5-26.4 59-59 59z m-472 0H133.4c-32.6 0-59-26.4-59-59V608.2l-4-14.9c0-315.9 125.5-485.1 376.5-507.5v59.8C280.7 180.4 239.3 315.8 239.3 442.4v41.2l31.5 12.3h151.8c32.6 0 59 26.4 59 59v293.2c0 32.5-26.4 59-59 59z",
+                    },
+                  }),
+                ]
+              ),
+            ]),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "el-tooltip",
+          {
+            staticClass: "item",
+            attrs: { effect: "dark", content: "粗体", placement: "bottom" },
+          },
+          [
+            _c(
+              "div",
+              {
+                staticClass: "es-text-center",
+                attrs: { slot: "content" },
+                slot: "content",
+              },
+              [_vm._v("粗体"), _c("br"), _vm._v("ctrl+b")]
+            ),
+            _c("el-button", { attrs: { size: "small" } }, [
+              _c(
+                "svg",
+                {
+                  staticClass: "es-icon-svg",
+                  attrs: { viewBox: "0 0 1024 1024" },
+                },
+                [
+                  _c("path", {
+                    attrs: {
+                      d: "M707.872 484.64A254.88 254.88 0 0 0 768 320c0-141.152-114.848-256-256-256H192v896h384c141.152 0 256-114.848 256-256a256.096 256.096 0 0 0-124.128-219.36zM384 192h101.504c55.968 0 101.504 57.408 101.504 128s-45.536 128-101.504 128H384V192z m159.008 640H384v-256h159.008c58.464 0 106.016 57.408 106.016 128s-47.552 128-106.016 128z",
+                    },
+                  }),
+                ]
+              ),
+            ]),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "el-tooltip",
+          {
+            staticClass: "item",
+            attrs: { effect: "dark", content: "下划线", placement: "bottom" },
+          },
+          [
+            _c(
+              "div",
+              {
+                staticClass: "es-text-center",
+                attrs: { slot: "content" },
+                slot: "content",
+              },
+              [_vm._v("下划线 "), _c("br"), _vm._v("ctrl+u")]
+            ),
+            _c("el-button", { attrs: { size: "small" } }, [
+              _c(
+                "svg",
+                {
+                  staticClass: "es-icon-svg",
+                  attrs: { viewBox: "0 0 1024 1024" },
+                },
+                [
+                  _c("path", {
+                    attrs: {
+                      d: "M704 64l128 0 0 416c0 159.072-143.264 288-320 288s-320-128.928-320-288l0-416 128 0 0 416c0 40.16 18.24 78.688 51.36 108.512 36.896 33.216 86.848 51.488 140.64 51.488s103.744-18.304 140.64-51.488c33.12-29.792 51.36-68.352 51.36-108.512l0-416zM192 832l640 0 0 128-640 0z",
+                    },
+                  }),
+                ]
+              ),
+            ]),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "el-tooltip",
+          {
+            staticClass: "item",
+            attrs: { effect: "dark", content: "斜体", placement: "bottom" },
+          },
+          [
+            _c(
+              "div",
+              {
+                staticClass: "es-text-center",
+                attrs: { slot: "content" },
+                slot: "content",
+              },
+              [_vm._v("斜体"), _c("br"), _vm._v("ctrl+i")]
+            ),
+            _c("el-button", { attrs: { size: "small" } }, [
+              _c(
+                "svg",
+                {
+                  staticClass: "es-icon-svg",
+                  attrs: { viewBox: "0 0 1024 1024" },
+                },
+                [
+                  _c("path", {
+                    attrs: {
+                      d: "M896 64v64h-128L448 896h128v64H128v-64h128L576 128h-128V64z",
+                    },
+                  }),
+                ]
+              ),
+            ]),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "el-dropdown",
+          {
+            attrs: { placement: "bottom", size: "small" },
+            on: {
+              command: function (res) {
+                _vm.handleCommand("tag", res)
+              },
+            },
+          },
+          [
+            _c("el-button", { attrs: { size: "small" } }, [
+              _c(
+                "svg",
+                {
+                  staticClass: "es-icon-svg",
+                  attrs: { viewBox: "0 0 1024 1024" },
+                },
+                [
+                  _c("path", {
+                    attrs: {
+                      d: "M204.8 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z",
+                    },
+                  }),
+                  _c("path", {
+                    attrs: {
+                      d: "M505.6 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z",
+                    },
+                  }),
+                  _c("path", {
+                    attrs: {
+                      d: "M806.4 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z",
+                    },
+                  }),
+                ]
+              ),
+              _c("i", { staticClass: "el-icon-caret-bottom el-icon--right" }),
+            ]),
+            _c(
+              "el-dropdown-menu",
+              { attrs: { slot: "dropdown" }, slot: "dropdown" },
+              [
+                _c(
+                  "el-tooltip",
+                  {
+                    staticClass: "item",
+                    attrs: {
+                      effect: "dark",
+                      content: "ctrl+shift+x",
+                      placement: "right",
+                    },
+                  },
+                  [
+                    _c("el-dropdown-item", { attrs: { command: "删除线" } }, [
+                      _c(
+                        "svg",
+                        {
+                          staticClass: "es-icon-svg",
+                          attrs: { viewBox: "0 0 1024 1024" },
+                        },
+                        [
+                          _c("path", {
+                            attrs: {
+                              d: "M1024 512v64h-234.496c27.52 38.496 42.496 82.688 42.496 128 0 70.88-36.672 139.04-100.576 186.976C672.064 935.488 594.144 960 512 960s-160.064-24.512-219.424-69.024C228.64 843.04 192 774.88 192 704h128c0 69.376 87.936 128 192 128s192-58.624 192-128-87.936-128-192-128H0v-64h299.52a385.984 385.984 0 0 1-6.944-5.024C228.64 459.04 192 390.88 192 320s36.672-139.04 100.576-186.976C351.936 88.512 429.856 64 512 64s160.064 24.512 219.424 69.024C795.328 180.96 832 249.12 832 320h-128c0-69.376-87.936-128-192-128s-192 58.624-192 128 87.936 128 192 128c78.976 0 154.048 22.688 212.48 64H1024z",
+                            },
+                          }),
+                        ]
+                      ),
+                      _c("span", { staticClass: "title" }, [_vm._v("删除线")]),
+                    ]),
+                  ],
+                  1
+                ),
+                _c(
+                  "el-tooltip",
+                  {
+                    staticClass: "item",
+                    attrs: {
+                      effect: "dark",
+                      content: "ctrl+e",
+                      placement: "right",
+                    },
+                  },
+                  [
+                    _c("el-dropdown-item", { attrs: { command: "行内代码" } }, [
+                      _c(
+                        "svg",
+                        {
+                          staticClass: "es-icon-svg",
+                          attrs: { viewBox: "0 0 1024 1024" },
+                        },
+                        [
+                          _c("path", {
+                            attrs: {
+                              d: "M576 736l96 96 320-320L672 192l-96 96 224 224zM448 288l-96-96L32 512l320 320 96-96-224-224z",
+                            },
+                          }),
+                        ]
+                      ),
+                      _c("span", { staticClass: "title" }, [
+                        _vm._v("行内代码"),
+                      ]),
+                    ]),
+                  ],
+                  1
+                ),
+                _c("el-dropdown-item", { attrs: { command: "上标" } }, [
+                  _c(
+                    "svg",
+                    {
+                      staticClass: "es-icon-svg",
+                      attrs: { viewBox: "0 0 1024 1024" },
+                    },
+                    [
+                      _c("path", {
+                        attrs: {
+                          d: "M768 206.016v50.016h128v64h-192V174.016l128-60V64h-128V0h192v146.016zM676 256h-136L352 444 164 256H28l256 256-256 256h136L352 580 540 768h136l-256-256z",
+                        },
+                      }),
+                    ]
+                  ),
+                  _c("span", { staticClass: "title" }, [_vm._v("上标")]),
+                ]),
+                _c("el-dropdown-item", { attrs: { command: "下标" } }, [
+                  _c(
+                    "svg",
+                    {
+                      staticClass: "es-icon-svg",
+                      attrs: { viewBox: "0 0 1024 1024" },
+                    },
+                    [
+                      _c("path", {
+                        attrs: {
+                          d: "M768 910.016v50.016h128v64h-192v-146.016l128-60V768h-128v-64h192v146.016zM676 256h-136L352 444 164 256H28l256 256-256 256h136L352 580 540 768h136l-256-256z",
+                        },
+                      }),
+                    ]
+                  ),
+                  _c("span", { staticClass: "title" }, [_vm._v("下标")]),
+                ]),
+                _c("el-dropdown-item", { attrs: { command: "清除格式" } }, [
+                  _c(
+                    "svg",
+                    {
+                      staticClass: "es-icon-svg",
+                      attrs: { viewBox: "0 0 1024 1024" },
+                    },
+                    [
+                      _c("path", {
+                        attrs: {
+                          d: "M969.382408 288.738615l-319.401123-270.852152a67.074236 67.074236 0 0 0-96.459139 5.74922l-505.931379 574.922021a68.35184 68.35184 0 0 0-17.886463 47.910169 74.101061 74.101061 0 0 0 24.274486 47.910168l156.50655 132.232065h373.060512L975.131628 383.281347a67.074236 67.074236 0 0 0-5.74922-96.459139z m-440.134747 433.746725H264.144729l-90.071117-78.572676c-5.74922-5.74922-12.137243-12.137243-12.137243-17.886463a36.411728 36.411728 0 0 1 5.749221-24.274485l210.804741-240.828447 265.102932 228.691204z m-439.495945 180.781036h843.218964a60.047411 60.047411 0 1 1 0 120.733624H89.751716a60.047411 60.047411 0 1 1 0-120.733624z m0 0",
+                        },
+                      }),
+                    ]
+                  ),
+                  _c("span", { staticClass: "title" }, [_vm._v("清除格式")]),
+                ]),
+              ],
+              1
+            ),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c("Colors", {
+          attrs: { tips: "文字颜色" },
+          on: { select: _vm.selectColor },
+        }),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "Colors",
+          {
+            attrs: { tips: "背景颜色", title: "清除背景色" },
+            on: { select: _vm.selectBgColor },
+          },
+          [
+            _c(
+              "svg",
+              {
+                staticClass: "es-icon-svg",
+                attrs: { viewBox: "0 0 1024 1024" },
+              },
+              [
+                _c("path", {
+                  attrs: {
+                    d: "M510.030769 315.076923l84.676923 196.923077h-177.230769l76.8-196.923077h15.753846zM945.230769 157.538462v708.923076c0 43.323077-35.446154 78.769231-78.769231 78.769231H157.538462c-43.323077 0-78.769231-35.446154-78.769231-78.769231V157.538462c0-43.323077 35.446154-78.769231 78.769231-78.769231h708.923076c43.323077 0 78.769231 35.446154 78.769231 78.769231z m-108.307692 643.938461L600.615385 216.615385c-5.907692-11.815385-15.753846-19.692308-29.538462-19.692308h-139.815385c-11.815385 0-23.630769 7.876923-27.56923 19.692308l-216.615385 584.861538c-3.938462 11.815385 3.938462 25.6 17.723077 25.6h80.738462c11.815385 0 23.630769-9.846154 27.56923-21.661538l63.015385-175.261539h263.876923l68.923077 175.261539c3.938462 11.815385 15.753846 21.661538 27.569231 21.661538h80.738461c13.784615 0 23.630769-13.784615 19.692308-25.6z",
+                  },
+                }),
+              ]
+            ),
+          ]
+        ),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "el-dropdown",
+          {
+            attrs: { placement: "bottom", trigger: "click" },
+            on: {
+              command: function (res) {
+                _vm.handleCommand("size", res)
+              },
+            },
+          },
+          [
+            _c(
+              "el-tooltip",
+              {
+                staticClass: "item",
+                attrs: { effect: "dark", content: "字号", placement: "bottom" },
+              },
+              [
+                _c("el-button", { attrs: { size: "small" } }, [
+                  _vm._v("\n          " + _vm._s(_vm.fontSize)),
+                  _c("i", {
+                    staticClass: "el-icon-caret-bottom el-icon--right",
+                  }),
+                ]),
+              ],
+              1
+            ),
+            _c(
+              "el-dropdown-menu",
+              { attrs: { slot: "dropdown" }, slot: "dropdown" },
+              _vm._l(_vm._fontSizes, function (item) {
+                return _c(
+                  "el-dropdown-item",
+                  {
+                    key: item,
+                    staticClass: "es-editor-dropdown-item",
+                    class: { active: item == _vm.fontSize },
+                    attrs: { command: item },
+                  },
+                  [_vm._v(_vm._s(item))]
+                )
+              }),
+              1
+            ),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
+    _c(
+      "div",
+      { staticClass: "es-editor-toolbar-item" },
+      [
+        _c(
+          "el-dropdown",
+          {
+            attrs: { placement: "bottom", trigger: "click" },
+            on: {
+              command: function (res) {
+                _vm.handleCommand("family", res)
+              },
+            },
+          },
+          [
+            _c(
+              "el-tooltip",
+              {
+                staticClass: "item",
+                attrs: { effect: "dark", content: "字体", placement: "bottom" },
+              },
+              [
+                _c("el-button", { attrs: { size: "small" } }, [
+                  _vm._v("\n          " + _vm._s(_vm.fontFamily)),
+                  _c("i", {
+                    staticClass: "el-icon-caret-bottom el-icon--right",
+                  }),
+                ]),
+              ],
+              1
+            ),
+            _c(
+              "el-dropdown-menu",
+              { attrs: { slot: "dropdown" }, slot: "dropdown" },
+              _vm._l(_vm._fontFamilys, function (item) {
+                return _c(
+                  "el-dropdown-item",
+                  {
+                    key: item,
+                    staticClass: "es-editor-dropdown-item",
+                    class: { active: item == _vm.fontFamily },
+                    attrs: { command: item },
+                  },
+                  [_vm._v(_vm._s(item))]
+                )
+              }),
+              1
+            ),
+          ],
+          1
+        ),
+      ],
+      1
+    ),
+  ])
+}
+var toolbarvue_type_template_id_5bf29942_staticRenderFns = []
+toolbarvue_type_template_id_5bf29942_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/editor/src/toolbar.vue?vue&type=template&id=5bf29942&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/editor/src/color.vue?vue&type=template&id=2a807a98&
+var colorvue_type_template_id_2a807a98_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "el-popover",
+    {
+      attrs: { placement: "bottom", width: "256" },
+      model: {
+        value: _vm.visible,
+        callback: function ($$v) {
+          _vm.visible = $$v
+        },
+        expression: "visible",
+      },
+    },
+    [
+      _c(
+        "el-tooltip",
+        {
+          staticClass: "item",
+          attrs: {
+            slot: "reference",
+            effect: "dark",
+            disabled: _vm.disabled,
+            content: _vm.tips,
+            placement: "bottom",
+          },
+          slot: "reference",
+        },
+        [
+          _c(
+            "el-button",
+            { attrs: { size: "small" } },
+            [
+              _vm._t("default", [
+                _c(
+                  "svg",
+                  {
+                    staticClass: "es-icon-svg",
+                    attrs: { viewBox: "0 0 1024 1024" },
+                  },
+                  [
+                    _c("path", {
+                      attrs: {
+                        d: "M64 864h896v96H64zM360.58 576h302.85l81.53 224h102.16L579.24 64H444.77L176.89 800h102.16l81.53-224zM512 159.96L628.49 480H395.52L512 159.96z",
+                      },
+                    }),
+                  ]
+                ),
+              ]),
+              _c("i", { staticClass: "el-icon-caret-bottom el-icon--right" }),
+            ],
+            2
+          ),
+        ],
+        1
+      ),
+      _c(
+        "ul",
+        { staticClass: "es-editor-color" },
+        [
+          _c(
+            "li",
+            {
+              staticClass: "es-editor-color-clear",
+              on: {
+                click: function ($event) {
+                  $event.stopPropagation()
+                  return _vm.handleClick($event)
+                },
+              },
+            },
+            [
+              _c(
+                "svg",
+                {
+                  staticClass: "es-icon-svg",
+                  attrs: { viewBox: "0 0 1024 1024" },
+                },
+                [
+                  _c("path", {
+                    attrs: {
+                      d: "M236.8 128L896 787.2V128H236.8z m614.4 704L192 172.8V832h659.2zM192 64h704c38.4 0 64 25.6 64 64v704c0 38.4-25.6 64-64 64H192c-38.4 0-64-25.6-64-64V128c0-38.4 25.6-64 64-64z",
+                    },
+                  }),
+                ]
+              ),
+              _vm._v("\n      " + _vm._s(_vm.title) + "\n    "),
+            ]
+          ),
+          _vm._l(_vm.colors, function (item) {
+            return _c(
+              "li",
+              {
+                key: item,
+                staticClass: "es-editor-color-item",
+                class: { active: _vm.active == item },
+                on: {
+                  click: function ($event) {
+                    $event.stopPropagation()
+                    _vm.handleClick(item)
+                  },
+                },
+              },
+              [
+                _c("div", {
+                  staticClass: "es-editor-color-block",
+                  style: { "background-color": item },
+                }),
+              ]
+            )
+          }),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var colorvue_type_template_id_2a807a98_staticRenderFns = []
+colorvue_type_template_id_2a807a98_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/editor/src/color.vue?vue&type=template&id=2a807a98&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/editor/src/color.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var colorvue_type_script_lang_js_ = ({
+  name: 'colors',
+  props: {
+    tips: String,
+    title: {
+      type: String,
+      default: '默认颜色'
+    }
+  },
+  computed: {
+    disabled: function disabled() {
+      return this.tips ? false : true;
+    }
+  },
+  data: function data() {
+    return {
+      visible: false,
+      colors: ['rgb(0, 0, 0)', 'rgb(38, 38, 38)', 'rgb(89, 89, 89)', 'rgb(140, 140, 140)', 'rgb(191, 191, 191)', 'rgb(217, 217, 217)', 'rgb(233, 233, 233)', 'rgb(245, 245, 245)', 'rgb(250, 250, 250)', 'rgb(255, 255, 255)', // 10
+      'rgb(225, 60, 57)', 'rgb(231, 95, 51)', 'rgb(235, 144, 58)', 'rgb(245, 219, 77)', 'rgb(114, 192, 64)', 'rgb(89, 191, 192)', 'rgb(66, 144, 247)', 'rgb(54, 88, 226)', 'rgb(106, 57, 201)', 'rgb(216, 68, 147)', // 10
+      'rgb(251, 233, 230)', 'rgb(252, 237, 225)', 'rgb(252, 239, 212)', 'rgb(252, 251, 207)', 'rgb(231, 246, 213)', 'rgb(218, 244, 240)', 'rgb(217, 237, 250)', 'rgb(224, 232, 250)', 'rgb(237, 225, 248)', 'rgb(246, 226, 234)', // 10
+      'rgb(255, 163, 158)', 'rgb(255, 187, 150)', 'rgb(255, 213, 145)', 'rgb(255, 251, 143)', 'rgb(183, 235, 143)', 'rgb(135, 232, 222)', 'rgb(145, 213, 255)', 'rgb(173, 198, 255)', 'rgb(211, 173, 247)', 'rgb(255, 173, 210)', // 10
+      'rgb(255, 77, 79)', 'rgb(255, 122, 69)', 'rgb(255, 169, 64)', 'rgb(255, 236, 61)', 'rgb(115, 209, 61)', 'rgb(54, 207, 201)', 'rgb(64, 169, 255)', 'rgb(89, 126, 247)', 'rgb(146, 84, 222)', 'rgb(247, 89, 171)', // 10
+      'rgb(207, 19, 34)', 'rgb(212, 56, 13)', 'rgb(212, 107, 8)', 'rgb(212, 177, 6)', 'rgb(56, 158, 13)', 'rgb(8, 151, 156)', 'rgb(9, 109, 217)', 'rgb(29, 57, 196)', 'rgb(83, 29, 171)', 'rgb(196, 29, 127)', // 10
+      'rgb(130, 0, 20)', 'rgb(135, 20, 0)', 'rgb(135, 56, 0)', 'rgb(97, 71, 0)', 'rgb(19, 82, 0)', 'rgb(0, 71, 79)', 'rgb(0, 58, 140)', 'rgb(6, 17, 120)', 'rgb(34, 7, 94)', 'rgb(120, 6, 80)' // 10
+      ],
+      active: ''
+    };
+  },
+  mounted: function mounted() {},
+
+  methods: {
+    handleClick: function handleClick(res) {
+      this.visible = false;
+      this.active = res;
+      this.$emit('select', res);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/editor/src/color.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_colorvue_type_script_lang_js_ = (colorvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./packages/editor/src/color.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_colorvue_type_script_lang_js_,
+  colorvue_type_template_id_2a807a98_render,
+  colorvue_type_template_id_2a807a98_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var color = (component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/editor/src/toolbar.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var toolbarvue_type_script_lang_js_ = ({
+  name: 'Toolbars',
+  components: { Colors: color },
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+  props: {
+    tags: Array,
+    quote: {
+      type: Boolean,
+      default: true
+    },
+    fontSizes: Array,
+    fontFamilys: Array
+  },
+  computed: {
+    _tags: function _tags() {
+      var tags = ['h1', 'h2', 'h3', 'h4', 'h5', '正文'];
+      if (this.tags && this.tags.length) {
+        return this.tags.includes('正文') ? this.tags : this.tags.concat(['正文']);
+      }
+      return tags;
+    },
+    _fontSizes: function _fontSizes() {
+      var fontSizes = ['默认字号', '12px', '13px', '14px', '15px', '16px', '19px', '22px', '24px', '29px', '32px', '40px', '48px'];
+      if (this.fontSizes && this.fontSizes.length) {
+        return this.fontSizes.includes('默认字号') ? this.fontSizes : ['默认字号'].concat(this.fontSizes);
+      }
+      return fontSizes;
+    },
+    _fontFamilys: function _fontFamilys() {
+      var fontFamilys = ['默认字体', '黑体', '仿宋', '楷体', '标楷体', '华文仿宋', '华文楷体', '宋体', '微软雅黑', 'Arial', 'Tahoma', 'Verdana', 'Times New Roman', 'Courier New'];
+      if (this.fontFamilys && this.fontFamilys.length) {
+        var i = this.fontFamilys.findIndex('默认字体');
+        if (i > -1) {
+          this.fontFamilys.splice(i, 1);
+        }
+        return fontFamilys.concat(this.fontFamilys);
+      }
+      return fontFamilys;
+    }
+  },
+  data: function data() {
+    return {
+      tag: '正文',
+      fontSize: '默认字号',
+      fontFamily: '默认字体'
+    };
+  },
+  mounted: function mounted() {},
+
+  methods: {
+    handleCommand: function handleCommand(type, res) {
+      switch (type) {
+        case 'size':
+          this.fontSize = res;
+          break;
+        case 'family':
+          this.fontFamily = res;
+          break;
+        default:
+          this.tag = res;
+      }
+      console.log(res);
+    },
+    selectColor: function selectColor(res) {
+      console.log(res);
+    },
+    selectBgColor: function selectBgColor(res) {
+      console.log(res);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    var editor = this.editor;
+    if (editor == null) return;
+    editor.destroy(); // 组件销毁时，及时销毁编辑器
+  }
+});
+// CONCATENATED MODULE: ./packages/editor/src/toolbar.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_toolbarvue_type_script_lang_js_ = (toolbarvue_type_script_lang_js_); 
+// EXTERNAL MODULE: external "@wangeditor/editor/dist/css/style.css?vue&type=style&index=0&prod&lang=css&"
+var stylevue_type_style_index_0_prod_lang_css_ = __webpack_require__(19);
+
+// CONCATENATED MODULE: ./packages/editor/src/toolbar.vue
+
+
+
+
+
+
+/* normalize component */
+
+var toolbar_component = Object(componentNormalizer["a" /* default */])(
+  src_toolbarvue_type_script_lang_js_,
+  toolbarvue_type_template_id_5bf29942_render,
+  toolbarvue_type_template_id_5bf29942_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var toolbar = (toolbar_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/editor/src/main.vue?vue&type=script&lang=js&
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var mainvue_type_script_lang_js_ = ({
+  name: 'EsEditor',
+  inheritAttrs: false,
+  components: { Editor: editor_for_vue_["Editor"], Toolbar: editor_for_vue_["Toolbar"], Toolbars: toolbar },
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+  props: {
+    mode: {
+      type: String,
+      validator: function validator(val) {
+        return ['default', 'simple'].includes(val);
+      },
+
+      default: 'default'
+    },
+    readonly: Boolean,
+    value: String,
+    toolbarConfig: Object,
+    editorConfig: Object,
+    height: {
+      type: String,
+      default: '500px'
+    },
+    cs: Boolean
+  },
+  computed: {
+    model: {
+      get: function get() {
+        return this.value;
+      },
+      set: function set(val) {
+        this.$emit('input', val);
+        return val;
+      }
+    },
+    _editorConfig: function _editorConfig() {
+      var config = { placeholder: '请输入内容...' };
+      return this.editorConfig ? _extends({}, config, this.editorConfig) : config;
+    },
+    _readonly: function _readonly() {
+      return this.readonly || this._editorConfig.readOnly || (this.elForm || {}).readonly || (this.elFormItem || {}).readonly;
+    }
+  },
+  data: function data() {
+    return {
+      editor: null
+    };
+  },
+  mounted: function mounted() {},
+
+  methods: {
+    onCreated: function onCreated(editor) {
+      this.editor = Object.seal(editor);
+      this.$emit('created', this.editor);
+      this.$emit('onCreated', this.editor);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    var editor = this.editor;
+    if (editor == null) return;
+    editor.destroy(); // 组件销毁时，及时销毁编辑器
+  }
+});
+// CONCATENATED MODULE: ./packages/editor/src/main.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_mainvue_type_script_lang_js_ = (mainvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/editor/src/main.vue
+
+
+
+
+
+
+/* normalize component */
+
+var main_component = Object(componentNormalizer["a" /* default */])(
+  src_mainvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var main = (main_component.exports);
+// CONCATENATED MODULE: ./packages/editor/index.js
+
+
+main.install = function (Vue) {
+  return Vue.component(main.name, main);
+};
+
+/* harmony default export */ var editor = __webpack_exports__["default"] = (main);
+
+/***/ })
+
+/******/ });