@factoringplus/pl-components-pack-v3 1.2.6-pre-07 → 1.2.6
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 -34
- 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
|
+
```
|
|
@@ -24082,10 +24082,10 @@ const G6 = /* @__PURE__ */ P("span", { class: "pl-currency__rub-icon" }, "₽",
|
|
|
24082
24082
|
pe(
|
|
24083
24083
|
() => v.value,
|
|
24084
24084
|
(N) => {
|
|
24085
|
-
c.value && (N ?
|
|
24085
|
+
c.value && (N ? D() : m());
|
|
24086
24086
|
}
|
|
24087
24087
|
);
|
|
24088
|
-
const f = k(!1),
|
|
24088
|
+
const f = k(!1), y = async () => {
|
|
24089
24089
|
await He();
|
|
24090
24090
|
const N = o.value;
|
|
24091
24091
|
if (!N)
|
|
@@ -24094,16 +24094,21 @@ const G6 = /* @__PURE__ */ P("span", { class: "pl-currency__rub-icon" }, "₽",
|
|
|
24094
24094
|
A.style.visibility = "hidden", A.style.position = "absolute", A.style.whiteSpace = "nowrap", A.classList.remove("text-truncate"), o.value.appendChild(A);
|
|
24095
24095
|
const w = A.offsetWidth > N.offsetWidth;
|
|
24096
24096
|
f.value = w, o.value.removeChild(A);
|
|
24097
|
-
};
|
|
24097
|
+
}, { width: M } = Nr(), { width: h } = hi(o);
|
|
24098
24098
|
pe(
|
|
24099
|
-
|
|
24099
|
+
[h, M],
|
|
24100
24100
|
() => {
|
|
24101
|
-
t.truncated &&
|
|
24102
|
-
}
|
|
24101
|
+
t.truncated && y();
|
|
24102
|
+
},
|
|
24103
|
+
{ immediate: !0 }
|
|
24103
24104
|
);
|
|
24104
|
-
const
|
|
24105
|
+
const m = () => {
|
|
24105
24106
|
!n.value && (!t.truncated || f.value) && (n.value = !0);
|
|
24106
|
-
},
|
|
24107
|
+
}, D = () => {
|
|
24108
|
+
r.value = !0, setTimeout(() => {
|
|
24109
|
+
(v.value || d.value) && (n.value = !1), r.value = !1;
|
|
24110
|
+
}, 200);
|
|
24111
|
+
}, b = (N) => !!N && N().length > 0 && !!N()[0].children || !!N()[0].props, j = () => {
|
|
24107
24112
|
if (!s.value)
|
|
24108
24113
|
return { top: 0, left: 0 };
|
|
24109
24114
|
const N = o.value.parentElement.getBoundingClientRect(), A = i.value, w = u.value, _ = o.value.parentElement.offsetWidth, O = o.value.parentElement.offsetHeight;
|
|
@@ -24149,31 +24154,17 @@ const G6 = /* @__PURE__ */ P("span", { class: "pl-currency__rub-icon" }, "₽",
|
|
|
24149
24154
|
break;
|
|
24150
24155
|
}
|
|
24151
24156
|
return { top: $, left: C, borderRadius: E, width: t.width };
|
|
24152
|
-
},
|
|
24153
|
-
yi(() => {
|
|
24157
|
+
}, x = L(() => j());
|
|
24158
|
+
return yi(() => {
|
|
24154
24159
|
s.value && (i.value = s.value.parentElement.offsetHeight, u.value = s.value.parentElement.offsetWidth);
|
|
24155
|
-
})
|
|
24156
|
-
|
|
24157
|
-
r.value = !0, setTimeout(() => {
|
|
24158
|
-
(v.value || d.value) && (n.value = !1), r.value = !1;
|
|
24159
|
-
}, 200);
|
|
24160
|
-
};
|
|
24161
|
-
pe(n, (N) => {
|
|
24162
|
-
N && _n("scroll", j);
|
|
24160
|
+
}), pe(n, (N) => {
|
|
24161
|
+
N && _n("scroll", D);
|
|
24163
24162
|
}), bo(
|
|
24164
24163
|
o,
|
|
24165
24164
|
() => {
|
|
24166
|
-
|
|
24165
|
+
D();
|
|
24167
24166
|
},
|
|
24168
24167
|
{ ignore: [s] }
|
|
24169
|
-
);
|
|
24170
|
-
const { width: x } = hi(o);
|
|
24171
|
-
return pe(
|
|
24172
|
-
x,
|
|
24173
|
-
() => {
|
|
24174
|
-
console.log(1), t.truncated && M();
|
|
24175
|
-
},
|
|
24176
|
-
{ immediate: !0 }
|
|
24177
24168
|
), (N, A) => {
|
|
24178
24169
|
const w = Xt("tap");
|
|
24179
24170
|
return I(), S("div", null, [
|
|
@@ -24192,17 +24183,17 @@ const G6 = /* @__PURE__ */ P("span", { class: "pl-currency__rub-icon" }, "₽",
|
|
|
24192
24183
|
}, [
|
|
24193
24184
|
Se(N.$slots, "default")
|
|
24194
24185
|
])), [
|
|
24195
|
-
[w,
|
|
24186
|
+
[w, m]
|
|
24196
24187
|
]),
|
|
24197
|
-
n.value && !N.disabled &&
|
|
24188
|
+
n.value && !N.disabled && b(N.$slots["tooltip-text"]) ? (I(), S("div", {
|
|
24198
24189
|
key: 2,
|
|
24199
24190
|
"data-testid": "tooltipPlus",
|
|
24200
|
-
style: Fe(
|
|
24191
|
+
style: Fe(x.value),
|
|
24201
24192
|
class: Y([
|
|
24202
24193
|
"tooltip-container",
|
|
24203
24194
|
{ "tooltip-closeing": r.value },
|
|
24204
24195
|
{ "tooltip-delay": (N.delay === void 0 && N.truncated || N.delay) && c.value },
|
|
24205
|
-
{ "tooltip-container__flexible": f.value && p(
|
|
24196
|
+
{ "tooltip-container__flexible": f.value && p(M) < 730 }
|
|
24206
24197
|
])
|
|
24207
24198
|
}, [
|
|
24208
24199
|
P("div", {
|
|
@@ -29107,7 +29098,7 @@ const DH = {
|
|
|
29107
29098
|
},
|
|
29108
29099
|
setup(e) {
|
|
29109
29100
|
Va((r) => ({
|
|
29110
|
-
|
|
29101
|
+
"376d3142": r.width
|
|
29111
29102
|
}));
|
|
29112
29103
|
const t = e, n = L(() => t.disabled ? "var(--color-text-icons-tertiary)" : t.active ? "var(--color-text-icons-primary)" : "var(--color-text-icons-secondary)");
|
|
29113
29104
|
return (r, o) => t.label ? (I(), S("div", {
|
|
@@ -29128,7 +29119,7 @@ const DH = {
|
|
|
29128
29119
|
], 2)) : J("", !0);
|
|
29129
29120
|
}
|
|
29130
29121
|
});
|
|
29131
|
-
const IH = /* @__PURE__ */ Kn(bH, [["__scopeId", "data-v-
|
|
29122
|
+
const IH = /* @__PURE__ */ Kn(bH, [["__scopeId", "data-v-da2a89ef"]]), TH = { class: "pl-multitab-container" }, _H = /* @__PURE__ */ Ne({
|
|
29132
29123
|
__name: "pl-multitab",
|
|
29133
29124
|
props: {
|
|
29134
29125
|
modelValue: { default: "" },
|
|
@@ -29197,7 +29188,7 @@ const IH = /* @__PURE__ */ Kn(bH, [["__scopeId", "data-v-734a9673"]]), TH = { cl
|
|
|
29197
29188
|
};
|
|
29198
29189
|
}
|
|
29199
29190
|
});
|
|
29200
|
-
const wH = /* @__PURE__ */ Kn(_H, [["__scopeId", "data-v-
|
|
29191
|
+
const wH = /* @__PURE__ */ Kn(_H, [["__scopeId", "data-v-edffb37f"]]), jH = {
|
|
29201
29192
|
install(e) {
|
|
29202
29193
|
e.component("PlMultitab", wH);
|
|
29203
29194
|
}
|