@zeedhi/zd-richtext-vue 1.1.3 → 1.2.0

package/README.md

@@ -0,0 +1,74 @@
+# Componente Rich Text para Zeedhi
+O componente de Rich Text é um editor de texto enriquecido com algumas funcionalidades.
+
+![Alt Text](https://i.ibb.co/wCyr6jC/zd-rich-text.png)
+
+## Instalação
+<code>npm i @zeedhi/zd-richtext</code>
+Com isso, dois pacotes serão instalados: o **@zeedhi/zd-richtext-common** e o **@zeedhi/zd-richtext-vue**.
+
+Após a instalação, é necessário que você você importe o pacote **@zeedhi/zd-richtext-vue** dentro de seu arquivo de configuração <code>zeedhi.ts</code>
+```ts
+import { ZdRichText } from '@zeedhi/zd-richtext';
+
+Vue.component('ZdRichText', ZdRichText);
+```
+
+Já o pacote **@zeedhi/zd-rich-text-common** deve ser importado no arquivo <code>controller</code> do componente.
+
+## Uso Básico
+Para usar, defina a propriedade <code>component</code> como 'ZdRichText'.
+
+```json
+{
+  "name": "rich-text-example",
+  "component": "ZdRichText"
+}
+```
+
+## Propriedades
+
+### outputFormat
+<p>Tipo: <code>string</code></p>
+<p>Default: <code>json</code></p>
+<p>Descrição: Define o formato de saída do conteúdo digitado ('json' ou 'html')</p>
+
+### placeholder
+<p>Tipo: <code>string</code></p>
+<p>Default: <code>''</code></p>
+<p>Descrição: Texto mostrado enquanto o editor estiver sem conteúdo</p>
+
+### disabled
+<p>Tipo: <code>boolean</code></p>
+<p>Default: <code>false</code></p>
+<p>Descrição: Desabilita o componente</p>
+
+### toolbarColor
+<p>Tipo: <code>string</code></p>
+<p>Default: <code>'#772583'</code></p>
+<p>Descrição: Define a cor da barra de tarefas</p>
+
+### cardColor
+<p>Tipo: <code>string</code></p>
+<p>Default: <code>''</code></p>
+<p>Descrição: Define a cor do cartão de entrada de texto</p>
+
+### outlined
+<p>Tipo: <code>boolean</code></p>
+<p>Default: <code>false</code></p>
+<p>Descrição: Remove a elevação e adiciona uma borda fina ao cartão de entrada de texto</p>
+
+### width
+<p>Tipo: <code>number | string</code></p>
+<p>Default: <code>''</code></p>
+<p>Descrição: Define a largura do componente</p>
+
+### height
+<p>Tipo: <code>number | string</code></p>
+<p>Default: <code>''</code></p>
+<p>Descrição: Define a altura do componente</p>
+
+## Eventos
+<p>Nome: <code>onKeyDown</code></p>
+<p><code>{ element, component, key, content }: IEventParam</code></p>
+<p>Descrição: Disparado quando uma tecla é digitada no editor</p>

package/dist/rich-text-vue.esm.js

@@ -1,4 +1,5 @@
 import Vue from 'vue';
+import { VersionService } from '@zeedhi/core';
 import { PropWatch, ZdComponentRender, Vuetify } from '@zeedhi/vuetify';
 import { Component } from 'vue-property-decorator';
 import { RichText } from '@zeedhi/zd-richtext-common';
@@ -268,7 +269,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = function (inject) {
     if (!inject) return
-    inject("data-v-42bd6876_0", { source: ".zd-rich-text button.v-btn.v-btn--icon.v-btn--round.theme--light.v-size--small.tiptap-vuetify-editor__action-render-btn {\n  color: #ffffff;\n}\n.zd-rich-text div.v-card {\n  display: flex;\n  flex-direction: column;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar {\n  display: flex;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content {\n  flex-grow: 1;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror {\n  margin: var(--spacing-2) !important;\n  height: 100%;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror p {\n  margin-top: var(--spacing-2) !important;\n  margin-bottom: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
+    inject("data-v-354eed49_0", { source: ".zd-rich-text button.v-btn.v-btn--icon.v-btn--round.theme--light.v-size--small.tiptap-vuetify-editor__action-render-btn {\n  color: #ffffff;\n}\n.zd-rich-text div.v-card {\n  display: flex;\n  flex-direction: column;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar {\n  display: flex;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content {\n  flex-grow: 1;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror {\n  margin: var(--spacing-2) !important;\n  height: 100%;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror p {\n  margin-top: var(--spacing-2) !important;\n  margin-bottom: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -302,6 +303,8 @@ Vue.use(TiptapVuetify.TiptapVuetifyPlugin, {
     vuetify: new Vuetify(),
     iconsGroup: 'mdi',
 });
-Vue.component('tiptap-vuetify', TiptapVuetify.TiptapVuetify);
+Vue.component('tiptap-vuetify', TiptapVuetify.TiptapVuetify);
+const packageContent = require('../package.json');
+VersionService.addPackageVersion(packageContent.name, packageContent.version);
 
 export { __vue_component__ as ZdRichText };

package/dist/rich-text-vue.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@zeedhi/vuetify'), require('vue-property-decorator'), require('@zeedhi/zd-richtext-common'), require('tiptap-vuetify/dist/main.css')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'vue', '@zeedhi/vuetify', 'vue-property-decorator', '@zeedhi/zd-richtext-common', 'tiptap-vuetify/dist/main.css'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-richtext-vue"] = {}, global.vue, global["@zeedhi/vuetify"], global["vue-property-decorator"], global["@zeedhi/zd-richtext-common"]));
-})(this, (function (exports, Vue, vuetify, vuePropertyDecorator, zdRichtextCommon) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@zeedhi/core'), require('@zeedhi/vuetify'), require('vue-property-decorator'), require('@zeedhi/zd-richtext-common'), require('tiptap-vuetify/dist/main.css')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'vue', '@zeedhi/core', '@zeedhi/vuetify', 'vue-property-decorator', '@zeedhi/zd-richtext-common', 'tiptap-vuetify/dist/main.css'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-richtext-vue"] = {}, global.vue, global.core, global["@zeedhi/vuetify"], global["vue-property-decorator"], global["@zeedhi/zd-richtext-common"]));
+})(this, (function (exports, Vue, core, vuetify, vuePropertyDecorator, zdRichtextCommon) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -272,7 +272,7 @@
       /* style */
       const __vue_inject_styles__ = function (inject) {
         if (!inject) return
-        inject("data-v-42bd6876_0", { source: ".zd-rich-text button.v-btn.v-btn--icon.v-btn--round.theme--light.v-size--small.tiptap-vuetify-editor__action-render-btn {\n  color: #ffffff;\n}\n.zd-rich-text div.v-card {\n  display: flex;\n  flex-direction: column;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar {\n  display: flex;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content {\n  flex-grow: 1;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror {\n  margin: var(--spacing-2) !important;\n  height: 100%;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror p {\n  margin-top: var(--spacing-2) !important;\n  margin-bottom: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
+        inject("data-v-354eed49_0", { source: ".zd-rich-text button.v-btn.v-btn--icon.v-btn--round.theme--light.v-size--small.tiptap-vuetify-editor__action-render-btn {\n  color: #ffffff;\n}\n.zd-rich-text div.v-card {\n  display: flex;\n  flex-direction: column;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar {\n  display: flex;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content {\n  flex-grow: 1;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror {\n  margin: var(--spacing-2) !important;\n  height: 100%;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror p {\n  margin-top: var(--spacing-2) !important;\n  margin-bottom: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
@@ -306,7 +306,9 @@
         vuetify: new vuetify.Vuetify(),
         iconsGroup: 'mdi',
     });
-    Vue__default["default"].component('tiptap-vuetify', TiptapVuetify.TiptapVuetify);
+    Vue__default["default"].component('tiptap-vuetify', TiptapVuetify.TiptapVuetify);
+    const packageContent = require('../package.json');
+    core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
 
     exports.ZdRichText = __vue_component__;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-richtext-vue",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "RichTextVue by BVR",
   "main": "dist/rich-text-vue.umd.js",
   "module": "dist/rich-text-vue.esm.js",
@@ -23,5 +23,5 @@
     "vue-class-component": "^7.2.6",
     "vue-property-decorator": "^9.1.2"
   },
-  "gitHead": "c98c8914c914ea773b0881c890ae0601361fabcf"
+  "gitHead": "e4e4e252e4ea83919f14a67364af75edbfdc5686"
 }