@factoringplus/pl-components-pack-v3 0.8.28-pre-03 → 0.8.28
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 -37
- package/dist/pl-components-pack-v3.umd.js +2 -2
- package/dist/style.css +1 -1
- package/package.json +2 -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
|
+
```
|
|
@@ -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_49a7a073_lang = "", _hoisted_1$H = { class: "pl-multitab-container" }, _sfc_main$12 = {
|
|
20182
20182
|
__name: "pl-multitab",
|
|
20183
20183
|
props: {
|
|
20184
20184
|
modelValue: {
|
|
@@ -20210,25 +20210,22 @@ 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(
|
|
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
|
+
])
|
|
20214
20218
|
}, [
|
|
20215
|
-
|
|
20216
|
-
|
|
20217
|
-
|
|
20218
|
-
|
|
20219
|
-
|
|
20220
|
-
|
|
20221
|
-
|
|
20222
|
-
|
|
20223
|
-
|
|
20224
|
-
|
|
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)
|
|
20219
|
+
(openBlock(!0), createElementBlock(Fragment, null, renderList(L.value, (pe) => withDirectives((openBlock(), createBlock(PlTabCard, {
|
|
20220
|
+
key: pe == null ? void 0 : pe.name,
|
|
20221
|
+
label: pe == null ? void 0 : pe.label,
|
|
20222
|
+
width: j.tabWidth,
|
|
20223
|
+
active: j.modelValue === (pe == null ? void 0 : pe.name),
|
|
20224
|
+
icon: pe == null ? void 0 : pe.icon,
|
|
20225
|
+
disabled: pe == null ? void 0 : pe.disabled
|
|
20226
|
+
}, null, 8, ["label", "width", "active", "icon", "disabled"])), [
|
|
20227
|
+
[ie, () => re(pe)]
|
|
20228
|
+
])), 128))
|
|
20232
20229
|
], 2),
|
|
20233
20230
|
createElementVNode("div", {
|
|
20234
20231
|
class: normalizeClass(j.contentClass)
|
|
@@ -20238,7 +20235,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), plInputPl
|
|
|
20238
20235
|
]);
|
|
20239
20236
|
};
|
|
20240
20237
|
}
|
|
20241
|
-
}, PlMultitab = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-
|
|
20238
|
+
}, PlMultitab = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-49a7a073"]]), PlMultitabPlugin = {
|
|
20242
20239
|
install(g) {
|
|
20243
20240
|
g.component("PlMultitab", PlMultitab);
|
|
20244
20241
|
}
|
|
@@ -20508,7 +20505,7 @@ function declOfNum(g, y) {
|
|
|
20508
20505
|
const z = g % 10;
|
|
20509
20506
|
return z > 1 && z < 5 ? y[1] : z == 1 ? y[0] : y[2];
|
|
20510
20507
|
}
|
|
20511
|
-
const
|
|
20508
|
+
const plAutocompete_vue_vue_type_style_index_0_scoped_dc250816_lang = "", _hoisted_1$F = { class: "pl-autocomplete__wrapper" }, _hoisted_2$z = { class: "pl-autocomplete__select-container" }, _hoisted_3$t = {
|
|
20512
20509
|
key: 0,
|
|
20513
20510
|
class: "pl-autocomplete__label-container"
|
|
20514
20511
|
}, _hoisted_4$n = { class: "pl-autocomplete__label-container-text" }, _hoisted_5$h = {
|
|
@@ -20620,7 +20617,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_f3094ae1_lang = "", _hoist
|
|
|
20620
20617
|
setup(g, { emit: y }) {
|
|
20621
20618
|
const j = g;
|
|
20622
20619
|
useCssVars((qe) => ({
|
|
20623
|
-
"
|
|
20620
|
+
"16a48efa": j.width
|
|
20624
20621
|
}));
|
|
20625
20622
|
const z = `id-${uniqid()}`, L = ref([]);
|
|
20626
20623
|
if (j.prop) {
|
|
@@ -20760,7 +20757,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_f3094ae1_lang = "", _hoist
|
|
|
20760
20757
|
{ self: !0 }
|
|
20761
20758
|
]
|
|
20762
20759
|
]),
|
|
20763
|
-
createVNode(Transition, { name: "fade" }, {
|
|
20760
|
+
createVNode(Transition, { name: "pl-dropdown-fade" }, {
|
|
20764
20761
|
default: withCtx(() => {
|
|
20765
20762
|
var vn;
|
|
20766
20763
|
return [
|
|
@@ -20805,7 +20802,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_f3094ae1_lang = "", _hoist
|
|
|
20805
20802
|
]);
|
|
20806
20803
|
};
|
|
20807
20804
|
}
|
|
20808
|
-
}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-
|
|
20805
|
+
}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-dc250816"]]), PlAutocompletePlugin = {
|
|
20809
20806
|
install(g) {
|
|
20810
20807
|
g.component("PlAutocomplete", PlAutocomplete);
|
|
20811
20808
|
}
|
|
@@ -21251,7 +21248,7 @@ const PlButtonPlugin = {
|
|
|
21251
21248
|
], 2);
|
|
21252
21249
|
};
|
|
21253
21250
|
}
|
|
21254
|
-
},
|
|
21251
|
+
}, plSelectPlus_vue_vue_type_style_index_0_scoped_56b7d99b_lang = "", _hoisted_1$A = { class: "pl-select__wrapper" }, _hoisted_2$w = {
|
|
21255
21252
|
key: 0,
|
|
21256
21253
|
class: "pl-select__label-container"
|
|
21257
21254
|
}, _hoisted_3$q = { class: "pl-select__label-container-text" }, _hoisted_4$k = {
|
|
@@ -21336,7 +21333,7 @@ const PlButtonPlugin = {
|
|
|
21336
21333
|
setup(g, { emit: y }) {
|
|
21337
21334
|
const j = g;
|
|
21338
21335
|
useCssVars((Ue) => ({
|
|
21339
|
-
"
|
|
21336
|
+
"70ce61be": j.width
|
|
21340
21337
|
}));
|
|
21341
21338
|
const z = `id-${uniqid()}`, L = ref([]);
|
|
21342
21339
|
if (j.prop) {
|
|
@@ -21445,7 +21442,7 @@ const PlButtonPlugin = {
|
|
|
21445
21442
|
L.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_7$8, toDisplayString(L.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_8$7, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
|
|
21446
21443
|
])) : createCommentVNode("", !0)
|
|
21447
21444
|
], 32),
|
|
21448
|
-
createVNode(Transition, { name: "fade" }, {
|
|
21445
|
+
createVNode(Transition, { name: "pl-dropdown-fade" }, {
|
|
21449
21446
|
default: withCtx(() => [
|
|
21450
21447
|
re.value ? (openBlock(), createElementBlock("div", {
|
|
21451
21448
|
key: 0,
|
|
@@ -21482,7 +21479,7 @@ const PlButtonPlugin = {
|
|
|
21482
21479
|
]);
|
|
21483
21480
|
};
|
|
21484
21481
|
}
|
|
21485
|
-
}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-
|
|
21482
|
+
}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-56b7d99b"]]), PlSelectPlusPlugin = {
|
|
21486
21483
|
install(g) {
|
|
21487
21484
|
g.component("PlSelectPlus", PlSelectPlus);
|
|
21488
21485
|
}
|
|
@@ -34525,7 +34522,7 @@ var objectSupport$1 = { exports: {} };
|
|
|
34525
34522
|
});
|
|
34526
34523
|
})(objectSupport$1);
|
|
34527
34524
|
var objectSupportExports = objectSupport$1.exports;
|
|
34528
|
-
const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExports),
|
|
34525
|
+
const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExports), plDatePickerRange_vue_vue_type_style_index_0_scoped_ea856d1e_lang = "", _withScopeId = (g) => (pushScopeId("data-v-ea856d1e"), 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 = {
|
|
34529
34526
|
__name: "pl-date-picker-range",
|
|
34530
34527
|
props: {
|
|
34531
34528
|
modelValue: {
|
|
@@ -34869,7 +34866,7 @@ const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExpor
|
|
|
34869
34866
|
], 8, _hoisted_1$5);
|
|
34870
34867
|
};
|
|
34871
34868
|
}
|
|
34872
|
-
}, PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-
|
|
34869
|
+
}, PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ea856d1e"]]), PlDatePickerPlusPlugin = {
|
|
34873
34870
|
install(g) {
|
|
34874
34871
|
g.component("PlDatePickerPlus", PlDatePickerPlus), g.component("PlDatePickerRange", PlDatePickerRange);
|
|
34875
34872
|
}
|
|
@@ -35111,13 +35108,13 @@ function _sfc_render$2(g, y) {
|
|
|
35111
35108
|
renderSlot(g.$slots, "default", {}, void 0, !0)
|
|
35112
35109
|
]);
|
|
35113
35110
|
}
|
|
35114
|
-
const PlTag = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$2], ["__scopeId", "data-v-e9e7d669"]]),
|
|
35111
|
+
const PlTag = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$2], ["__scopeId", "data-v-e9e7d669"]]), plSystem_vue_vue_type_style_index_0_scoped_cd3978a3_lang = "", _sfc_main$3 = {};
|
|
35115
35112
|
function _sfc_render$1(g, y) {
|
|
35116
35113
|
return openBlock(), createElementBlock("span", null, [
|
|
35117
35114
|
renderSlot(g.$slots, "default", {}, void 0, !0)
|
|
35118
35115
|
]);
|
|
35119
35116
|
}
|
|
35120
|
-
const PlSystem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1], ["__scopeId", "data-v-
|
|
35117
|
+
const PlSystem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1], ["__scopeId", "data-v-cd3978a3"]]), PlTextPlugin = {
|
|
35121
35118
|
install(g) {
|
|
35122
35119
|
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);
|
|
35123
35120
|
}
|
|
@@ -35172,7 +35169,7 @@ const PlSystem = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_rende
|
|
|
35172
35169
|
]);
|
|
35173
35170
|
};
|
|
35174
35171
|
}
|
|
35175
|
-
}),
|
|
35172
|
+
}), plCheckboxPlus_vue_vue_type_style_index_0_scoped_87f46bd6_lang = "", PlCheckboxPlus = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-87f46bd6"]]), PlCheckboxPlusPlugin = {
|
|
35176
35173
|
install(g) {
|
|
35177
35174
|
g.component("PlCheckboxPlus", PlCheckboxPlus);
|
|
35178
35175
|
}
|
|
@@ -35182,7 +35179,7 @@ function _sfc_render(g, y) {
|
|
|
35182
35179
|
renderSlot(g.$slots, "default", {}, void 0, !0)
|
|
35183
35180
|
]);
|
|
35184
35181
|
}
|
|
35185
|
-
const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-03c9626c"]]),
|
|
35182
|
+
const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-03c9626c"]]), plSnackbar_vue_vue_type_style_index_0_scoped_d9222403_lang = "", _hoisted_1 = {
|
|
35186
35183
|
key: 0,
|
|
35187
35184
|
class: "pl-snackbar__wrapper"
|
|
35188
35185
|
}, _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 = {
|
|
@@ -35243,7 +35240,7 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
|
|
|
35243
35240
|
return (re, ae) => {
|
|
35244
35241
|
const le = resolveDirective("tap");
|
|
35245
35242
|
return openBlock(), createBlock(TransitionGroup, {
|
|
35246
|
-
name: "fade",
|
|
35243
|
+
name: "pl-snackbar-fade",
|
|
35247
35244
|
mode: "out-in"
|
|
35248
35245
|
}, {
|
|
35249
35246
|
default: withCtx(() => [
|
|
@@ -35292,7 +35289,7 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
|
|
|
35292
35289
|
});
|
|
35293
35290
|
};
|
|
35294
35291
|
}
|
|
35295
|
-
}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
35292
|
+
}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9222403"]]), snackbarAnimation = "";
|
|
35296
35293
|
let snackbarId = 0;
|
|
35297
35294
|
const renderSnackbar = function(g) {
|
|
35298
35295
|
const { icon: y, color: j, title: z, message: L, button: V, action: re, buttonAdd: ae, actionAdd: le } = g;
|
|
@@ -35304,7 +35301,7 @@ const renderSnackbar = function(g) {
|
|
|
35304
35301
|
ie.id = `snackbar-${snackbarId}`, ie.classList.add("slideIn-animation"), document.getElementById("snackbar").appendChild(ie);
|
|
35305
35302
|
const pe = createApp({
|
|
35306
35303
|
render() {
|
|
35307
|
-
return h$2(TransitionGroup, { name: "fade", mode: "out-in" }, () => [
|
|
35304
|
+
return h$2(TransitionGroup, { name: "pl-snackbar-fade", mode: "out-in" }, () => [
|
|
35308
35305
|
h$2(PlSnackbar, { icon: y, color: j, title: z, message: L, button: V, action: re, buttonAdd: ae, actionAdd: le })
|
|
35309
35306
|
]);
|
|
35310
35307
|
}
|