r3ui-lib 1.3.19 → 1.3.21

package/dist/modules/components/form/VSelect.vue.js

@@ -0,0 +1,192 @@
+import { useId as $, computed as m, createElementBlock as o, openBlock as a, createCommentVNode as d, createVNode as v, normalizeClass as A, unref as s, toDisplayString as u, mergeProps as g, withCtx as c, createElementVNode as i, Fragment as D, toHandlers as H } from "vue";
+import { useFieldError as L } from "../../composables/forms/useFieldError.js";
+import M from "./FormError.vue.js";
+/* empty css                                          */
+import N from "../../vendor/vue-select/dist/vue-select.es.js";
+import P from "./useWithPopper.js";
+import { debounce as E } from "../../utils/helpers.js";
+/* empty css             */
+const F = { class: "r3-vselect d-flex flex-column" }, j = ["for"], O = ["aria-label", "aria-labelledby"], w = {
+  key: 0,
+  class: "text-muted"
+}, z = {
+  key: 0,
+  class: "py-1"
+}, U = { class: "text-wrap" }, W = ["innerHTML"], q = {
+  key: 1,
+  class: "text-muted p-0"
+}, G = { class: "text-wrap" }, J = {
+  key: 2,
+  class: "text-muted p-0 small d-flex justify-content-center"
+}, K = { class: "text-wrap px-2" }, Q = {
+  key: 0,
+  class: "selected"
+}, R = ["innerHTML"], X = {
+  key: 0,
+  style: { "border-left-color": "rgba(88, 151, 251, 0.71)" },
+  class: "vs__spinner"
+}, ne = {
+  __name: "VSelect",
+  props: {
+    modelValue: [String, Object, Number, Array],
+    inputId: {
+      type: String,
+      default: void 0
+    },
+    reduce: {
+      type: Function,
+      default: (t) => t.id
+    },
+    hint: {
+      type: String,
+      default: ""
+    },
+    classes: {
+      type: Array,
+      default: () => []
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    title: {
+      type: String
+    },
+    titleClass: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: [Boolean, String],
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+    },
+    allowClear: {
+      type: Boolean,
+      default: !0
+    },
+    searchTimout: {
+      type: Number,
+      default: 1e3
+    },
+    dropDownPlacement: {
+      type: String,
+      default: "bottom",
+      validator(t, f) {
+        return ["bottom", "top"].includes(t);
+      }
+    },
+    /**
+     * Перенос выпадающего списка в document.body (vue-select Teleport).
+     * `auto` — как раньше: включается при dropDownPlacement === 'top'.
+     * `no` — не переносить (стабильнее с Vue 3.5 / Nuxt).
+     */
+    teleportDropdown: {
+      type: String,
+      default: "auto",
+      validator: (t) => ["auto", "yes", "no"].includes(t)
+    },
+    error: {
+      type: [Array, String],
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "search", "blur", "focus"],
+  setup(t, { emit: f }) {
+    const y = $(), p = f, n = t, b = m({
+      get: () => Array.isArray(n.modelValue) ? n.modelValue.slice() : n.modelValue ?? (n.multiple ? [] : null),
+      set: (l) => p("update:modelValue", l)
+    }), S = E(B, n.searchTimout), V = m(() => n.teleportDropdown === "yes" ? !0 : n.teleportDropdown === "no" ? !1 : n.dropDownPlacement === "top"), k = m(() => n.options ?? []);
+    function B(l) {
+      p("search", l);
+    }
+    const C = (l) => !(!l.id || l.disabled), { errorId: T, errorMessages: h, errorAttributes: x } = L(
+      () => n.error
+    );
+    return (l, r) => (a(), o("div", F, [
+      t.title ? (a(), o("label", {
+        key: 0,
+        for: t.inputId || s(y),
+        class: A(["r3-vselect__title", t.titleClass])
+      }, u(t.title), 11, j)) : d("", !0),
+      v(s(N), g({ class: "style-chooser" }, l.$attrs, {
+        modelValue: b.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (e) => b.value = e),
+        "input-id": t.inputId || s(y),
+        reduce: t.reduce,
+        options: k.value,
+        multiple: t.multiple,
+        placeholder: t.placeholder,
+        disabled: t.disabled,
+        loading: t.isLoading,
+        clearable: t.allowClear,
+        placement: t.dropDownPlacement,
+        appendToBody: V.value,
+        "calculate-position": s(P),
+        selectable: (e) => C(e),
+        "onSearch:blur": r[1] || (r[1] = (e) => p("blur")),
+        "onSearch:focus": r[2] || (r[2] = (e) => p("focus")),
+        onSearch: s(S),
+        class: [...t.classes, s(h).length ? "not-valid" : ""]
+      }), {
+        search: c(({ attributes: e, events: I }) => [
+          i("input", g({ class: "vs__search" }, { ...e, ...s(x)(l.$attrs) }, {
+            "aria-label": l.$attrs["aria-label"],
+            "aria-labelledby": l.$attrs["aria-labelledby"] ?? (t.inputId || t.title || l.$attrs["aria-label"] ? void 0 : e["aria-labelledby"])
+          }, H(I, !0)), null, 16, O)
+        ]),
+        "no-options": c((e) => [
+          e ? (a(), o("span", w, u(t.hint), 1)) : d("", !0)
+        ]),
+        option: c((e) => [
+          e != null ? (a(), o(D, { key: 0 }, [
+            e.id ? (a(), o("div", z, [
+              i("div", U, u(e.label), 1),
+              e.html ? (a(), o("div", {
+                key: 0,
+                innerHTML: e.html
+              }, null, 8, W)) : d("", !0)
+            ])) : e.disabled ? (a(), o("div", q, [
+              i("div", G, u(e.label) + "disabled", 1)
+            ])) : (a(), o("div", J, [
+              r[3] || (r[3] = i("span", null, "-", -1)),
+              i("span", K, u(e.label), 1),
+              r[4] || (r[4] = i("span", null, "-", -1))
+            ]))
+          ], 64)) : d("", !0)
+        ]),
+        "selected-option": c((e) => [
+          e != null ? (a(), o("div", Q, [
+            i("div", null, u(e.label), 1),
+            e.html ? (a(), o("div", {
+              key: 0,
+              innerHTML: e.html
+            }, null, 8, R)) : d("", !0)
+          ])) : d("", !0)
+        ]),
+        spinner: c((e) => [
+          e != null && e.loading ? (a(), o("div", X)) : d("", !0)
+        ]),
+        _: 1
+      }, 16, ["modelValue", "input-id", "reduce", "options", "multiple", "placeholder", "disabled", "loading", "clearable", "placement", "appendToBody", "calculate-position", "selectable", "onSearch", "class"]),
+      v(M, {
+        id: s(T),
+        errors: s(h)
+      }, null, 8, ["id", "errors"])
+    ]));
+  }
+};
+export {
+  ne as default
+};

package/dist/modules/components/form/useWithPopper.js

@@ -0,0 +1,29 @@
+import { createPopper as p } from "../../vendor/@popperjs/core/lib/popper.js";
+function f(t, e, { width: l }) {
+  t.style.width = l;
+  const r = e.$el.closest(".r3ui-modal-wrapper, .filter-modal-wrapper");
+  r && (t.style.zIndex = String(Number.parseInt(getComputedStyle(r).zIndex, 10) + 1));
+  const s = p(e.$refs.toggle, t, {
+    placement: e.$attrs.placement,
+    modifiers: [
+      {
+        name: "offset",
+        options: {
+          offset: [0, -1]
+        }
+      },
+      {
+        name: "toggleClass",
+        enabled: !0,
+        phase: "write",
+        fn({ state: a }) {
+          e.$el.classList.toggle("drop-up", a.placement === "top");
+        }
+      }
+    ]
+  });
+  return () => s.destroy();
+}
+export {
+  f as default
+};

package/dist/modules/components/forms/AddressForm.vue.js

@@ -0,0 +1,7 @@
+import o from "./AddressForm.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-563426b5"]]);
+export {
+  p as default
+};

package/dist/modules/components/forms/AddressForm.vue2.js

@@ -0,0 +1,382 @@
+import { defineComponent as ge, useId as he, watch as W, computed as Le, createElementBlock as b, openBlock as m, unref as e, createElementVNode as a, createCommentVNode as p, normalizeClass as y, createVNode as g, toDisplayString as d, Fragment as Ce, createTextVNode as $e } from "vue";
+import h from "../form/VSelect.vue.js";
+import { useAddressForm as Se } from "../../composables/forms/useAddressForm.js";
+const Ke = ["aria-busy"], Fe = { class: "row" }, we = ["id", "for"], ve = ["id", "for"], Ve = ["id", "for"], Ie = ["id", "for"], Oe = ["id", "for"], Ae = ["id", "for"], Be = ["id", "value", "disabled"], Re = ["id", "for"], ke = ["id", "value", "disabled"], We = ["id", "for"], He = ["id", "value", "disabled"], _e = {
+  key: 0,
+  class: "alert address-form__error",
+  role: "alert"
+}, De = { class: "mb-2" }, Ne = ["disabled"], Pe = {
+  key: 1,
+  class: "mt-3"
+}, Ue = { class: "alert alert-info" }, Te = /* @__PURE__ */ ge({
+  __name: "AddressForm",
+  props: {
+    modelValue: { default: () => ({}) },
+    loadCountries: {},
+    loadRegions: {},
+    loadDistricts: {},
+    loadLocalities: {},
+    loadStreets: {},
+    countryKey: { default: "country_id" },
+    regionKey: { default: "region_id" },
+    districtKey: { default: "district_id" },
+    localityKey: { default: "locality_id" },
+    streetKey: { default: "street_id" },
+    houseKey: { default: "house" },
+    buildingKey: { default: "building" },
+    apartmentKey: { default: "apartment" },
+    emptyLabel: { default: "Ничего не найдено" },
+    errorLabel: { default: "Не удалось загрузить адрес. Повторите попытку." },
+    retryLabel: { default: "Повторить" },
+    countryLabel: { default: "Страна" },
+    regionLabel: { default: "Регион" },
+    districtLabel: { default: "Район" },
+    localityLabel: { default: "Населенный пункт" },
+    streetLabel: { default: "Улица" },
+    houseLabel: { default: "Дом" },
+    buildingLabel: { default: "Корпус" },
+    apartmentLabel: { default: "Квартира" },
+    columnWidth: { default: "12" },
+    prefix: { default: "" },
+    multiLocalities: { type: Boolean, default: !1 },
+    multiStreets: { type: Boolean, default: !1 },
+    showHouseFields: { type: Boolean, default: !0 },
+    showFullAddress: { type: Boolean, default: !1 },
+    disabledFields: { default: () => ({}) },
+    allowClear: { default: () => ({}) },
+    countryId: { default: void 0 },
+    setFilterParamsStringsHandler: { type: Function, default: void 0 },
+    filterName: { default: "address" },
+    isParentComponentReady: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change", "countryChange", "regionChange", "districtChange", "localityChange", "streetChange", "loadError"],
+  setup(H, { expose: _, emit: D }) {
+    const t = H, u = D, N = {
+      loadCountries: t.loadCountries,
+      loadRegions: t.loadRegions,
+      loadDistricts: t.loadDistricts,
+      loadLocalities: t.loadLocalities,
+      loadStreets: t.loadStreets,
+      countryKey: t.countryKey,
+      regionKey: t.regionKey,
+      districtKey: t.districtKey,
+      localityKey: t.localityKey,
+      streetKey: t.streetKey,
+      houseKey: t.houseKey,
+      buildingKey: t.buildingKey,
+      apartmentKey: t.apartmentKey,
+      get countryId() {
+        return t.countryId;
+      },
+      onChange: (l) => {
+        u("update:modelValue", l), u("change", l);
+      },
+      get countryLabel() {
+        return t.countryLabel;
+      },
+      get regionLabel() {
+        return t.regionLabel;
+      },
+      get districtLabel() {
+        return t.districtLabel;
+      },
+      get localityLabel() {
+        return t.localityLabel;
+      },
+      get streetLabel() {
+        return t.streetLabel;
+      },
+      get houseLabel() {
+        return t.houseLabel;
+      },
+      get buildingLabel() {
+        return t.buildingLabel;
+      },
+      get apartmentLabel() {
+        return t.apartmentLabel;
+      },
+      columnWidth: t.columnWidth,
+      prefix: t.prefix,
+      multiLocalities: t.multiLocalities,
+      multiStreets: t.multiStreets,
+      showHouseFields: t.showHouseFields
+    }, {
+      modelValue: r,
+      error: C,
+      retry: K,
+      syncFromProps: P,
+      resetForm: U,
+      isLoading: L,
+      isCountryLoading: F,
+      isRegionLoading: w,
+      isDistrictLoading: v,
+      isLocalityLoading: V,
+      isStreetLoading: I,
+      countryOptions: E,
+      regionOptions: z,
+      districtOptions: M,
+      localityOptions: T,
+      streetOptions: j,
+      finalCountryKey: q,
+      finalRegionKey: G,
+      finalDistrictKey: J,
+      finalLocalityKey: O,
+      finalStreetKey: A,
+      finalHouseKey: Q,
+      finalBuildingKey: X,
+      finalApartmentKey: Y,
+      labels: c,
+      fullAddress: f,
+      isMultiLocalitiesSelected: Z,
+      shouldShowHouseFields: $,
+      loadCountryOptions: x,
+      loadRegionOptions: ee,
+      onCountrySelect: le,
+      onRegionSelect: te,
+      onDistrictSelect: oe,
+      onLocalitySelect: ae,
+      onStreetSelect: ie,
+      onHouseInput: se,
+      onBuildingInput: ne,
+      onApartmentInput: de,
+      autoFillForm: re,
+      autoFillFormSkipReset: ue
+    } = Se(N), o = he();
+    async function s(l) {
+      try {
+        await l();
+      } catch (i) {
+        u("loadError", i);
+      }
+    }
+    W(
+      () => [t.modelValue, t.countryId],
+      ([l, i], n) => {
+        const S = !!(n && i !== n[1]);
+        s(
+          async () => P(l, i, S)
+        );
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const ce = (l) => s(async () => {
+      await le(l) && u("countryChange", l);
+    }), be = (l) => s(async () => {
+      await te(l) && u("regionChange", l);
+    }), me = (l) => s(async () => {
+      await oe(l) && u("districtChange", l);
+    }), ye = (l) => s(async () => {
+      await ae(l) && u("localityChange", l);
+    }), pe = (l) => {
+      ie(l), u("streetChange", l);
+    }, B = se, R = ne, k = de, fe = Le(() => {
+      if (!t.multiLocalities) return !1;
+      const l = r.value[A.value];
+      return !Array.isArray(l) || l?.length < 2;
+    });
+    return W(
+      [f, L, C, () => t.isParentComponentReady],
+      ([l, i, n, S]) => {
+        S && !i && !n && t.setFilterParamsStringsHandler?.(t.filterName, l);
+      }
+    ), _({
+      loadRegionOptions: (l) => s(() => ee(l)),
+      loadCountryOptions: () => s(x),
+      resetForm: () => s(U),
+      getFullAddress: () => f.value,
+      getValue: () => f.value,
+      autoFillForm: re,
+      autoFillFormSkipReset: (l, i = t.countryId) => s(() => ue(l, i)),
+      error: C,
+      isLoading: L,
+      retry: () => s(K)
+    }), (l, i) => (m(), b("div", {
+      class: "address-form",
+      "aria-busy": e(L)
+    }, [
+      a("div", Fe, [
+        l.loadCountries ? (m(), b("div", {
+          key: 0,
+          class: y(`col-${l.columnWidth} mb-2`)
+        }, [
+          a("label", {
+            id: `${e(o)}-country-label`,
+            for: `${e(o)}-country`,
+            class: "form-label"
+          }, d(e(c).country), 9, we),
+          g(h, {
+            "input-id": `${e(o)}-country`,
+            hint: l.emptyLabel,
+            "aria-labelledby": `${e(o)}-country-label`,
+            modelValue: e(r)[e(q)],
+            options: e(E),
+            disabled: l.disabledFields?.country || e(F),
+            "onUpdate:modelValue": ce,
+            allowClear: l.allowClear?.country,
+            isLoading: e(F)
+          }, null, 8, ["input-id", "hint", "aria-labelledby", "modelValue", "options", "disabled", "allowClear", "isLoading"])
+        ], 2)) : p("", !0),
+        a("div", {
+          class: y(`col-${l.columnWidth} mb-2`)
+        }, [
+          a("label", {
+            id: `${e(o)}-region-label`,
+            for: `${e(o)}-region`,
+            class: "form-label"
+          }, d(e(c).region), 9, ve),
+          g(h, {
+            hint: l.emptyLabel,
+            "aria-labelledby": `${e(o)}-region-label`,
+            "input-id": `${e(o)}-region`,
+            modelValue: e(r)[e(G)],
+            options: e(z),
+            disabled: l.disabledFields?.region || e(w),
+            "onUpdate:modelValue": be,
+            allowClear: l.allowClear?.region,
+            isLoading: e(w)
+          }, null, 8, ["hint", "aria-labelledby", "input-id", "modelValue", "options", "disabled", "allowClear", "isLoading"])
+        ], 2),
+        a("div", {
+          class: y(`col-${l.columnWidth} mb-2`)
+        }, [
+          a("label", {
+            id: `${e(o)}-district-label`,
+            for: `${e(o)}-district`,
+            class: "form-label"
+          }, d(e(c).district), 9, Ve),
+          g(h, {
+            hint: l.emptyLabel,
+            "aria-labelledby": `${e(o)}-district-label`,
+            "input-id": `${e(o)}-district`,
+            modelValue: e(r)[e(J)],
+            disabled: l.disabledFields?.district || e(v),
+            options: e(M),
+            "onUpdate:modelValue": me,
+            allowClear: l.allowClear?.district,
+            isLoading: e(v)
+          }, null, 8, ["hint", "aria-labelledby", "input-id", "modelValue", "disabled", "options", "allowClear", "isLoading"])
+        ], 2),
+        a("div", {
+          class: y(`col-${l.columnWidth} mb-2`)
+        }, [
+          a("label", {
+            id: `${e(o)}-locality-label`,
+            for: `${e(o)}-locality`,
+            class: "form-label"
+          }, d(e(c).locality), 9, Ie),
+          g(h, {
+            hint: l.emptyLabel,
+            "aria-labelledby": `${e(o)}-locality-label`,
+            "input-id": `${e(o)}-locality`,
+            modelValue: e(r)[e(O)],
+            disabled: l.disabledFields?.locality || e(V),
+            "onUpdate:modelValue": ye,
+            options: e(T),
+            name: e(O),
+            showAddButton: fe.value,
+            isLoading: e(V),
+            multiple: l.multiLocalities
+          }, null, 8, ["hint", "aria-labelledby", "input-id", "modelValue", "disabled", "options", "name", "showAddButton", "isLoading", "multiple"])
+        ], 2),
+        e(Z) ? p("", !0) : (m(), b(Ce, { key: 1 }, [
+          a("div", {
+            class: y(`col-${l.columnWidth} mb-2`)
+          }, [
+            a("label", {
+              id: `${e(o)}-street-label`,
+              for: `${e(o)}-street`,
+              class: "form-label"
+            }, d(e(c).street), 9, Oe),
+            g(h, {
+              hint: l.emptyLabel,
+              "aria-labelledby": `${e(o)}-street-label`,
+              "input-id": `${e(o)}-street`,
+              modelValue: e(r)[e(A)],
+              disabled: l.disabledFields?.street || e(I),
+              options: e(j),
+              "onUpdate:modelValue": pe,
+              allowClear: l.allowClear?.street,
+              isLoading: e(I),
+              multiple: l.multiStreets
+            }, null, 8, ["hint", "aria-labelledby", "input-id", "modelValue", "disabled", "options", "allowClear", "isLoading", "multiple"])
+          ], 2),
+          e($) ? (m(), b("div", {
+            key: 0,
+            class: y(`col-${l.columnWidth} mb-2`)
+          }, [
+            a("label", {
+              id: `${e(o)}-house-label`,
+              class: "form-label",
+              for: `${e(o)}-house`
+            }, d(e(c).house), 9, Ae),
+            a("input", {
+              type: "text",
+              class: "form-control",
+              id: `${e(o)}-house`,
+              value: e(r)[e(Q)] || "",
+              disabled: l.disabledFields?.house,
+              onInput: i[0] || (i[0] = //@ts-ignore
+              (...n) => e(B) && e(B)(...n))
+            }, null, 40, Be)
+          ], 2)) : p("", !0),
+          e($) ? (m(), b("div", {
+            key: 1,
+            class: y(`col-${l.columnWidth} mb-2`)
+          }, [
+            a("label", {
+              id: `${e(o)}-building-label`,
+              class: "form-label",
+              for: `${e(o)}-building`
+            }, d(e(c).building), 9, Re),
+            a("input", {
+              type: "text",
+              class: "form-control",
+              id: `${e(o)}-building`,
+              value: e(r)[e(X)] || "",
+              disabled: l.disabledFields?.building,
+              onInput: i[1] || (i[1] = //@ts-ignore
+              (...n) => e(R) && e(R)(...n))
+            }, null, 40, ke)
+          ], 2)) : p("", !0),
+          e($) ? (m(), b("div", {
+            key: 2,
+            class: y(`col-${l.columnWidth} mb-2`)
+          }, [
+            a("label", {
+              id: `${e(o)}-apartment-label`,
+              class: "form-label",
+              for: `${e(o)}-apartment`
+            }, d(e(c).apartment), 9, We),
+            a("input", {
+              type: "text",
+              class: "form-control",
+              id: `${e(o)}-apartment`,
+              value: e(r)[e(Y)] || "",
+              disabled: l.disabledFields?.apartment,
+              onInput: i[2] || (i[2] = //@ts-ignore
+              (...n) => e(k) && e(k)(...n))
+            }, null, 40, He)
+          ], 2)) : p("", !0)
+        ], 64))
+      ]),
+      e(C) ? (m(), b("div", _e, [
+        a("p", De, d(l.errorLabel), 1),
+        a("button", {
+          type: "button",
+          class: "btn btn-light",
+          disabled: e(L),
+          onClick: i[3] || (i[3] = (n) => s(e(K)))
+        }, d(l.retryLabel), 9, Ne)
+      ])) : p("", !0),
+      l.showFullAddress && e(f) ? (m(), b("div", Pe, [
+        a("div", Ue, [
+          i[4] || (i[4] = a("strong", null, "Полный адрес:", -1)),
+          $e(" " + d(e(f)), 1)
+        ])
+      ])) : p("", !0)
+    ], 8, Ke));
+  }
+});
+export {
+  Te as default
+};

package/dist/modules/components/forms/AgeFromAgeTo.vue.js

@@ -0,0 +1,7 @@
+import o from "./AgeFromAgeTo.vue2.js";
+/* empty css                  */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cdadf2c9"]]);
+export {
+  c as default
+};