@factoringplus/pl-components-pack-v3 0.5.29 → 0.5.30-pre-2

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;
@@ -2177,7 +2177,7 @@ var export_helper_default = (sfc, props) => {
 var arrow_down_vue_vue_type_script_lang_default = {
   name: "ArrowDown"
 };
-var _hoisted_16$3 = {
+var _hoisted_16$4 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 }, _hoisted_26$1 = /* @__PURE__ */ createElementVNode("path", {
@@ -2187,13 +2187,13 @@ var _hoisted_16$3 = {
   _hoisted_26$1
 ];
 function _sfc_render6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_16$3, _hoisted_36);
+  return openBlock(), createElementBlock("svg", _hoisted_16$4, _hoisted_36);
 }
 var arrow_down_default = /* @__PURE__ */ export_helper_default(arrow_down_vue_vue_type_script_lang_default, [["render", _sfc_render6], ["__file", "arrow-down.vue"]]);
 var arrow_left_vue_vue_type_script_lang_default = {
   name: "ArrowLeft"
 };
-var _hoisted_18$2 = {
+var _hoisted_18$3 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 }, _hoisted_28$1 = /* @__PURE__ */ createElementVNode("path", {
@@ -2203,7 +2203,7 @@ var _hoisted_18$2 = {
   _hoisted_28$1
 ];
 function _sfc_render8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_18$2, _hoisted_38);
+  return openBlock(), createElementBlock("svg", _hoisted_18$3, _hoisted_38);
 }
 var arrow_left_default = /* @__PURE__ */ export_helper_default(arrow_left_vue_vue_type_script_lang_default, [["render", _sfc_render8], ["__file", "arrow-left.vue"]]);
 var arrow_right_vue_vue_type_script_lang_default = {
@@ -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,117 @@ 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 { model, rules: rules2 } = toRefs(props);
+    const errorsState = ref([]);
+    provide("errorsState", errorsState);
+    const validate = (callback) => {
+      return new Promise((resolve, reject) => {
+        const validator2 = new Schema(rules2.value);
+        validator2.validate(model.value, (errors, fields) => {
+          if (errors) {
+            errorsState.value = errors;
+            callback == null ? void 0 : callback(false);
+            reject();
+            return;
+          }
+          errorsState.value = [];
+          callback == null ? void 0 : callback(true);
+          resolve();
+        });
+      });
+    };
+    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) => {
+        errorsState.value = errorsState.value.filter((error2) => error2.field !== prop);
+        if (errors) {
+          errorsState.value = errorsState.value.concat(errors);
+        }
+      });
+    };
+    const clearValidate = (props2 = []) => {
+      if (Array.isArray(props2) && props2.length > 0) {
+        props2.forEach((prop) => {
+          errorsState.value = errorsState.value.filter((error2) => error2.field !== prop);
+        });
+      } else if (!Array.isArray(props2)) {
+        errorsState.value = errorsState.value.filter((error2) => error2.field !== props2);
+      } else {
+        errorsState.value = [];
+      }
+    };
+    const resetFields = (props2 = []) => {
+      if (Array.isArray(props2) && props2.length > 0) {
+        props2.forEach((prop) => {
+          clearValidate(prop);
+          model.value[prop] = null;
+        });
+      } else if (!Array.isArray(props2)) {
+        clearValidate(props2);
+        model.value[props2] = null;
+      } else {
+        clearValidate(props2);
+        for (let prop in model.value) {
+          model.value[prop] = null;
+        }
+      }
+    };
+    const plFormRef = ref(null);
+    onMounted(() => {
+      const ref2 = plFormRef.value;
+      for (let index = 0; index < ref2.length; index++) {
+        const element = ref2[index];
+        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);
+                });
+              });
+            } else {
+              const triggers = ["blur", "change", "input"];
+              triggers.forEach((trigger) => {
+                useEventListener(element, trigger, (evt) => {
+                  validateField(prop);
+                });
+              });
+            }
+          });
+        }
+      }
     });
+    expose({ validate, validateField, clearValidate, resetFields });
     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: "plFormRef",
+        ref: plFormRef,
+        onSubmit: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"]))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 544);
     };
   }
 };
@@ -25385,6 +25477,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 +25901,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-134b1af5"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-71920af7"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$y = { class: "pl-input__container" };
 const _hoisted_2$t = {
   key: 0,
@@ -25818,14 +25911,52 @@ const _hoisted_3$o = {
   key: 1,
   class: "pl-input__optional"
 };
-const _hoisted_4$i = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-input__currency" }, "\u20BD", -1));
+const _hoisted_4$i = { class: "pl-input__wrapper" };
 const _hoisted_5$c = {
+  key: 0,
+  class: "pl-input__prefix"
+};
+const _hoisted_6$8 = ["disabled"];
+const _hoisted_7$6 = {
+  key: 1,
+  class: "pl-input__suffix"
+};
+const _hoisted_8$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-input__currency" }, "\u20BD", -1));
+const _hoisted_9$5 = [
+  _hoisted_8$5
+];
+const _hoisted_10$4 = { class: "pl-input__wrapper" };
+const _hoisted_11$4 = {
+  key: 0,
+  class: "pl-input__prefix"
+};
+const _hoisted_12$4 = ["type", "disabled"];
+const _hoisted_13$4 = {
+  key: 1,
+  class: "pl-input__suffix"
+};
+const _hoisted_14$4 = {
   key: 0,
   class: "pl-input__eye-container"
 };
+const _hoisted_15$3 = {
+  key: 2,
+  class: "pl-input__count"
+};
+const _hoisted_16$3 = { class: "pl-input__count-inner" };
+const _hoisted_17$2 = { class: "pl-input__helpertext" };
+const _hoisted_18$2 = {
+  key: 0,
+  class: "pl-form-item__error"
+};
+const _hoisted_19$2 = { key: 1 };
 const _sfc_main$B = {
   __name: "pl-input-plus",
   props: {
+    prop: {
+      type: String,
+      default: ""
+    },
     modelValue: {
       required: true
     },
@@ -25873,18 +26004,37 @@ const _sfc_main$B = {
       type: Object,
       default: () => ({ min: 0 })
     },
+    id: {
+      type: String,
+      default: ""
+    },
     currencyInputOptions: {
       type: Object,
       default: () => ({})
+    },
+    "show-word-limit": {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "4828fd83": props.width
+      "e2f9bf06": props.width
     }));
     const attrs = useAttrs$1();
+    const errors = ref([]);
+    if (props.prop) {
+      const errorsState = inject("errorsState");
+      watch(errorsState, () => {
+        errors.value = errorsState.value.filter((error2) => error2.field === props.prop);
+      }, { deep: true });
+    }
     const id = `id-${Math.random()}`;
     const options = reactive({
       currency: "RUB",
@@ -25915,10 +26065,9 @@ const _sfc_main$B = {
       }
       hiddenPassword.value = !hiddenPassword.value;
     };
-    const showRightIcon = computed$1(() => !("show-word-limit" in attrs) && props.rightIcon);
+    const showRightIcon = computed$1(() => !props.showWordLimit && props.rightIcon);
     return (_ctx, _cache) => {
       const _component_inline_svg = resolveComponent("inline-svg");
-      const _component_el_input = ElInput;
       return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createElementVNode("label", {
           class: "pl-input__label-container",
@@ -25940,52 +26089,54 @@ const _sfc_main$B = {
             _: 1
           }, 8, ["modelValue"])) : createCommentVNode("", true)
         ]),
-        props.currency ? (openBlock(), createBlock(_component_el_input, mergeProps({
+        props.currency ? (openBlock(), createElementBlock("div", {
           key: 0,
-          ref_key: "inputRef",
-          ref: inputRef,
-          id,
-          name: id
-        }, unref(attrs), {
-          modelValue: unref(formattedValue),
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
-        }), createSlots({ _: 2 }, [
-          props.leftIcon ? {
-            name: "prefix",
-            fn: withCtx(() => [
+          class: normalizeClass(["pl-input", { "is-disabled": props.disabled }])
+        }, [
+          createElementVNode("div", _hoisted_4$i, [
+            props.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
               createVNode(_component_inline_svg, {
                 src: props.leftIcon
               }, null, 8, ["src"])
-            ])
-          } : void 0,
-          props.currency ? {
-            name: "suffix",
-            fn: withCtx(() => [
-              _hoisted_4$i
-            ])
-          } : void 0
-        ]), 1040, ["modelValue"])) : (openBlock(), createBlock(_component_el_input, mergeProps({
+            ])) : createCommentVNode("", true),
+            withDirectives(createElementVNode("input", mergeProps({
+              class: "pl-input__inner",
+              ref_key: "inputRef",
+              ref: inputRef,
+              id,
+              name: id
+            }, unref(attrs), {
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null),
+              disabled: props.disabled
+            }), null, 16, _hoisted_6$8), [
+              [vModelDynamic, unref(formattedValue)]
+            ]),
+            props.currency ? (openBlock(), createElementBlock("div", _hoisted_7$6, _hoisted_9$5)) : createCommentVNode("", true)
+          ])
+        ], 2)) : (openBlock(), createElementBlock("div", {
           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(() => [
+          class: normalizeClass(["pl-input", { "is-disabled": props.disabled }])
+        }, [
+          createElementVNode("div", _hoisted_10$4, [
+            props.leftIcon ? (openBlock(), createElementBlock("div", _hoisted_11$4, [
               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, [
-                createVNode(Transition, { name: "el-zoom-in-top" }, {
+            ])) : createCommentVNode("", true),
+            withDirectives(createElementVNode("input", mergeProps({
+              class: "pl-input__inner",
+              id,
+              name: id,
+              type: unref(passwordType) ? "password" : "text"
+            }, unref(attrs), {
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+              disabled: props.disabled
+            }), null, 16, _hoisted_12$4), [
+              [vModelDynamic, unref(modelValue)]
+            ]),
+            props.password || unref(showRightIcon) ? (openBlock(), createElementBlock("div", _hoisted_13$4, [
+              props.password ? (openBlock(), createElementBlock("div", _hoisted_14$4, [
+                createVNode(Transition, { name: "pl-zoom-in-top" }, {
                   default: withCtx(() => [
                     unref(passwordType) ? (openBlock(), createBlock(_component_inline_svg, {
                       key: 0,
@@ -25996,7 +26147,7 @@ const _sfc_main$B = {
                   ]),
                   _: 1
                 }),
-                createVNode(Transition, { name: "el-zoom-in-top" }, {
+                createVNode(Transition, { name: "pl-zoom-in-top" }, {
                   default: withCtx(() => [
                     !unref(passwordType) ? (openBlock(), createBlock(_component_inline_svg, {
                       key: 0,
@@ -26011,17 +26162,21 @@ 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]
+            ])) : props.showWordLimit ? (openBlock(), createElementBlock("div", _hoisted_15$3, [
+              createElementVNode("span", _hoisted_16$3, toDisplayString(unref(modelValue).length) + "/" + toDisplayString(unref(attrs).maxlength), 1)
+            ])) : createCommentVNode("", true)
+          ])
+        ], 2)),
+        withDirectives(createElementVNode("span", _hoisted_17$2, [
+          errors.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_18$2, toDisplayString(errors.value[0].message), 1)) : props.helpertext ? (openBlock(), createElementBlock("span", _hoisted_19$2, 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-134b1af5"]]);
+var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-71920af7"]]);
 const PlInputPlusPlugin = {
   install(app) {
     app.component("PlInputPlus", PlInputPlus);