sep-yui 0.1.119 → 0.1.122
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 +25 -5
- package/dist/components/Popover/interface/interface.d.ts +1 -0
- package/dist/sep-yui.es.ts +10 -8
- package/dist/sep-yui.umd.ts +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,13 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
# SEP-YUI
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
**SEP-YUI** — библиотека UI-компонентов для Vue, созданная для решения задачи удобного переиспользования интерфейсных элементов между проектами.
|
|
4
|
+
Она позволяет использовать единый набор UI-решений, снижает связанность компонентов и упрощает поддержку.
|
|
4
5
|
|
|
5
|
-
|
|
6
|
+
## Основные преимущества
|
|
6
7
|
|
|
7
|
-
|
|
8
|
+
- Лёгкая интеграция в существующие проекты
|
|
9
|
+
- Низкий порог входа
|
|
10
|
+
- Гибкость и кастомизация
|
|
11
|
+
- Регулярные обновления и техническая поддержка
|
|
12
|
+
- Возможность комбинирования компонентов внутри проекта
|
|
13
|
+
|
|
14
|
+
---
|
|
15
|
+
|
|
16
|
+
## Установка и подключение
|
|
8
17
|
|
|
9
18
|
```bash
|
|
10
|
-
|
|
19
|
+
npm i sep-yui
|
|
11
20
|
```
|
|
12
21
|
|
|
13
22
|
#### 1. Для использования библиотеки в проекте, необходимо импортировать компоненты библиотеки в главный файл проекта main.ts таким образом:
|
|
@@ -45,6 +54,17 @@ App.vue
|
|
|
45
54
|
<styles scoped></styles>
|
|
46
55
|
```
|
|
47
56
|
|
|
57
|
+
|
|
58
|
+
---
|
|
59
|
+
|
|
60
|
+
## Примеры и Storybook
|
|
61
|
+
|
|
62
|
+
Документация и примеры компонентов:
|
|
63
|
+
|
|
64
|
+
➡️ https://pksep.github.io/sep_yui
|
|
65
|
+
|
|
66
|
+
---
|
|
67
|
+
|
|
48
68
|
## Разработка
|
|
49
69
|
|
|
50
70
|
### Публикация пакетов
|
|
@@ -15,6 +15,7 @@ export interface IPopoverProps extends IDataTestIdProp {
|
|
|
15
15
|
options: IPopoverOption[];
|
|
16
16
|
tooltip?: string;
|
|
17
17
|
tooltipPosition?: TTooltipPosition;
|
|
18
|
+
isWCUse?: boolean;
|
|
18
19
|
}
|
|
19
20
|
export interface IPopoverHoverProps extends IDataTestIdProp {
|
|
20
21
|
position: PopoverHoverEnum;
|
package/dist/sep-yui.es.ts
CHANGED
|
@@ -59153,6 +59153,7 @@ const nEe = ["id", "data-testid"], iEe = ["data-testid"], rEe = ["data-testid"],
|
|
|
59153
59153
|
options: { default: () => [] },
|
|
59154
59154
|
tooltip: { default: "" },
|
|
59155
59155
|
tooltipPosition: { default: "top-left" },
|
|
59156
|
+
isWCUse: { type: Boolean },
|
|
59156
59157
|
dataTestid: { default: "Popover" }
|
|
59157
59158
|
},
|
|
59158
59159
|
emits: ["close"],
|
|
@@ -59232,7 +59233,7 @@ const nEe = ["id", "data-testid"], iEe = ["data-testid"], rEe = ["data-testid"],
|
|
|
59232
59233
|
"position-anchor": `${l.value}`
|
|
59233
59234
|
},
|
|
59234
59235
|
c.value
|
|
59235
|
-
), f.value && k.observe(f.value), o
|
|
59236
|
+
), f.value && k.observe(f.value), o || w();
|
|
59236
59237
|
}), Tr(() => {
|
|
59237
59238
|
k.disconnect(), N(), o || x();
|
|
59238
59239
|
}), (_, W) => (R(), $e(Ah, {
|
|
@@ -59265,7 +59266,10 @@ const nEe = ["id", "data-testid"], iEe = ["data-testid"], rEe = ["data-testid"],
|
|
|
59265
59266
|
"data-testid": `${n.dataTestid}-PopoverShow-Icon`
|
|
59266
59267
|
}, null, 8, ["name", "data-testid"])
|
|
59267
59268
|
], 10, LEe),
|
|
59268
|
-
(R(), $e(e6, {
|
|
59269
|
+
(R(), $e(e6, {
|
|
59270
|
+
to: a.value,
|
|
59271
|
+
disabled: n.isWCUse
|
|
59272
|
+
}, [
|
|
59269
59273
|
ce(Ag, { name: "popover-animate" }, {
|
|
59270
59274
|
default: We(() => {
|
|
59271
59275
|
var $;
|
|
@@ -59291,7 +59295,7 @@ const nEe = ["id", "data-testid"], iEe = ["data-testid"], rEe = ["data-testid"],
|
|
|
59291
59295
|
}),
|
|
59292
59296
|
_: 1
|
|
59293
59297
|
})
|
|
59294
|
-
], 8, ["to"]))
|
|
59298
|
+
], 8, ["to", "disabled"]))
|
|
59295
59299
|
], 8, zEe)), [
|
|
59296
59300
|
[
|
|
59297
59301
|
q(Ig),
|
|
@@ -59304,7 +59308,7 @@ const nEe = ["id", "data-testid"], iEe = ["data-testid"], rEe = ["data-testid"],
|
|
|
59304
59308
|
_: 1
|
|
59305
59309
|
}, 8, ["hint", "position", "data-testid", "is-can-show"]));
|
|
59306
59310
|
}
|
|
59307
|
-
}), bM = /* @__PURE__ */ Se(REe, [["__scopeId", "data-v-
|
|
59311
|
+
}), bM = /* @__PURE__ */ Se(REe, [["__scopeId", "data-v-2102ab8c"]]), BEe = ["colspan", "rowspan", "data-testid"], VEe = /* @__PURE__ */ ne({
|
|
59308
59312
|
name: "TableTh",
|
|
59309
59313
|
__name: "TableTh",
|
|
59310
59314
|
props: {
|
|
@@ -59937,9 +59941,7 @@ const iDe = ["data-testid"], rDe = /* @__PURE__ */ ne({
|
|
|
59937
59941
|
disabled: { type: Boolean },
|
|
59938
59942
|
dataTestid: { default: "BaseFilter" }
|
|
59939
59943
|
}, {
|
|
59940
|
-
modelValue: {
|
|
59941
|
-
default: []
|
|
59942
|
-
},
|
|
59944
|
+
modelValue: {},
|
|
59943
59945
|
modelModifiers: {}
|
|
59944
59946
|
}),
|
|
59945
59947
|
emits: /* @__PURE__ */ Oi(["change", "unmount-open", "unmount-search", "unmount-search-enter", "unmount-pagination"], ["update:modelValue"]),
|
|
@@ -60132,7 +60134,7 @@ const iDe = ["data-testid"], rDe = /* @__PURE__ */ ne({
|
|
|
60132
60134
|
_: 1
|
|
60133
60135
|
}, 8, ["is-opened", "class", "data-testid"]));
|
|
60134
60136
|
}
|
|
60135
|
-
}), _M = /* @__PURE__ */ Se(gDe, [["__scopeId", "data-v-
|
|
60137
|
+
}), _M = /* @__PURE__ */ Se(gDe, [["__scopeId", "data-v-5f2b456d"]]), vDe = ["data-testid"], yDe = /* @__PURE__ */ ne({
|
|
60136
60138
|
name: "Range",
|
|
60137
60139
|
__name: "Range",
|
|
60138
60140
|
props: /* @__PURE__ */ Oi({
|