@bethinkpl/design-system 22.1.0 → 22.1.1
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/dist/design-system.umd.js +80 -78
- package/dist/design-system.umd.js.map +1 -1
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +3 -287
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +3 -233
- package/dist/lib/js/components/SelectList/SelectList.vue.d.ts +3 -4
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +3 -263
- package/docs/iframe.html +1 -1
- package/docs/main.a6d617e8.iframe.bundle.js +1 -0
- package/docs/project.json +1 -1
- package/lib/js/components/PopOver/PopOver.vue +44 -42
- package/package.json +1 -1
- package/docs/main.8dfbddcf.iframe.bundle.js +0 -1
package/docs/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1719819648604,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"metaFramework":{"name":"vue-cli","packageName":"@vue/cli-service","version":"5.0.8"},"packageManager":{"type":"yarn","version":"1.22.22"},"storybookVersion":"6.5.13","language":"typescript","storybookPackages":{"@storybook/builder-webpack5":{"version":"6.5.13"},"@storybook/manager-webpack5":{"version":"6.5.13"},"@storybook/vue3":{"version":"6.5.13"},"eslint-plugin-storybook":{"version":"0.6.6"}},"framework":{"name":"vue3"},"addons":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/addon-docs":{"version":"6.5.15"},"@storybook/addon-controls":{"version":"6.5.15"},"@storybook/addon-storysource":{"version":"6.5.15"},"@storybook/addon-viewport":{"version":"6.5.15"},"storybook-addon-designs":{"version":"6.3.1"}}}
|
|
@@ -1,50 +1,52 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<div
|
|
18
|
-
class="popper ds-popOver"
|
|
19
|
-
:class="{
|
|
20
|
-
'-ds-color-neutral': color === POP_OVER_COLORS.NEUTRAL,
|
|
21
|
-
'-ds-small': size === POP_OVER_SIZES.SMALL,
|
|
22
|
-
'-ds-medium': size === POP_OVER_SIZES.MEDIUM,
|
|
23
|
-
}"
|
|
2
|
+
<span>
|
|
3
|
+
<slot v-if="triggerAction === POP_OVER_TRIGGER_ACTIONS.NONE" name="reference" />
|
|
4
|
+
<vue-popper
|
|
5
|
+
v-else
|
|
6
|
+
ref="popper"
|
|
7
|
+
:key="key"
|
|
8
|
+
:boundaries-selector="boundariesSelector"
|
|
9
|
+
:force-show="forceShow"
|
|
10
|
+
:options="{ placement, modifiers }"
|
|
11
|
+
:trigger="triggerAction"
|
|
12
|
+
:delay-on-mouse-over="300"
|
|
13
|
+
:delay-on-mouse-out="300"
|
|
14
|
+
:append-to-body="appendToBody"
|
|
15
|
+
:visible-arrow="isPointerVisible"
|
|
16
|
+
:root-class="rootClass"
|
|
24
17
|
>
|
|
25
|
-
<
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
<div
|
|
19
|
+
class="popper ds-popOver"
|
|
20
|
+
:class="{
|
|
21
|
+
'-ds-color-neutral': color === POP_OVER_COLORS.NEUTRAL,
|
|
22
|
+
'-ds-small': size === POP_OVER_SIZES.SMALL,
|
|
23
|
+
'-ds-medium': size === POP_OVER_SIZES.MEDIUM,
|
|
24
|
+
}"
|
|
25
|
+
>
|
|
26
|
+
<img v-if="headerImageUrl" class="ds-popOver__image" :src="headerImageUrl" alt="" />
|
|
27
|
+
<div class="ds-popOver__content">
|
|
28
|
+
<div v-if="titleText" class="ds-popOver__title"> {{ titleText }} </div>
|
|
29
|
+
<div v-if="subtitleText" class="ds-popOver__subtitle"> {{ subtitleText }} </div>
|
|
30
|
+
<div class="ds-popOver__contentSlot" :class="{ '-ds-maxHeight': maxHeight }">
|
|
31
|
+
<slot :close="close" />
|
|
32
|
+
</div>
|
|
31
33
|
</div>
|
|
34
|
+
<ds-button
|
|
35
|
+
v-if="buttonText"
|
|
36
|
+
class="ds-popOver__button"
|
|
37
|
+
:type="BUTTON_TYPES.TEXT"
|
|
38
|
+
:size="BUTTON_SIZES.LARGE"
|
|
39
|
+
@click="$emit('button-click')"
|
|
40
|
+
>
|
|
41
|
+
{{ buttonText }}
|
|
42
|
+
</ds-button>
|
|
32
43
|
</div>
|
|
33
|
-
<ds-button
|
|
34
|
-
v-if="buttonText"
|
|
35
|
-
class="ds-popOver__button"
|
|
36
|
-
:type="BUTTON_TYPES.TEXT"
|
|
37
|
-
:size="BUTTON_SIZES.LARGE"
|
|
38
|
-
@click="$emit('button-click')"
|
|
39
|
-
>
|
|
40
|
-
{{ buttonText }}
|
|
41
|
-
</ds-button>
|
|
42
|
-
</div>
|
|
43
44
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
45
|
+
<template #reference>
|
|
46
|
+
<slot name="reference" />
|
|
47
|
+
</template>
|
|
48
|
+
</vue-popper>
|
|
49
|
+
</span>
|
|
48
50
|
</template>
|
|
49
51
|
|
|
50
52
|
<style lang="scss" scoped>
|