@zeedhi/zd-richtext-common 1.2.0 → 1.2.1

package/README.md

@@ -1,74 +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>
+# 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-common.esm.js

@@ -53,7 +53,7 @@ class RichText extends ComponentRender {
         this.height = this.getInitValue('height', props.height, this.height);
         this.createAccessors();
     }
-    onkeydown(element, key) {
+    onKeyDown(element, key) {
         this.callEvent('onKeyDown', {
             element, component: this, key, content: this.content,
         });

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

@@ -56,7 +56,7 @@
           this.height = this.getInitValue('height', props.height, this.height);
           this.createAccessors();
       }
-      onkeydown(element, key) {
+      onKeyDown(element, key) {
           this.callEvent('onKeyDown', {
               element, component: this, key, content: this.content,
           });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-richtext-common",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "RichTextCommon by BVR",
   "main": "dist/rich-text-common.umd.js",
   "module": "dist/rich-text-common.esm.js",
@@ -23,5 +23,5 @@
     "@zeedhi/common": "*",
     "@zeedhi/core": "*"
   },
-  "gitHead": "e4e4e252e4ea83919f14a67364af75edbfdc5686"
+  "gitHead": "bd123ff962b96257a9fa5b06982a36d1f760eb01"
 }

package/types/interfaces.d.ts

@@ -11,5 +11,5 @@ export interface IRichText extends IComponentRender {
     height?: number | string;
 }
 export interface IRickTextEvents<T = IEventParam<any>> extends IComponentEvents<T> {
-    keydown?: IEvent<T> | string;
+    onKeyDown?: IEvent<T> | string;
 }

package/types/rich-text.d.ts

@@ -45,5 +45,5 @@ export declare class RichText extends ComponentRender implements IRichText {
      * Rich text content
      */
     content: string;
-    onkeydown(element?: HTMLElement, key?: string): void;
+    onKeyDown(element?: HTMLElement, key?: string): void;
 }