sep-yui 0.1.120 → 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 +8 -4
- 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: {
|