vue-admin-core/lib/components/rich-text/src/Toolbar.js

A Component Library for Vue 3

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var editor = require('@wangeditor/editor');

var Toolbar = vue.defineComponent({
  name: "RickTextToolbar",
  props: {
    // editor 实例
    editor: {
      type: Object
    },
    /** 编辑器模式 */
    mode: {
      type: String,
      default: "default"
    },
    /** 编辑器默认配置 */
    defaultConfig: {
      type: Object,
      default: () => ({})
    }
  },
  setup(props, {
    expose
  }) {
    const selector = vue.ref(null);
    const create = (editor$1) => {
      if (!selector.value)
        return;
      if (editor$1 == null) {
        throw new Error("Not found instance of Editor when create <Toolbar/> component");
      }
      if (editor.DomEditor.getToolbar(editor$1))
        return;
      editor.createToolbar({
        editor: editor$1,
        selector: selector.value || "<div></div>",
        mode: props.mode,
        config: props.defaultConfig
      });
    };
    vue.watchEffect(() => {
      const {
        editor
      } = props;
      if (editor == null)
        return;
      create(editor);
    });
    expose({
      selector
    });
    return () => vue.h("div", {
      class: "vac-toolbar",
      ref: selector
    });
  }
});

exports.default = Toolbar;
//# sourceMappingURL=Toolbar.js.map