@factoringplus/pl-components-pack-v3 0.14.2-pre-07 → 0.14.2-pre-09
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -17
- package/dist/pl-components-pack-v3.es.js +29 -32
- package/dist/pl-components-pack-v3.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
# Библиотека компонентов Vue 3
|
|
2
|
-
|
|
3
|
-
## Установка
|
|
4
|
-
|
|
5
|
-
```bash
|
|
6
|
-
npm i @factoringplus/pl-components-pack-v3
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
### Добавление компонентов в проект
|
|
10
|
-
|
|
11
|
-
```bash
|
|
12
|
-
// src/main.js
|
|
13
|
-
import components from '@factoringplus/pl-components-pack-v3';
|
|
14
|
-
import '@factoringplus/pl-components-pack-v3/dist/style.css';
|
|
15
|
-
|
|
16
|
-
app.use(components)
|
|
17
|
-
```
|
|
1
|
+
# Библиотека компонентов Vue 3
|
|
2
|
+
|
|
3
|
+
## Установка
|
|
4
|
+
|
|
5
|
+
```bash
|
|
6
|
+
npm i @factoringplus/pl-components-pack-v3
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
### Добавление компонентов в проект
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
// src/main.js
|
|
13
|
+
import components from '@factoringplus/pl-components-pack-v3';
|
|
14
|
+
import '@factoringplus/pl-components-pack-v3/dist/style.css';
|
|
15
|
+
|
|
16
|
+
app.use(components)
|
|
17
|
+
```
|
|
@@ -18727,7 +18727,6 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
|
|
|
18727
18727
|
props: {
|
|
18728
18728
|
modelValue: { type: Boolean, default: !1 },
|
|
18729
18729
|
showHeader: { type: Boolean, default: !0 },
|
|
18730
|
-
showGrabber: { type: Boolean, default: !0 },
|
|
18731
18730
|
widthThis: { default: "808" },
|
|
18732
18731
|
padding: { default: "24px" },
|
|
18733
18732
|
headerPadding: { default: "" },
|
|
@@ -18739,15 +18738,14 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
|
|
|
18739
18738
|
logout: { type: Boolean, default: !1 },
|
|
18740
18739
|
scroll: { type: Boolean, default: !1 },
|
|
18741
18740
|
modalOnMobile: { type: Boolean, default: !1 },
|
|
18742
|
-
isTranches: { type: Boolean, default: !1 }
|
|
18743
|
-
contentCustomClass: { default: "" }
|
|
18741
|
+
isTranches: { type: Boolean, default: !1 }
|
|
18744
18742
|
},
|
|
18745
18743
|
emits: ["update:modelValue", "changeVisibleModalValue"],
|
|
18746
18744
|
setup(g, { expose: y, emit: j }) {
|
|
18747
18745
|
const $ = g;
|
|
18748
18746
|
useCssVars((jt) => ({
|
|
18749
|
-
"
|
|
18750
|
-
"
|
|
18747
|
+
"1143345d": xe.value,
|
|
18748
|
+
"54dc1a7d": Dt.value
|
|
18751
18749
|
}));
|
|
18752
18750
|
const z = computed$1({
|
|
18753
18751
|
get: () => $.modelValue,
|
|
@@ -18776,7 +18774,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
|
|
|
18776
18774
|
})), $e = ref(0), xe = ref("100%"), Dt = ref("0.3s"), Et = (jt) => {
|
|
18777
18775
|
var xn;
|
|
18778
18776
|
const Tn = (xn = jt == null ? void 0 : jt.target.closest("[id]")) == null ? void 0 : xn.id;
|
|
18779
|
-
if (!$.
|
|
18777
|
+
if (!$.showHeader || Tn && Tn !== Ne)
|
|
18780
18778
|
return;
|
|
18781
18779
|
const bn = (In) => {
|
|
18782
18780
|
if (Dt.value = "0s", !$e.value)
|
|
@@ -18820,7 +18818,6 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
|
|
|
18820
18818
|
class: normalizeClass([
|
|
18821
18819
|
jt.customClass,
|
|
18822
18820
|
"justify-content-end",
|
|
18823
|
-
{ "modal-with-custom": jt.contentCustomClass },
|
|
18824
18821
|
he.value ? "mx-4" : "",
|
|
18825
18822
|
$.modalOnMobile && "modal-on-mobile"
|
|
18826
18823
|
])
|
|
@@ -18833,7 +18830,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
|
|
|
18833
18830
|
createElementVNode("div", {
|
|
18834
18831
|
class: normalizeClass(["dialog-container ms-auto", [
|
|
18835
18832
|
ue.value ? "" : jt.simple ? "align-self-start " : he.value ? "my-16" : "mt-16 mx-auto",
|
|
18836
|
-
{ "with-grabber": jt.
|
|
18833
|
+
{ "with-grabber": jt.showHeader }
|
|
18837
18834
|
]]),
|
|
18838
18835
|
onTouchstart: Et
|
|
18839
18836
|
}, [
|
|
@@ -18868,14 +18865,14 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
|
|
|
18868
18865
|
ref_key: "dialogScroll",
|
|
18869
18866
|
ref: _n,
|
|
18870
18867
|
"max-height": kt.value,
|
|
18871
|
-
class:
|
|
18868
|
+
class: "flex-grow-1 dialog-scroll",
|
|
18872
18869
|
"view-class": "h-100 el-scrollbar-view"
|
|
18873
18870
|
}, {
|
|
18874
18871
|
default: withCtx(() => [
|
|
18875
18872
|
renderSlot(jt.$slots, "default")
|
|
18876
18873
|
]),
|
|
18877
18874
|
_: 3
|
|
18878
|
-
}, 8, ["max-height"
|
|
18875
|
+
}, 8, ["max-height"]),
|
|
18879
18876
|
jt.isTranches ? (openBlock(), createElementBlock("div", _hoisted_5$k)) : createCommentVNode("", !0)
|
|
18880
18877
|
], 512)
|
|
18881
18878
|
], 34)
|
|
@@ -20544,7 +20541,7 @@ const _hoisted_1$z = {
|
|
|
20544
20541
|
onFocusin: z,
|
|
20545
20542
|
onKeydown: withKeys(withModifiers(V, ["prevent"]), ["tab"]),
|
|
20546
20543
|
onInput: ie[0] || (ie[0] = (de) => {
|
|
20547
|
-
|
|
20544
|
+
ae.value = de.target.value;
|
|
20548
20545
|
}),
|
|
20549
20546
|
onBlur: re
|
|
20550
20547
|
}, null, 40, _hoisted_3$o)
|
|
@@ -20567,7 +20564,7 @@ function declOfNum(g, y) {
|
|
|
20567
20564
|
const $ = g % 10;
|
|
20568
20565
|
return $ > 1 && $ < 5 ? y[1] : $ == 1 ? y[0] : y[2];
|
|
20569
20566
|
}
|
|
20570
|
-
const
|
|
20567
|
+
const plAutocompete_vue_vue_type_style_index_0_scoped_6dda83ae_lang = "", _hoisted_1$y = { class: "pl-autocomplete__wrapper" }, _hoisted_2$r = { class: "pl-autocomplete__select-container" }, _hoisted_3$n = {
|
|
20571
20568
|
key: 0,
|
|
20572
20569
|
class: "pl-autocomplete__label-container"
|
|
20573
20570
|
}, _hoisted_4$k = { class: "pl-autocomplete__label-container-text" }, _hoisted_5$e = {
|
|
@@ -20679,7 +20676,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_264acbdc_lang = "", _hoist
|
|
|
20679
20676
|
setup(g, { emit: y }) {
|
|
20680
20677
|
const j = g;
|
|
20681
20678
|
useCssVars((Ve) => ({
|
|
20682
|
-
"
|
|
20679
|
+
"5ad301f0": j.width
|
|
20683
20680
|
}));
|
|
20684
20681
|
const $ = `id-${uniqid()}`, z = ref([]);
|
|
20685
20682
|
if (j.prop) {
|
|
@@ -20717,7 +20714,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_264acbdc_lang = "", _hoist
|
|
|
20717
20714
|
});
|
|
20718
20715
|
});
|
|
20719
20716
|
const ue = () => {
|
|
20720
|
-
j.disabled || (ie.value = !
|
|
20717
|
+
j.disabled || (ie.value = !ie.value, document.getElementById($) && (ie.value ? document.getElementById($).focus() : document.getElementById($).blur()));
|
|
20721
20718
|
}, de = () => {
|
|
20722
20719
|
j.disabled || !ie.value || nextTick(() => {
|
|
20723
20720
|
ie.value = !1, !j.memoryBlur && !Ne.value.value ? _e.value = "" : Ne.value.value && (_e.value = Ne.value.value);
|
|
@@ -20784,8 +20781,8 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_264acbdc_lang = "", _hoist
|
|
|
20784
20781
|
return (Ve, kt) => {
|
|
20785
20782
|
const _n = ElScrollbar, Pt = resolveDirective("tap"), jt = vLoading, Tn = resolveDirective("touch-outside");
|
|
20786
20783
|
return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$y, [
|
|
20787
|
-
|
|
20788
|
-
j.label || j.tooltip ? (openBlock(), createElementBlock("label", _hoisted_3$n, [
|
|
20784
|
+
createElementVNode("div", _hoisted_2$r, [
|
|
20785
|
+
j.label || j.tooltip ? withDirectives((openBlock(), createElementBlock("label", _hoisted_3$n, [
|
|
20789
20786
|
createElementVNode("div", _hoisted_4$k, [
|
|
20790
20787
|
j.label ? (openBlock(), createElementBlock("span", _hoisted_5$e, toDisplayString(j.label), 1)) : createCommentVNode("", !0),
|
|
20791
20788
|
j.optional ? (openBlock(), createElementBlock("span", _hoisted_6$a, toDisplayString(j.optional), 1)) : createCommentVNode("", !0)
|
|
@@ -20804,7 +20801,14 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_264acbdc_lang = "", _hoist
|
|
|
20804
20801
|
]),
|
|
20805
20802
|
_: 1
|
|
20806
20803
|
})) : createCommentVNode("", !0)
|
|
20807
|
-
]))
|
|
20804
|
+
])), [
|
|
20805
|
+
[
|
|
20806
|
+
Pt,
|
|
20807
|
+
ue,
|
|
20808
|
+
void 0,
|
|
20809
|
+
{ self: !0 }
|
|
20810
|
+
]
|
|
20811
|
+
]) : createCommentVNode("", !0),
|
|
20808
20812
|
createVNode(_sfc_main$V, mergeProps(j, {
|
|
20809
20813
|
id: $,
|
|
20810
20814
|
focus: ie.value,
|
|
@@ -20818,13 +20822,6 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_264acbdc_lang = "", _hoist
|
|
|
20818
20822
|
j.helpertext || z.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
|
|
20819
20823
|
z.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_8$9, toDisplayString(z.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_9$7, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
|
|
20820
20824
|
])) : createCommentVNode("", !0)
|
|
20821
|
-
])), [
|
|
20822
|
-
[
|
|
20823
|
-
Pt,
|
|
20824
|
-
ue,
|
|
20825
|
-
void 0,
|
|
20826
|
-
{ self: !0 }
|
|
20827
|
-
]
|
|
20828
20825
|
]),
|
|
20829
20826
|
createVNode(Transition, { name: "pl-dropdown-fade" }, {
|
|
20830
20827
|
default: withCtx(() => {
|
|
@@ -20873,7 +20870,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_264acbdc_lang = "", _hoist
|
|
|
20873
20870
|
]);
|
|
20874
20871
|
};
|
|
20875
20872
|
}
|
|
20876
|
-
}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-
|
|
20873
|
+
}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-6dda83ae"]]), PlAutocompletePlugin = {
|
|
20877
20874
|
install(g) {
|
|
20878
20875
|
g.component("PlAutocomplete", PlAutocomplete);
|
|
20879
20876
|
}
|
|
@@ -33367,10 +33364,11 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
|
|
|
33367
33364
|
ref: ue,
|
|
33368
33365
|
modelValue: le.value,
|
|
33369
33366
|
"onUpdate:modelValue": $e[4] || ($e[4] = (Ve) => le.value = Ve),
|
|
33370
|
-
"content-custom-class": "p-0 pt-2",
|
|
33371
|
-
"show-header": !1,
|
|
33372
33367
|
"width-this": "518"
|
|
33373
33368
|
}, {
|
|
33369
|
+
header: withCtx(() => [
|
|
33370
|
+
createTextVNode("Календарь")
|
|
33371
|
+
]),
|
|
33374
33372
|
default: withCtx(() => [
|
|
33375
33373
|
createVNode(PlDatePickerRangeWrapper, {
|
|
33376
33374
|
ref_key: "pickerWrapper",
|
|
@@ -33381,14 +33379,12 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
|
|
|
33381
33379
|
"onUpdate:isOpen": $e[2] || ($e[2] = (Ve) => le.value = Ve),
|
|
33382
33380
|
dateValue: re.value,
|
|
33383
33381
|
"onUpdate:dateValue": $e[3] || ($e[3] = (Ve) => re.value = Ve),
|
|
33384
|
-
periods: Ue.periods,
|
|
33385
|
-
"period-options": Ue.periodOptions,
|
|
33386
33382
|
"month-switch": Ue.monthSwitch,
|
|
33387
33383
|
"year-switch": Ue.yearSwitch,
|
|
33388
33384
|
mobile: "",
|
|
33389
33385
|
"disabled-date": Ue.disabledDate,
|
|
33390
33386
|
onClosePickerOnMobile: Oe
|
|
33391
|
-
}, null, 8, ["modelValue", "isOpen", "dateValue", "
|
|
33387
|
+
}, null, 8, ["modelValue", "isOpen", "dateValue", "month-switch", "year-switch", "disabled-date"])
|
|
33392
33388
|
]),
|
|
33393
33389
|
_: 1
|
|
33394
33390
|
}, 8, ["modelValue"])) : (openBlock(), createBlock(PlDatePickerRangeWrapper, {
|
|
@@ -33739,10 +33735,11 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
|
|
|
33739
33735
|
ref: ue,
|
|
33740
33736
|
modelValue: le.value,
|
|
33741
33737
|
"onUpdate:modelValue": Ue[4] || (Ue[4] = (Et) => le.value = Et),
|
|
33742
|
-
"content-custom-class": "p-0 pt-2",
|
|
33743
|
-
"show-header": !1,
|
|
33744
33738
|
"width-this": "518"
|
|
33745
33739
|
}, {
|
|
33740
|
+
header: withCtx(() => [
|
|
33741
|
+
createTextVNode("Календарь")
|
|
33742
|
+
]),
|
|
33746
33743
|
default: withCtx(() => [
|
|
33747
33744
|
createVNode(PlDatePickerWrapper, {
|
|
33748
33745
|
ref_key: "pickerWrapper",
|