@factoringplus/pl-components-pack-v3 0.3.76 → 0.3.78

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

@@ -24504,18 +24504,6 @@ const _sfc_main$u = {
     minLength: {
       type: Number
     },
-    formater: {
-      type: Function,
-      default: function(value) {
-        return value;
-      }
-    },
-    parcer: {
-      type: Function,
-      default: (value) => {
-        return value;
-      }
-    },
     isError: {
       type: Boolean,
       default: false
@@ -24534,7 +24522,7 @@ const _sfc_main$u = {
     },
     type: {
       type: String,
-      default: "text"
+      default: "number"
     },
     label: {
       type: String,
@@ -24567,8 +24555,23 @@ const _sfc_main$u = {
       ruleForm[props2.prop] = newValue;
     });
     const updateValue = (value) => {
+      if (props2.type === "number") {
+        if (!isNaN(value) && !value.includes("."))
+          emit2("update:modelValue", value);
+        return;
+      }
       emit2("update:modelValue", value);
     };
+    const getTypeInput = () => {
+      switch (props2.type) {
+        case "text":
+          return "text";
+        case "textarea":
+          return "textarea";
+        case "number":
+          return "text";
+      }
+    };
     const clearValue = () => {
       emit2("update:modelValue", "");
     };
@@ -24602,7 +24605,7 @@ const _sfc_main$u = {
                 alt: "user",
                 src: _imports_1$3
               }, null, 2)) : createCommentVNode("", true),
-              props2.clearable && _ctx.area ? (openBlock(), createElementBlock("img", {
+              props2.clearable ? (openBlock(), createElementBlock("img", {
                 key: 2,
                 onClick: clearValue,
                 class: normalizeClass(["clearBtn", [!__props.label && !__props.icon ? "clearNoLabel" : ""]]),
@@ -24624,20 +24627,18 @@ const _sfc_main$u = {
                   default: withCtx(() => [
                     createVNode(_component_el_input, {
                       class: normalizeClass({ padding: props2.prefix }),
-                      formatter: (value) => __props.formater(value),
-                      parser: (value) => __props.parcer(value),
                       minlength: __props.minLength,
                       maxlength: __props.maxLength,
                       disabled: props2.disabled,
                       placeholder: props2.placeholder,
                       modelValue: unref(modelValue),
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : modelValue = $event),
-                      type: __props.type,
+                      type: getTypeInput(),
                       resize: "none",
                       autosize: { minRows: 3, maxRows: 6 },
                       clearable: props2.clearable && _ctx.area,
                       onInput: updateValue
-                    }, null, 8, ["class", "formatter", "parser", "minlength", "maxlength", "disabled", "placeholder", "modelValue", "type", "clearable"])
+                    }, null, 8, ["class", "minlength", "maxlength", "disabled", "placeholder", "modelValue", "type", "clearable"])
                   ]),
                   _: 1
                 }, 8, ["class", "label", "prop"])
@@ -40264,14 +40265,14 @@ const _sfc_main$h = {
           (openBlock(), createElementBlock(Fragment, null, renderList(tabs2, (item) => {
             return createElementVNode("div", {
               key: item.label,
-              class: normalizeClass(["p-12 ps-3 pe-3 rounded-8 disable-color fw-500", [selected.value === item.label ? "active-tab" : ""]])
+              class: normalizeClass(["p-12 ps-3 pe-3 rounded-8 disable-color pointer fw-500", [selected.value === item.label ? "active-tab" : ""]])
             }, [
               createElementVNode("div", {
                 onClick: ($event) => {
                   selected.value = item.label;
                   item.checked = !item.checked;
                 },
-                class: "d-flex justify-content-between align-items-center pointer"
+                class: "d-flex justify-content-between align-items-center"
               }, [
                 createElementVNode("span", null, toDisplayString(item.value), 1),
                 createVNode(_sfc_main$i, {
@@ -40318,12 +40319,12 @@ const _hoisted_1$f = {
   id: "dialogForm",
   class: "container d-flex flex-column p-3 justify-content-center"
 };
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("div", { class: "d-flex align-items-start" }, [
+const _hoisted_2$d = /* @__PURE__ */ createElementVNode("div", { class: "d-flex align-items-start gap-12" }, [
   /* @__PURE__ */ createElementVNode("img", {
     src: _imports_0$4,
     alt: "notification"
   }),
-  /* @__PURE__ */ createElementVNode("div", { class: "text default-text ms-3" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "text default-text" }, [
     /* @__PURE__ */ createTextVNode(" \u041C\u044B "),
     /* @__PURE__ */ createElementVNode("span", { class: "fw-bold" }, "\u0437\u0430\u043F\u043E\u043B\u043D\u0438\u043B\u0438"),
     /* @__PURE__ */ createTextVNode(" \u0437\u0430 \u0432\u0430\u0441 \u0447\u0430\u0441\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0445, \u0432\u0437\u044F\u0442\u044B\u0445 \u0438\u0437 \u043E\u0442\u043A\u0440\u044B\u0442\u044B\u0445 \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u043E\u0432. ")
@@ -40560,9 +40561,10 @@ const _sfc_main$c = {
             _: 1
           }, 8, ["label"])
         ]),
-        createElementVNode("p", {
+        props2.helper ? (openBlock(), createElementBlock("p", {
+          key: 4,
           class: normalizeClass({ isError: !props2.isError })
-        }, toDisplayString(props2.helper), 3)
+        }, toDisplayString(props2.helper), 3)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -40613,7 +40615,7 @@ const _hoisted_1$a = {
   class: "container general-form"
 };
 const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("h3", { class: "title-text mb-32" }, "\u041E\u0431\u0449\u0438\u0435 \u0441\u0432\u0435\u0434\u0435\u043D\u0438\u044F", -1);
-const _hoisted_3$9 = { class: "d-flex justify-content-between mt-32 mb-18" };
+const _hoisted_3$9 = { class: "d-flex justify-content-between mt-32 mb-32" };
 const _sfc_main$a = {
   __name: "pl-form-general",
   props: {
@@ -40665,7 +40667,7 @@ const _sfc_main$a = {
                 disabled: true,
                 modelValue: unref(formClient).inn,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(formClient).inn = $event),
-                label: "\u041E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E\u2013\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430"
+                label: "\u0418\u041D\u041D"
               }, null, 8, ["modelValue"])
             ]),
             createVNode(_sfc_main$c, {
@@ -42332,6 +42334,20 @@ const _sfc_main$2 = {
       type: String,
       default: ""
     },
+    rules: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    prop: {
+      type: String,
+      default: "name"
+    },
+    isError: {
+      type: Boolean,
+      default: false
+    },
     label: {
       type: String,
       default: ""
@@ -42349,12 +42365,33 @@ const _sfc_main$2 = {
       default: true
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "validate"],
   setup(__props, { emit: emit2 }) {
     const props2 = __props;
     const selected = ref(false);
+    const formSelect = ref();
     let select2 = ref("");
     select2.value = props2.modelValue;
+    let { modelValue: validateValue } = toRefs(props2);
+    const ruleForm = ref({
+      [props2.prop]: validateValue
+    });
+    const validateInp = (prop, isValid2, message2) => {
+      emit2("validate", prop, isValid2, message2);
+    };
+    const blurSelect = async () => {
+      selected.value = false;
+      setTimeout(() => {
+        formSelect.value.validate((valid, fields) => {
+          console.log(valid, fields);
+          if (valid) {
+            console.log("submit!");
+          } else {
+            console.log("error submit!", fields);
+          }
+        });
+      }, 200);
+    };
     watch(select2, (value) => {
       selected.value = false;
       emit2("update:modelValue", value);
@@ -42366,13 +42403,19 @@ const _sfc_main$2 = {
       const _component_el_form = ElForm;
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
         createVNode(_component_el_form, {
+          onValidate: validateInp,
           "label-position": "top",
-          ref: "form"
+          model: ruleForm.value,
+          ref_key: "formSelect",
+          ref: formSelect,
+          rules: __props.rules
         }, {
           default: withCtx(() => [
             createVNode(_component_el_form_item, {
               label: __props.label,
-              prop: "region"
+              prop: __props.prop,
+              class: normalizeClass({ "is-error": __props.isError }),
+              "show-message": true
             }, {
               default: withCtx(() => [
                 createElementVNode("img", {
@@ -42386,7 +42429,7 @@ const _sfc_main$2 = {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(select2) ? select2.value = $event : select2 = $event),
                   placeholder: __props.placeholder,
                   onFocus: _cache[1] || (_cache[1] = ($event) => selected.value = true),
-                  onBlur: _cache[2] || (_cache[2] = ($event) => selected.value = false)
+                  onBlur: blurSelect
                 }, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
@@ -42410,10 +42453,10 @@ const _sfc_main$2 = {
                 }, 8, ["popper-class", "modelValue", "placeholder"])
               ]),
               _: 1
-            }, 8, ["label"])
+            }, 8, ["label", "prop", "class"])
           ]),
           _: 1
-        }, 512)
+        }, 8, ["model", "rules"])
       ]);
     };
   }