@factoringplus/pl-components-pack-v3 0.5.99 → 0.5.101-pre-01
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 +25 -17
- package/dist/pl-components-pack-v3.umd.js +1 -1
- 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
|
+
```
|
|
@@ -18636,11 +18636,13 @@ var useCurrencyInput = (g, y) => {
|
|
|
18636
18636
|
};
|
|
18637
18637
|
};
|
|
18638
18638
|
const plCurrency_vue_vue_type_style_index_0_lang = "", _hoisted_1$M = /* @__PURE__ */ createElementVNode("span", { class: "pl-currency__rub-icon" }, "₽", -1), __default__$a = {
|
|
18639
|
-
name: "
|
|
18639
|
+
name: "PlCurrencyM"
|
|
18640
18640
|
}, _sfc_main$18 = /* @__PURE__ */ Object.assign(__default__$a, {
|
|
18641
18641
|
props: {
|
|
18642
18642
|
width: String,
|
|
18643
|
-
modelValue:
|
|
18643
|
+
modelValue: {
|
|
18644
|
+
required: !0
|
|
18645
|
+
},
|
|
18644
18646
|
round: {
|
|
18645
18647
|
type: Boolean,
|
|
18646
18648
|
default: !1
|
|
@@ -18650,23 +18652,29 @@ const plCurrency_vue_vue_type_style_index_0_lang = "", _hoisted_1$M = /* @__PURE
|
|
|
18650
18652
|
default: () => ({})
|
|
18651
18653
|
}
|
|
18652
18654
|
},
|
|
18653
|
-
|
|
18654
|
-
|
|
18655
|
-
|
|
18655
|
+
emits: ["update:modelValue", "change"],
|
|
18656
|
+
setup(g, { emit: y }) {
|
|
18657
|
+
const j = g, { round: z, currencyInputOptions: $ } = toRefs(j), V = reactive({
|
|
18658
|
+
currency: "RUB",
|
|
18656
18659
|
currencyDisplay: "hidden",
|
|
18657
18660
|
precision: z.value ? 0 : 2,
|
|
18658
18661
|
hideGroupingSeparatorOnFocus: !1,
|
|
18659
18662
|
...unref($)
|
|
18660
|
-
}), { inputRef: re, formattedValue: ae, setValue: le } = useCurrencyInput(V)
|
|
18661
|
-
|
|
18662
|
-
|
|
18663
|
-
|
|
18664
|
-
|
|
18665
|
-
|
|
18663
|
+
}), { inputRef: re, formattedValue: ae, setValue: le } = useCurrencyInput(V), ue = computed$1({
|
|
18664
|
+
get: () => j.modelValue,
|
|
18665
|
+
set: (ie) => {
|
|
18666
|
+
y("update:modelValue", ie);
|
|
18667
|
+
}
|
|
18668
|
+
});
|
|
18669
|
+
return watch(ue, (ie) => {
|
|
18670
|
+
le(ie);
|
|
18671
|
+
}), (ie, he) => {
|
|
18672
|
+
const de = ElInput;
|
|
18673
|
+
return openBlock(), createBlock(de, mergeProps(ie.$attrs, {
|
|
18666
18674
|
ref_key: "inputRef",
|
|
18667
18675
|
ref: re,
|
|
18668
18676
|
modelValue: unref(ae),
|
|
18669
|
-
"onUpdate:modelValue":
|
|
18677
|
+
"onUpdate:modelValue": he[0] || (he[0] = (Ne) => isRef(ae) ? ae.value = Ne : null),
|
|
18670
18678
|
style: `width: ${g.width};`,
|
|
18671
18679
|
class: "pl-currency"
|
|
18672
18680
|
}), {
|
|
@@ -20840,7 +20848,7 @@ const PlButtonPlugin = {
|
|
|
20840
20848
|
], 2);
|
|
20841
20849
|
};
|
|
20842
20850
|
}
|
|
20843
|
-
},
|
|
20851
|
+
}, plSelectPlus_vue_vue_type_style_index_0_scoped_53e91059_lang = "", _hoisted_1$x = { class: "pl-select__wrapper" }, _hoisted_2$u = {
|
|
20844
20852
|
key: 0,
|
|
20845
20853
|
class: "pl-select__label-container"
|
|
20846
20854
|
}, _hoisted_3$o = { class: "pl-select__label-container-text" }, _hoisted_4$j = {
|
|
@@ -20925,7 +20933,7 @@ const PlButtonPlugin = {
|
|
|
20925
20933
|
setup(g, { emit: y }) {
|
|
20926
20934
|
const j = g;
|
|
20927
20935
|
useCssVars((Ue) => ({
|
|
20928
|
-
"
|
|
20936
|
+
"0b38395d": j.width
|
|
20929
20937
|
}));
|
|
20930
20938
|
const z = `id-${uniqid()}`, $ = ref([]);
|
|
20931
20939
|
if (j.prop) {
|
|
@@ -20983,8 +20991,8 @@ const PlButtonPlugin = {
|
|
|
20983
20991
|
}, Ie = () => {
|
|
20984
20992
|
de.value = null;
|
|
20985
20993
|
}, pe = computed$1(() => {
|
|
20986
|
-
var Ue, ze;
|
|
20987
|
-
return j.showDescription && ((Ue = Ce.value) != null && Ue.description) ? (
|
|
20994
|
+
var Ue, ze, xe, At, Dt;
|
|
20995
|
+
return j.showDescription && ((Ue = Ce.value) != null && Ue.description || (ze = Ce.value) != null && ze.customDescription) ? (xe = Ce.value) != null && xe.customDescription ? (At = Ce.value) == null ? void 0 : At.customDescription : (Dt = Ce.value) == null ? void 0 : Dt.description : "";
|
|
20988
20996
|
}), Ce = computed$1(() => j.options.filter((Ue) => Ue.value === de.value)[0]), Oe = (Ue) => Ue.value === de.value;
|
|
20989
20997
|
return (Ue, ze) => {
|
|
20990
20998
|
const xe = ElScrollbar;
|
|
@@ -21065,7 +21073,7 @@ const PlButtonPlugin = {
|
|
|
21065
21073
|
]);
|
|
21066
21074
|
};
|
|
21067
21075
|
}
|
|
21068
|
-
}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-
|
|
21076
|
+
}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-53e91059"]]), PlSelectPlusPlugin = {
|
|
21069
21077
|
install(g) {
|
|
21070
21078
|
g.component("PlSelectPlus", PlSelectPlus);
|
|
21071
21079
|
}
|