@factoringplus/pl-components-pack-v3 0.5.26 → 0.5.28-pre-01

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

@@ -1,4 +1,4 @@
-import { unref, getCurrentScope, onScopeDispose, ref, watch, getCurrentInstance, onMounted, nextTick, readonly, shallowRef, watchEffect, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, provide, inject, onBeforeUnmount, toRef, onUnmounted, isRef, onBeforeMount, defineComponent, mergeProps, renderSlot, useAttrs as useAttrs$1, useSlots, withDirectives, createCommentVNode, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, normalizeStyle, vShow, Transition, reactive, onUpdated, cloneVNode, Text, Comment, Teleport, onDeactivated, renderList, createTextVNode, toRaw as toRaw$1, vModelCheckbox, toRefs, withKeys, h as h$2, createSlots, triggerRef, resolveComponent, resolveDirective, vModelText, TransitionGroup, createApp, shallowReactive, render, useCssVars, pushScopeId, popScopeId, normalizeProps, guardReactiveProps, createStaticVNode } from "vue";
+import { unref, getCurrentScope, onScopeDispose, ref, watch, getCurrentInstance, onMounted, nextTick, readonly, shallowRef, watchEffect, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, provide, inject, onBeforeUnmount, toRef, onUnmounted, isRef, onBeforeMount, defineComponent, mergeProps, renderSlot, useAttrs as useAttrs$1, useSlots, withDirectives, createCommentVNode, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, normalizeStyle, vShow, Transition, reactive, onUpdated, cloneVNode, Text, Comment, Teleport, onDeactivated, renderList, createTextVNode, toRaw as toRaw$1, vModelCheckbox, toRefs, withKeys, h as h$2, createSlots, triggerRef, resolveComponent, resolveDirective, vModelText, TransitionGroup, createApp, shallowReactive, render, useCssVars, vModelDynamic, pushScopeId, popScopeId, normalizeProps, guardReactiveProps, createStaticVNode } from "vue";
 import moment from "moment";
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
@@ -17660,7 +17660,7 @@ const _hoisted_2$B = ["aria-current", "tabindex"];
 const _hoisted_3$t = ["tabindex"];
 const _hoisted_4$l = ["aria-current", "tabindex"];
 const _hoisted_5$f = ["tabindex"];
-const _hoisted_6$8 = ["aria-current", "tabindex"];
+const _hoisted_6$9 = ["aria-current", "tabindex"];
 const __default__$i = defineComponent({
   name: "ElPaginationPager"
 });
@@ -17850,7 +17850,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           ], "number"]),
           "aria-current": _ctx.currentPage === _ctx.pageCount,
           tabindex: unref(tabindex)
-        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$8)) : createCommentVNode("v-if", true)
+        }, toDisplayString(_ctx.pageCount), 11, _hoisted_6$9)) : createCommentVNode("v-if", true)
       ], 42, _hoisted_1$J);
     };
   }
@@ -25358,25 +25358,76 @@ const PlCurrencyPlugin = {
     app.component("PlCurrency", _sfc_main$F);
   }
 };
-var form = "";
 const _sfc_main$E = {
   __name: "pl-form",
+  props: {
+    model: {
+      type: Object,
+      required: true
+    },
+    rules: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
   setup(__props, { expose }) {
-    const elFormRef = ref(null);
-    expose({
-      elFormRef
+    const props = __props;
+    const form2 = ref();
+    const { model, rules: rules2 } = toRefs(props);
+    const errorsState = ref([]);
+    provide("errorsState", errorsState);
+    const validate = () => {
+      const validator2 = new Schema(rules2.value);
+      validator2.validate(model.value, (errors, fields) => {
+        if (errors) {
+          errorsState.value = errors;
+          return;
+        }
+        errorsState.value = [];
+      });
+    };
+    const validateField = (prop) => {
+      const rulesValidate = {};
+      const source2 = {};
+      rulesValidate[prop] = rules2.value[prop];
+      source2[prop] = model.value[prop];
+      const validator2 = new Schema(rulesValidate);
+      validator2.validate(source2, (errors, fields) => {
+        if (errors) {
+          errorsState.value = errors;
+          return;
+        }
+        errorsState.value = errorsState.value.filter((error2) => error2.field !== prop);
+      });
+    };
+    onMounted(() => {
+      form2.value.forEach((element) => {
+        const prop = element.__vueParentComponent.ctx.prop;
+        if (prop in rules2.value) {
+          rules2.value[prop].forEach((rule) => {
+            if (rule.trigger) {
+              const triggers = rule.trigger.replace(/\s/g, "").split(",");
+              triggers.forEach((trigger) => {
+                useEventListener(element, trigger, (evt) => {
+                  validateField(prop);
+                });
+              });
+            }
+          });
+        }
+      });
     });
+    expose({ validate, validateField });
     return (_ctx, _cache) => {
-      const _component_el_form = ElForm;
-      return openBlock(), createBlock(_component_el_form, mergeProps({
-        ref_key: "elFormRef",
-        ref: elFormRef
-      }, _ctx.$attrs), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
+      return openBlock(), createElementBlock("form", {
+        ref_key: "form",
+        ref: form2,
+        onSubmit: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"]))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 544);
     };
   }
 };
@@ -25385,6 +25436,7 @@ const PlFormPlugin = {
     app.component("PlForm", _sfc_main$E);
   }
 };
+var form = "";
 var formItem = "";
 var _imports_0$9 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi41OTk5IDguMDAwMzlDMi41OTk5IDUuMDE3NzYgNS4wMTcyNyAyLjYwMDM5IDcuOTk5OSAyLjYwMDM5QzEwLjk4MjUgMi42MDAzOSAxMy4zOTk5IDUuMDE3NzYgMTMuMzk5OSA4LjAwMDM5QzEzLjM5OTkgMTAuOTgzIDEwLjk4MjUgMTMuNDAwNCA3Ljk5OTkgMTMuNDAwNEM1LjAxNzI3IDEzLjQwMDQgMi41OTk5IDEwLjk4MyAyLjU5OTkgOC4wMDAzOVpNNy45OTk5IDEuNDAwMzlDNC4zNTQ1MyAxLjQwMDM5IDEuMzk5OSA0LjM1NTAyIDEuMzk5OSA4LjAwMDM5QzEuMzk5OSAxMS42NDU4IDQuMzU0NTMgMTQuNjAwNCA3Ljk5OTkgMTQuNjAwNEMxMS42NDUzIDE0LjYwMDQgMTQuNTk5OSAxMS42NDU4IDE0LjU5OTkgOC4wMDAzOUMxNC41OTk5IDQuMzU1MDIgMTEuNjQ1MyAxLjQwMDM5IDcuOTk5OSAxLjQwMDM5Wk04LjU5OTkgNS4wMDAzOUM4LjU5OTkgNC42NjkwMiA4LjMzMTI3IDQuNDAwMzkgNy45OTk5IDQuNDAwMzlDNy42Njg1MyA0LjQwMDM5IDcuMzk5OSA0LjY2OTAyIDcuMzk5OSA1LjAwMDM5VjguMzMzNzJDNy4zOTk5IDguNjY1MDkgNy42Njg1MyA4LjkzMzcyIDcuOTk5OSA4LjkzMzcyQzguMzMxMjcgOC45MzM3MiA4LjU5OTkgOC42NjUwOSA4LjU5OTkgOC4zMzM3MlY1LjAwMDM5Wk03Ljk5OTkgMTEuNDkyNkM4LjM4NTYxIDExLjQ5MjYgOC42OTgyOCAxMS4xNzk5IDguNjk4MjggMTAuNzk0MkM4LjY5ODI4IDEwLjQwODUgOC4zODU2MSAxMC4wOTU4IDcuOTk5OSAxMC4wOTU4QzcuNjE0MiAxMC4wOTU4IDcuMzAxNTIgMTAuNDA4NSA3LjMwMTUyIDEwLjc5NDJDNy4zMDE1MiAxMS4xNzk5IDcuNjE0MiAxMS40OTI2IDcuOTk5OSAxMS40OTI2WiIgZmlsbD0iIzY1NjU2NyIvPg0KPC9zdmc+DQo=";
 var _imports_2$3 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03Ljk5OTAyIDhMMTUuOTk5IDE2IiBzdHJva2U9IiM1MDUwNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xNS45OTkgOEw3Ljk5OTAyIDE2IiBzdHJva2U9IiM1MDUwNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K";
@@ -25808,7 +25860,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-ce3a75ee"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-1733ba20"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$y = { class: "pl-input__container" };
 const _hoisted_2$t = {
   key: 0,
@@ -25820,12 +25872,25 @@ const _hoisted_3$o = {
 };
 const _hoisted_4$i = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-input__currency" }, "\u20BD", -1));
 const _hoisted_5$c = {
+  key: 1,
+  class: "el-input"
+};
+const _hoisted_6$8 = { class: "el-input__wrapper" };
+const _hoisted_7$6 = ["type"];
+const _hoisted_8$5 = {
   key: 0,
   class: "pl-input__eye-container"
 };
+const _hoisted_9$5 = { class: "pl-input__helpertext" };
+const _hoisted_10$4 = { key: 0 };
+const _hoisted_11$4 = { key: 1 };
 const _sfc_main$B = {
   __name: "pl-input-plus",
   props: {
+    prop: {
+      type: String,
+      default: ""
+    },
     modelValue: {
       required: true
     },
@@ -25873,6 +25938,10 @@ const _sfc_main$B = {
       type: Object,
       default: () => ({ min: 0 })
     },
+    id: {
+      type: String,
+      default: ""
+    },
     currencyInputOptions: {
       type: Object,
       default: () => ({})
@@ -25882,9 +25951,15 @@ const _sfc_main$B = {
   setup(__props, { emit: emit2 }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "718454e4": props.width
+      "39e8b56f": props.width
     }));
     const attrs = useAttrs$1();
+    const errors = ref([]);
+    const errorsState = inject("errorsState");
+    watch(errorsState, () => {
+      errors.value = errorsState.value.filter((error2) => error2.field === props.prop);
+      console.log("211212", errorsState.value);
+    }, { deep: true });
     const id = `id-${Math.random()}`;
     const options = reactive({
       currency: "RUB",
@@ -25964,27 +26039,23 @@ const _sfc_main$B = {
               _hoisted_4$i
             ])
           } : void 0
-        ]), 1040, ["modelValue"])) : (openBlock(), createBlock(_component_el_input, mergeProps({
-          key: 1,
-          id,
-          name: id,
-          type: unref(passwordType) ? "password" : "text"
-        }, unref(attrs), {
-          modelValue: unref(modelValue),
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null)
-        }), createSlots({ _: 2 }, [
-          props.leftIcon ? {
-            name: "prefix",
-            fn: withCtx(() => [
-              createVNode(_component_inline_svg, {
-                src: props.leftIcon
-              }, null, 8, ["src"])
-            ])
-          } : void 0,
-          props.password || unref(showRightIcon) ? {
-            name: "suffix",
-            fn: withCtx(() => [
-              props.password ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+        ]), 1040, ["modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_5$c, [
+          createElementVNode("div", _hoisted_6$8, [
+            props.leftIcon ? (openBlock(), createBlock(_component_inline_svg, {
+              key: 0,
+              src: props.leftIcon
+            }, null, 8, ["src"])) : createCommentVNode("", true),
+            withDirectives(createElementVNode("input", mergeProps({
+              id,
+              name: id,
+              type: unref(passwordType) ? "password" : "text"
+            }, unref(attrs), {
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null)
+            }), null, 16, _hoisted_7$6), [
+              [vModelDynamic, unref(modelValue)]
+            ]),
+            props.password || unref(showRightIcon) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              props.password ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
                 createVNode(Transition, { name: "el-zoom-in-top" }, {
                   default: withCtx(() => [
                     unref(passwordType) ? (openBlock(), createBlock(_component_inline_svg, {
@@ -26011,17 +26082,19 @@ const _sfc_main$B = {
                 key: 1,
                 src: props.rightIcon
               }, null, 8, ["src"])) : createCommentVNode("", true)
-            ])
-          } : void 0
-        ]), 1040, ["type", "modelValue"])),
-        withDirectives(createElementVNode("span", { class: "pl-input__helpertext" }, toDisplayString(props.helpertext), 513), [
-          [vShow, props.helpertext]
+            ], 64)) : createCommentVNode("", true)
+          ])
+        ])),
+        withDirectives(createElementVNode("span", _hoisted_9$5, [
+          errors.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_10$4, toDisplayString(errors.value[0].message), 1)) : props.helpertext ? (openBlock(), createElementBlock("span", _hoisted_11$4, toDisplayString(props.helpertext), 1)) : createCommentVNode("", true)
+        ], 512), [
+          [vShow, props.helpertext || errors.value.length > 0]
         ])
       ]);
     };
   }
 };
-var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-ce3a75ee"]]);
+var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-1733ba20"]]);
 const PlInputPlusPlugin = {
   install(app) {
     app.component("PlInputPlus", PlInputPlus);