@factoringplus/pl-components-pack-v3 0.3.45 → 0.3.48

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

@@ -42012,6 +42012,35 @@ const _sfc_main$1 = {
       type: String,
       default: ""
     },
+    rules: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    prop: {
+      type: String,
+      default: "name"
+    },
+    maxLength: {
+      type: Number,
+      default: 210
+    },
+    minLength: {
+      type: Number
+    },
+    formater: {
+      type: Function,
+      default: function(value) {
+        return value;
+      }
+    },
+    parcer: {
+      type: Function,
+      default: (value) => {
+        return value;
+      }
+    },
     isError: {
       type: Boolean,
       default: false
@@ -42053,6 +42082,12 @@ const _sfc_main$1 = {
   setup(__props, { emit: emit2 }) {
     const props = __props;
     let { modelValue } = toRefs(props);
+    const ruleForm = reactive({
+      [props.prop]: modelValue
+    });
+    watch(modelValue, (newValue) => {
+      ruleForm[props.prop] = newValue;
+    });
     const updateValue = (value) => {
       emit2("update:modelValue", value);
     };
@@ -42072,7 +42107,9 @@ const _sfc_main$1 = {
       return openBlock(), createElementBlock("div", null, [
         createVNode(_component_el_form, {
           "label-position": "top",
-          ref: "form"
+          model: ruleForm,
+          ref: "form",
+          rules: __props.rules
         }, {
           default: withCtx(() => [
             createElementVNode("div", {
@@ -42101,13 +42138,17 @@ const _sfc_main$1 = {
               createElementVNode("div", { id }, [
                 createVNode(_component_el_form_item, {
                   class: normalizeClass({ "is-error": __props.isError }),
-                  "show-message": false,
+                  "show-message": true,
                   label: props.label,
-                  prop: "name"
+                  prop: __props.prop
                 }, {
                   default: withCtx(() => [
                     createVNode(_component_el_input, {
                       class: normalizeClass({ padding: props.prefix }),
+                      formatter: (value) => __props.formater(value),
+                      parser: (value) => __props.parcer(value),
+                      minlength: __props.minLength,
+                      maxlength: __props.maxLength,
                       disabled: props.disabled,
                       placeholder: props.placeholder,
                       modelValue: unref(modelValue),
@@ -42117,18 +42158,19 @@ const _sfc_main$1 = {
                       autosize: { minRows: 3, maxRows: 6 },
                       clearable: props.clearable && __props.area,
                       onInput: updateValue
-                    }, null, 8, ["class", "disabled", "placeholder", "modelValue", "type", "clearable"])
+                    }, null, 8, ["class", "formatter", "parser", "minlength", "maxlength", "disabled", "placeholder", "modelValue", "type", "clearable"])
                   ]),
                   _: 1
-                }, 8, ["class", "label"])
+                }, 8, ["class", "label", "prop"])
               ]),
-              createElementVNode("p", {
+              __props.isError ? (openBlock(), createElementBlock("p", {
+                key: 4,
                 class: normalizeClass({ isError: props.isError })
-              }, toDisplayString(props.helper), 3)
+              }, toDisplayString(props.helper), 3)) : createCommentVNode("", true)
             ], 2)
           ]),
           _: 1
-        }, 512)
+        }, 8, ["model", "rules"])
       ]);
     };
   }