@avakhula/ui 0.0.345 → 0.0.346

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.0.345",
+  "version": "0.0.346",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/App.vue

@@ -5,6 +5,8 @@
     </template>
   </ib-select>
 
+  <ib-text-editor :character-limit="40" name="test-name" character-limit-error-message="limit error"></ib-text-editor>
+
 
 </template>
 
@@ -12,7 +14,7 @@
 import IbSelect from "./components/TreeSelect/Select.vue";
 import label from "@/components/Form/Label/Label.vue";
 import {IbCheckboxGroup} from "./index.js";
-import {IbRadio} from "./index.js";
+import {IbRadio, IbTextEditor} from "./index.js";
 const testData1 = [
   {
     id: "1",
@@ -140,6 +142,6 @@ export default {
       checked: '1'
     }
   },
-  components: {IbSelect, IbCheckboxGroup, IbRadio}
+  components: {IbTextEditor, IbSelect, IbCheckboxGroup, IbRadio}
 }
 </script>

package/src/components/Form/TextEditor/TextEditor.vue

@@ -23,6 +23,8 @@
       {{ characterLimitErrorMessage }}
     </ib-alert>
 
+    <input :name="name" type="hidden" :disabled="disable" :value="data">
+
     <div class="ib-text-editor-wrapper" :class="{ disable: disable }">
       <div
         class="ib-text-editor"
@@ -134,27 +136,27 @@
 </template>
 
 <script>
-import { QuillEditor, Quill } from "@vueup/vue-quill";
+import {Quill, QuillEditor} from "@vueup/vue-quill";
 import IbIconButton from "../../IconButton/IconButton.vue";
 import IbAlert from "../../Alert/Alert.vue";
 import IbCharacterCount from "../CharactersCount.vue";
-import { AlphabetList, AlphabetListItem } from "./plugins/alphabetList";
+import {AlphabetList, AlphabetListItem} from "./plugins/alphabetList";
 import "@vueup/vue-quill/dist/vue-quill.snow.css";
 
 import {
+  ALIGN_CENTER,
+  ALIGN_JUSTIFY,
+  ALIGN_LEFT,
+  ALIGN_RIGHT,
   BOLD,
-  ITALIC,
-  UNDERLINE,
-  STRIKE,
   CODE,
+  ITALIC,
   LINK,
-  ALIGN_LEFT,
-  ALIGN_CENTER,
-  ALIGN_RIGHT,
-  ALIGN_JUSTIFY,
-  LIST_ORDERED,
-  LIST_BULLET,
   LIST_ALPHABET,
+  LIST_BULLET,
+  LIST_ORDERED,
+  STRIKE,
+  UNDERLINE,
 } from "./icons/toolbarIcons";
 
 const icons = Quill.import("ui/icons");
@@ -183,6 +185,10 @@ Quill.debug("error");
 export default {
   name: "IbTextEditor",
   props: {
+    name: {
+      type: String,
+      required: true
+    },
     placeholder: {
       type: String,
       default: "",
@@ -234,6 +240,7 @@ export default {
       type: String,
     },
   },
+  emits: ['onOverLimitHandler'],
   mounted() {
     // Reset default styles for toolbar
     this.$refs.toolbar.classList.remove("ql-toolbar");
@@ -258,6 +265,9 @@ export default {
     data(val) {
       this.$emit("update:modelValue", val);
     },
+    characterOverLimit(value) {
+      this.$emit('onOverLimitHandler', value);
+    }
   },
   methods: {
     onChange() {