@factoringplus/pl-components-pack-v3 0.8.28 → 0.8.29
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 +34 -31
- package/dist/pl-components-pack-v3.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +3 -2
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
|
+
```
|
|
@@ -18800,7 +18800,7 @@ const plCurrency_vue_vue_type_style_index_0_lang = "", _hoisted_1$U = /* @__PURE
|
|
|
18800
18800
|
ae($e);
|
|
18801
18801
|
});
|
|
18802
18802
|
};
|
|
18803
|
-
$e && L.value[$e].forEach((Et) => {
|
|
18803
|
+
$e && L.value[$e] && L.value[$e].forEach((Et) => {
|
|
18804
18804
|
Et.trigger ? Et.trigger.replace(/\s/g, "").split(",").forEach((Dt) => {
|
|
18805
18805
|
Ue.addEventListener(Dt, xe), pe.value.push({ element: Ue, trigger: Dt, callBack: xe });
|
|
18806
18806
|
}) : ["blur", "change", "input"].forEach((Dt) => {
|
|
@@ -20178,7 +20178,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), plInputPl
|
|
|
20178
20178
|
createElementVNode("span", null, toDisplayString(y.label), 1)
|
|
20179
20179
|
], 2)) : createCommentVNode("", !0);
|
|
20180
20180
|
}
|
|
20181
|
-
}), plTabCard_vue_vue_type_style_index_0_scoped_5d0a6b4e_lang = "", PlTabCard = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-5d0a6b4e"]]),
|
|
20181
|
+
}), plTabCard_vue_vue_type_style_index_0_scoped_5d0a6b4e_lang = "", PlTabCard = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-5d0a6b4e"]]), plMultitab_vue_vue_type_style_index_0_scoped_b000d762_lang = "", _hoisted_1$H = { class: "pl-multitab-container" }, _sfc_main$12 = {
|
|
20182
20182
|
__name: "pl-multitab",
|
|
20183
20183
|
props: {
|
|
20184
20184
|
modelValue: {
|
|
@@ -20210,22 +20210,25 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), plInputPl
|
|
|
20210
20210
|
const ie = resolveDirective("tap");
|
|
20211
20211
|
return openBlock(), createElementBlock("div", _hoisted_1$H, [
|
|
20212
20212
|
createElementVNode("div", {
|
|
20213
|
-
class: normalizeClass(
|
|
20214
|
-
"pl-multitab-nav el-scrollbar__wrap el-scrollbar__wrap--hidden-default scrollbar-flex-content el-scrollbar__view",
|
|
20215
|
-
ae.value,
|
|
20216
|
-
j.navClass
|
|
20217
|
-
])
|
|
20213
|
+
class: normalizeClass(j.navClass)
|
|
20218
20214
|
}, [
|
|
20219
|
-
(
|
|
20220
|
-
|
|
20221
|
-
|
|
20222
|
-
|
|
20223
|
-
|
|
20224
|
-
|
|
20225
|
-
|
|
20226
|
-
|
|
20227
|
-
|
|
20228
|
-
|
|
20215
|
+
createElementVNode("div", {
|
|
20216
|
+
class: normalizeClass([
|
|
20217
|
+
"pl-multitab-nav el-scrollbar__wrap el-scrollbar__wrap--hidden-default scrollbar-flex-content el-scrollbar__view",
|
|
20218
|
+
ae.value
|
|
20219
|
+
])
|
|
20220
|
+
}, [
|
|
20221
|
+
(openBlock(!0), createElementBlock(Fragment, null, renderList(L.value, (pe) => withDirectives((openBlock(), createBlock(PlTabCard, {
|
|
20222
|
+
key: pe == null ? void 0 : pe.name,
|
|
20223
|
+
label: pe == null ? void 0 : pe.label,
|
|
20224
|
+
width: j.tabWidth,
|
|
20225
|
+
active: j.modelValue === (pe == null ? void 0 : pe.name),
|
|
20226
|
+
icon: pe == null ? void 0 : pe.icon,
|
|
20227
|
+
disabled: pe == null ? void 0 : pe.disabled
|
|
20228
|
+
}, null, 8, ["label", "width", "active", "icon", "disabled"])), [
|
|
20229
|
+
[ie, () => re(pe)]
|
|
20230
|
+
])), 128))
|
|
20231
|
+
], 2)
|
|
20229
20232
|
], 2),
|
|
20230
20233
|
createElementVNode("div", {
|
|
20231
20234
|
class: normalizeClass(j.contentClass)
|
|
@@ -20235,7 +20238,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), plInputPl
|
|
|
20235
20238
|
]);
|
|
20236
20239
|
};
|
|
20237
20240
|
}
|
|
20238
|
-
}, PlMultitab = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-
|
|
20241
|
+
}, PlMultitab = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-b000d762"]]), PlMultitabPlugin = {
|
|
20239
20242
|
install(g) {
|
|
20240
20243
|
g.component("PlMultitab", PlMultitab);
|
|
20241
20244
|
}
|
|
@@ -20505,7 +20508,7 @@ function declOfNum(g, y) {
|
|
|
20505
20508
|
const z = g % 10;
|
|
20506
20509
|
return z > 1 && z < 5 ? y[1] : z == 1 ? y[0] : y[2];
|
|
20507
20510
|
}
|
|
20508
|
-
const
|
|
20511
|
+
const plAutocompete_vue_vue_type_style_index_0_scoped_e082e824_lang = "", _hoisted_1$F = { class: "pl-autocomplete__wrapper" }, _hoisted_2$z = { class: "pl-autocomplete__select-container" }, _hoisted_3$t = {
|
|
20509
20512
|
key: 0,
|
|
20510
20513
|
class: "pl-autocomplete__label-container"
|
|
20511
20514
|
}, _hoisted_4$n = { class: "pl-autocomplete__label-container-text" }, _hoisted_5$h = {
|
|
@@ -20617,7 +20620,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_dc250816_lang = "", _hoist
|
|
|
20617
20620
|
setup(g, { emit: y }) {
|
|
20618
20621
|
const j = g;
|
|
20619
20622
|
useCssVars((qe) => ({
|
|
20620
|
-
"
|
|
20623
|
+
"521a63b8": j.width
|
|
20621
20624
|
}));
|
|
20622
20625
|
const z = `id-${uniqid()}`, L = ref([]);
|
|
20623
20626
|
if (j.prop) {
|
|
@@ -20802,7 +20805,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_dc250816_lang = "", _hoist
|
|
|
20802
20805
|
]);
|
|
20803
20806
|
};
|
|
20804
20807
|
}
|
|
20805
|
-
}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-
|
|
20808
|
+
}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-e082e824"]]), PlAutocompletePlugin = {
|
|
20806
20809
|
install(g) {
|
|
20807
20810
|
g.component("PlAutocomplete", PlAutocomplete);
|
|
20808
20811
|
}
|
|
@@ -21248,7 +21251,7 @@ const PlButtonPlugin = {
|
|
|
21248
21251
|
], 2);
|
|
21249
21252
|
};
|
|
21250
21253
|
}
|
|
21251
|
-
},
|
|
21254
|
+
}, plSelectPlus_vue_vue_type_style_index_0_scoped_1b69d579_lang = "", _hoisted_1$A = { class: "pl-select__wrapper" }, _hoisted_2$w = {
|
|
21252
21255
|
key: 0,
|
|
21253
21256
|
class: "pl-select__label-container"
|
|
21254
21257
|
}, _hoisted_3$q = { class: "pl-select__label-container-text" }, _hoisted_4$k = {
|
|
@@ -21333,7 +21336,7 @@ const PlButtonPlugin = {
|
|
|
21333
21336
|
setup(g, { emit: y }) {
|
|
21334
21337
|
const j = g;
|
|
21335
21338
|
useCssVars((Ue) => ({
|
|
21336
|
-
"
|
|
21339
|
+
"49389beb": j.width
|
|
21337
21340
|
}));
|
|
21338
21341
|
const z = `id-${uniqid()}`, L = ref([]);
|
|
21339
21342
|
if (j.prop) {
|
|
@@ -21479,7 +21482,7 @@ const PlButtonPlugin = {
|
|
|
21479
21482
|
]);
|
|
21480
21483
|
};
|
|
21481
21484
|
}
|
|
21482
|
-
}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-
|
|
21485
|
+
}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-1b69d579"]]), PlSelectPlusPlugin = {
|
|
21483
21486
|
install(g) {
|
|
21484
21487
|
g.component("PlSelectPlus", PlSelectPlus);
|
|
21485
21488
|
}
|
|
@@ -34522,7 +34525,7 @@ var objectSupport$1 = { exports: {} };
|
|
|
34522
34525
|
});
|
|
34523
34526
|
})(objectSupport$1);
|
|
34524
34527
|
var objectSupportExports = objectSupport$1.exports;
|
|
34525
|
-
const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExports),
|
|
34528
|
+
const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExports), plDatePickerRange_vue_vue_type_style_index_0_scoped_bb4a2e93_lang = "", _withScopeId = (g) => (pushScopeId("data-v-bb4a2e93"), g = g(), popScopeId(), g), _hoisted_1$5 = ["id"], _hoisted_2$4 = ["src"], _hoisted_3$4 = { class: "date-switcher__container flex-column" }, _hoisted_4$1 = { class: "d-flex pb-6 justify-content-between" }, _hoisted_5$1 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_6$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Начало периода", -1)), _hoisted_7$1 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_8$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Конец периода", -1)), _hoisted_9 = { class: "d-flex pt-2 justify-content-between" }, _hoisted_10 = { class: "date-switcher date-switcher__month" }, _hoisted_11 = { class: "date-switcher__month-name" }, _hoisted_12 = { class: "date-switcher date-switcher__year" }, _hoisted_13 = { class: "date-switcher__year-name" }, _hoisted_14 = { class: "pl-date-picker__days" }, _hoisted_15 = ["onClick", "onMousemove"], _hoisted_16 = { class: "field" }, _hoisted_17 = { class: "pl-date-picker__buttons" }, _sfc_main$o = {
|
|
34526
34529
|
__name: "pl-date-picker-range",
|
|
34527
34530
|
props: {
|
|
34528
34531
|
modelValue: {
|
|
@@ -34866,7 +34869,7 @@ const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExpor
|
|
|
34866
34869
|
], 8, _hoisted_1$5);
|
|
34867
34870
|
};
|
|
34868
34871
|
}
|
|
34869
|
-
}, PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-
|
|
34872
|
+
}, PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-bb4a2e93"]]), PlDatePickerPlusPlugin = {
|
|
34870
34873
|
install(g) {
|
|
34871
34874
|
g.component("PlDatePickerPlus", PlDatePickerPlus), g.component("PlDatePickerRange", PlDatePickerRange);
|
|
34872
34875
|
}
|
|
@@ -35108,13 +35111,13 @@ function _sfc_render$2(g, y) {
|
|
|
35108
35111
|
renderSlot(g.$slots, "default", {}, void 0, !0)
|
|
35109
35112
|
]);
|
|
35110
35113
|
}
|
|
35111
|
-
const PlTag = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$2], ["__scopeId", "data-v-e9e7d669"]]),
|
|
35114
|
+
const PlTag = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$2], ["__scopeId", "data-v-e9e7d669"]]), plSystem_vue_vue_type_style_index_0_scoped_19a81c11_lang = "", _sfc_main$3 = {};
|
|
35112
35115
|
function _sfc_render$1(g, y) {
|
|
35113
35116
|
return openBlock(), createElementBlock("span", null, [
|
|
35114
35117
|
renderSlot(g.$slots, "default", {}, void 0, !0)
|
|
35115
35118
|
]);
|
|
35116
35119
|
}
|
|
35117
|
-
const PlSystem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1], ["__scopeId", "data-v-
|
|
35120
|
+
const PlSystem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1], ["__scopeId", "data-v-19a81c11"]]), PlTextPlugin = {
|
|
35118
35121
|
install(g) {
|
|
35119
35122
|
g.component("PlH1", PlH1), g.component("PlH2", PlH2), g.component("PlH3", PlH3), g.component("PlH4", PlH4), g.component("PlTitle1", PlTitle1), g.component("PlTitle2", PlTitle2), g.component("PlTitle3", PlTitle3), g.component("PlSub1", PlSub1), g.component("PlSub2", PlSub2), g.component("PlBtn1", PlBtn1), g.component("PlBtn2", PlBtn2), g.component("PlBtn3", PlBtn3), g.component("PlBody1", PlBody1), g.component("PlBody2", PlBody2), g.component("PlBody3", PlBody3), g.component("PlBodyU", PlBodyU), g.component("PlCap", PlCap), g.component("PlTag", PlTag), g.component("PlSystem", PlSystem);
|
|
35120
35123
|
}
|
|
@@ -35169,7 +35172,7 @@ const PlSystem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_rende
|
|
|
35169
35172
|
]);
|
|
35170
35173
|
};
|
|
35171
35174
|
}
|
|
35172
|
-
}),
|
|
35175
|
+
}), plCheckboxPlus_vue_vue_type_style_index_0_scoped_2cd30e2d_lang = "", PlCheckboxPlus = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2cd30e2d"]]), PlCheckboxPlusPlugin = {
|
|
35173
35176
|
install(g) {
|
|
35174
35177
|
g.component("PlCheckboxPlus", PlCheckboxPlus);
|
|
35175
35178
|
}
|
|
@@ -35179,7 +35182,7 @@ function _sfc_render(g, y) {
|
|
|
35179
35182
|
renderSlot(g.$slots, "default", {}, void 0, !0)
|
|
35180
35183
|
]);
|
|
35181
35184
|
}
|
|
35182
|
-
const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-03c9626c"]]),
|
|
35185
|
+
const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-03c9626c"]]), plSnackbar_vue_vue_type_style_index_0_scoped_3d029f35_lang = "", _hoisted_1 = {
|
|
35183
35186
|
key: 0,
|
|
35184
35187
|
class: "pl-snackbar__wrapper"
|
|
35185
35188
|
}, _hoisted_2 = { class: "pl-snackbar__icon" }, _hoisted_3 = { class: "pl-snackbar__main" }, _hoisted_4 = { class: "pl-snackbar__text" }, _hoisted_5 = { class: "pl-snackbar__title" }, _hoisted_6 = {
|
|
@@ -35289,7 +35292,7 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
|
|
|
35289
35292
|
});
|
|
35290
35293
|
};
|
|
35291
35294
|
}
|
|
35292
|
-
}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
35295
|
+
}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d029f35"]]), snackbarAnimation = "";
|
|
35293
35296
|
let snackbarId = 0;
|
|
35294
35297
|
const renderSnackbar = function(g) {
|
|
35295
35298
|
const { icon: y, color: j, title: z, message: L, button: V, action: re, buttonAdd: ae, actionAdd: le } = g;
|