@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 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"]]), plMultitab_vue_vue_type_style_index_0_scoped_b000d762_lang = "", _hoisted_1$H = { class: "pl-multitab-container" }, _sfc_main$12 = {
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(j.navClass)
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
- 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)
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-b000d762"]]), PlMultitabPlugin = {
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 plAutocompete_vue_vue_type_style_index_0_scoped_f3094ae1_lang = "", _hoisted_1$F = { class: "pl-autocomplete__wrapper" }, _hoisted_2$z = { class: "pl-autocomplete__select-container" }, _hoisted_3$t = {
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
- "79b3dc83": j.width
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-f3094ae1"]]), PlAutocompletePlugin = {
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
- }, plSelectPlus_vue_vue_type_style_index_0_scoped_713263c1_lang = "", _hoisted_1$A = { class: "pl-select__wrapper" }, _hoisted_2$w = {
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
- "361f3bae": j.width
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-713263c1"]]), PlSelectPlusPlugin = {
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), 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 = {
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-bb4a2e93"]]), PlDatePickerPlusPlugin = {
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"]]), plSystem_vue_vue_type_style_index_0_scoped_19a81c11_lang = "", _sfc_main$3 = {};
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-19a81c11"]]), PlTextPlugin = {
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
- }), plCheckboxPlus_vue_vue_type_style_index_0_scoped_2cd30e2d_lang = "", PlCheckboxPlus = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2cd30e2d"]]), PlCheckboxPlusPlugin = {
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"]]), plSnackbar_vue_vue_type_style_index_0_scoped_6b2b9338_lang = "", _hoisted_1 = {
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-6b2b9338"]]), snackbarAnimation = "";
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
  }