@factoringplus/pl-components-pack-v3 0.4.72-pre-3 → 0.4.72-pre-4

package/dist/pl-components-pack-v3.es.js

@@ -37597,13 +37597,13 @@ const _sfc_main$n = {
   props: {
     rules: {
       type: Object,
-      default: function() {
+      default() {
         return {};
       }
     },
     suggestionList: {
       type: Array,
-      default: function() {
+      default() {
         return [];
       }
     },
@@ -37641,9 +37641,21 @@ const _sfc_main$n = {
   data() {
     return {
       selectedValue: "",
-      ruleForm: {}
+      ruleForm: {},
+      modelValue: ""
     };
   },
+  computed: {
+    blocks() {
+      if (this.modelValue) {
+        const regex = new RegExp(this.modelValue, "g");
+        return this.suggestionList.map((c2) => ({
+          value: c2.value.replace(regex, `<span class="highlight">${this.modelValue}</span>`)
+        }));
+      }
+      return this.suggestionList;
+    }
+  },
   mounted() {
     const dropElements = document.querySelectorAll(".suggestion .el-select-dropdown");
     this.ruleForm = {
@@ -37654,13 +37666,13 @@ const _sfc_main$n = {
     }
   },
   watch: {
-    selectedValue: function(newVal) {
+    selectedValue(newVal) {
       this.ruleForm[this.prop] = newVal;
     },
-    selectedItem: function(newVal) {
+    selectedItem(newVal) {
       this.selectedValue = newVal.value;
     },
-    getValidate: function(newVal) {
+    getValidate(newVal) {
       if (newVal) {
         this.validateInpBlur();
         this.$emit("setValid");
@@ -37685,18 +37697,16 @@ const _sfc_main$n = {
       }, 300);
     },
     initSuggestion(query) {
+      this.modelValue = query;
       this.$emit("fetchDadata", query);
     }
   }
 };
 const _hoisted_1$n = { class: "suggestion" };
 const _hoisted_2$k = { class: "d-flex flex-column" };
-const _hoisted_3$i = { class: "text-truncate" };
+const _hoisted_3$i = ["innerHTML"];
 const _hoisted_4$b = { class: "suggestion__item-info text-truncate" };
-const _hoisted_5$8 = {
-  key: 0,
-  src: _imports_1$2
-};
+const _hoisted_5$8 = /* @__PURE__ */ createElementVNode("img", { src: _imports_1$2 }, null, -1);
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_option = ElOption;
   const _component_el_select = ElSelect;
@@ -37732,7 +37742,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               "no-data-text": $props.noData
             }, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList($props.suggestionList, (item, index) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.blocks, (item, index) => {
                   return openBlock(), createBlock(_component_el_option, {
                     onClick: ($event) => $options.change(item),
                     key: index,
@@ -37741,10 +37751,13 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_2$k, [
-                        createElementVNode("span", _hoisted_3$i, toDisplayString(item.value), 1),
+                        createElementVNode("span", {
+                          class: "text-truncate",
+                          innerHTML: item.value
+                        }, null, 8, _hoisted_3$i),
                         createElementVNode("span", _hoisted_4$b, toDisplayString(item.bottomText), 1)
                       ]),
-                      item.id === $props.selectedItem.id ? (openBlock(), createElementBlock("img", _hoisted_5$8)) : createCommentVNode("", true)
+                      _hoisted_5$8
                     ]),
                     _: 2
                   }, 1032, ["onClick", "value"]);
@@ -38110,7 +38123,7 @@ function _sfc_render$1(_ctx, _cache) {
 var PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$1]]);
 var plSelect_vue_vue_type_style_index_0_lang$1 = "";
 const _hoisted_1$h = { id: "form" };
-const _hoisted_2$f = { class: "flex item-select" };
+const _hoisted_2$f = { class: "flex item-select text-b2-medium" };
 const _sfc_main$h = {
   __name: "pl-select",
   props: {