@quartzds/core-vue 1.0.0-beta.12 → 1.0.0-beta.121
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/CHANGELOG.md +1737 -0
- package/README.md +11 -11
- package/lib/generated/proxies.d.ts +38 -14
- package/lib/generated/proxies.d.ts.map +1 -1
- package/lib/generated/proxies.js +407 -25
- package/lib/generated/proxies.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/package.json +11 -13
- package/styles/core.css +507 -0
- package/lib/generated/vue-component-lib/utils.d.ts +0 -19
- package/lib/generated/vue-component-lib/utils.d.ts.map +0 -1
- package/lib/generated/vue-component-lib/utils.js +0 -168
- package/lib/generated/vue-component-lib/utils.js.map +0 -1
package/README.md
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
<!--
|
|
2
|
-
SPDX-FileCopyrightText: ©
|
|
2
|
+
SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3
3
|
|
|
4
|
-
SPDX-License-Identifier:
|
|
4
|
+
SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
-->
|
|
6
6
|
|
|
7
7
|
# `@quartzds/core-vue`
|
|
8
8
|
|
|
9
|
-
[![NPM Package][npm-badge]][npm-link]
|
|
10
|
-
[![License][license-badge]][license]
|
|
9
|
+
[![NPM Package][npm-badge]][npm-link] [![License][license-badge]][license]
|
|
11
10
|
|
|
12
11
|
Vue wrapper for [Quartz design system][] web components.
|
|
13
12
|
|
|
@@ -21,9 +20,9 @@ npm install @quartzds/core-vue vue
|
|
|
21
20
|
|
|
22
21
|
### Importing Components
|
|
23
22
|
|
|
24
|
-
Every Quartz core component is available to import as a Vue component. Note
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
Every Quartz core component is available to import as a Vue component. Note that
|
|
24
|
+
we're importing the `<QdsButton>` _Vue component_ instead of the `<qds-button>`
|
|
25
|
+
_custom element_ in the example below:
|
|
27
26
|
|
|
28
27
|
```vue
|
|
29
28
|
<template>
|
|
@@ -37,9 +36,9 @@ import { QdsButton } from '@quartzds/core-vue'
|
|
|
37
36
|
|
|
38
37
|
### Event Handling
|
|
39
38
|
|
|
40
|
-
Many Quartz core components emit [custom events][]. For example, the
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
Many Quartz core components emit [custom events][]. For example, the [input
|
|
40
|
+
component][] emits the `qdsInput` event when it receives input. In Vue, you can
|
|
41
|
+
listen to the event using `@qdsInput`.
|
|
43
42
|
|
|
44
43
|
Here's how you can bind the input's value to a state variable:
|
|
45
44
|
|
|
@@ -69,7 +68,8 @@ See the [LICENSE][] file for license rights and limitations.
|
|
|
69
68
|
|
|
70
69
|
[npm-badge]: https://img.shields.io/npm/v/@quartzds/core-vue?logo=npm
|
|
71
70
|
[npm-link]: https://www.npmjs.com/package/@quartzds/core-vue
|
|
72
|
-
[license-badge]:
|
|
71
|
+
[license-badge]:
|
|
72
|
+
https://img.shields.io/npm/l/@quartzds/core-vue?logo=data:image/svg%2bxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTIzLjkgOS43LTMuNTQtNy44OS0uMDA1LS4wMWEuNTQyLjU0MiAwIDAgMC0uMDQxLS4wNzZsLS4wMTQtLjAxOGEuNTMzLjUzMyAwIDAgMC0uMTIyLS4xMjJsLS4wMTUtLjAxMWEuNTI4LjUyOCAwIDAgMC0uMDgtLjA0NGwtLjAyNC0uMDA5YS41MjcuNTI3IDAgMCAwLS4wNjctLjAybC0uMDI4LS4wMDdhLjUyNC41MjQgMCAwIDAtLjA5Ni0uMDFoLTYuODVjLTEuMDItMS41Mi0xLjAyLTEuNTQtMiAwaC02Ljg2YS41NDMuNTQzIDAgMCAwLS4wOTYuMDFsLS4wMjguMDA3YS41MTYuNTE2IDAgMCAwLS4wNjcuMDJsLS4wMjQuMDFhLjUzNy41MzcgMCAwIDAtLjA4LjA0M2wtLjAxNS4wMTFhLjUxLjUxIDAgMCAwLS4wNTcuMDQ3bC0uMDIuMDJhLjU0My41NDMgMCAwIDAtLjA0NS4wNTVsLS4wMTQuMDE4YS41MjIuNTIyIDAgMCAwLS4wNDEuMDc1bC0uMDA1LjAxdi4wMDFMLjExNiA5LjcyYS41MzEuNTMxIDAgMCAwLS4wOTYuMzA0YzAgMi4yOCAxLjg2IDQuMTQgNC4xNCA0LjE0czQuMTQtMS44NiA0LjE0LTQuMTRhLjUzLjUzIDAgMCAwLS4wOTYtLjMwNGwtMy4yNS02LjM3IDYuMDctLjAyM3YxOC4yYy0yLjU1LjI5NC03LjAxLjM4MS03IDIuNWgxNmMwLTIuMDMtNC40OC0yLjI3LTctMi41di0xOC4xbDUuNjktLjAyLTIuOTIgNi40OWMwIC4wMDIgMCAuMDAzLS4wMDIuMDA1bC0uMDA2LjAxOGEuNTQ1LjU0NSAwIDAgMC0uMDIzLjA3NWwtLjAwNS4wMmEuNTI0LjUyNCAwIDAgMC0uMDEuMDkydi4wMDhjMCAyLjI4IDEuODYgNC4xNCA0LjE0IDQuMTQgMi4yOCAwIDQuMTQtMS44NiA0LjE0LTQuMTRhLjUyOC41MjggMCAwIDAtLjEyLS4zMzJ6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+
|
|
73
73
|
[license]: /LICENSE
|
|
74
74
|
[quartz design system]: https://github.com/quartzds
|
|
75
75
|
[custom events]: https://developer.mozilla.org/docs/Web/API/CustomEvent
|
|
@@ -1,15 +1,39 @@
|
|
|
1
|
-
import type
|
|
2
|
-
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const
|
|
1
|
+
import { type StencilVueComponent } from '@stencil/vue-output-target/runtime';
|
|
2
|
+
import type { JSX } from '@quartzds/core';
|
|
3
|
+
export declare const QdsActionItem: StencilVueComponent<JSX.QdsActionItem>;
|
|
4
|
+
export declare const QdsAvatarMedia: StencilVueComponent<JSX.QdsAvatarMedia>;
|
|
5
|
+
export declare const QdsBadgeCounter: StencilVueComponent<JSX.QdsBadgeCounter>;
|
|
6
|
+
export declare const QdsBadgeIndicator: StencilVueComponent<JSX.QdsBadgeIndicator>;
|
|
7
|
+
export declare const QdsBreadcrumbItem: StencilVueComponent<JSX.QdsBreadcrumbItem>;
|
|
8
|
+
export declare const QdsButton: StencilVueComponent<JSX.QdsButton>;
|
|
9
|
+
export declare const QdsCheckbox: StencilVueComponent<JSX.QdsCheckbox, JSX.QdsCheckbox["checked"]>;
|
|
10
|
+
export declare const QdsChip: StencilVueComponent<JSX.QdsChip>;
|
|
11
|
+
export declare const QdsDialog: StencilVueComponent<JSX.QdsDialog>;
|
|
12
|
+
export declare const QdsDivider: StencilVueComponent<JSX.QdsDivider>;
|
|
13
|
+
export declare const QdsDropdown: StencilVueComponent<JSX.QdsDropdown>;
|
|
14
|
+
export declare const QdsFormMessage: StencilVueComponent<JSX.QdsFormMessage>;
|
|
15
|
+
export declare const QdsIcon: StencilVueComponent<JSX.QdsIcon>;
|
|
16
|
+
export declare const QdsIconButton: StencilVueComponent<JSX.QdsIconButton>;
|
|
17
|
+
export declare const QdsInlineLink: StencilVueComponent<JSX.QdsInlineLink>;
|
|
18
|
+
export declare const QdsInput: StencilVueComponent<JSX.QdsInput, JSX.QdsInput["value"]>;
|
|
19
|
+
export declare const QdsLabel: StencilVueComponent<JSX.QdsLabel>;
|
|
20
|
+
export declare const QdsListItem: StencilVueComponent<JSX.QdsListItem>;
|
|
21
|
+
export declare const QdsLoader: StencilVueComponent<JSX.QdsLoader>;
|
|
22
|
+
export declare const QdsMenuItem: StencilVueComponent<JSX.QdsMenuItem>;
|
|
23
|
+
export declare const QdsMiniButton: StencilVueComponent<JSX.QdsMiniButton>;
|
|
24
|
+
export declare const QdsProgressBar: StencilVueComponent<JSX.QdsProgressBar>;
|
|
25
|
+
export declare const QdsRadio: StencilVueComponent<JSX.QdsRadio, JSX.QdsRadio["checked"]>;
|
|
26
|
+
export declare const QdsSelect: StencilVueComponent<JSX.QdsSelect, JSX.QdsSelect["value"]>;
|
|
27
|
+
export declare const QdsStandaloneLink: StencilVueComponent<JSX.QdsStandaloneLink>;
|
|
28
|
+
export declare const QdsSwitch: StencilVueComponent<JSX.QdsSwitch>;
|
|
29
|
+
export declare const QdsTab: StencilVueComponent<JSX.QdsTab>;
|
|
30
|
+
export declare const QdsTabbar: StencilVueComponent<JSX.QdsTabbar>;
|
|
31
|
+
export declare const QdsTable: StencilVueComponent<JSX.QdsTable>;
|
|
32
|
+
export declare const QdsTableCell: StencilVueComponent<JSX.QdsTableCell>;
|
|
33
|
+
export declare const QdsTableHeadCell: StencilVueComponent<JSX.QdsTableHeadCell>;
|
|
34
|
+
export declare const QdsTableRow: StencilVueComponent<JSX.QdsTableRow>;
|
|
35
|
+
export declare const QdsTag: StencilVueComponent<JSX.QdsTag>;
|
|
36
|
+
export declare const QdsTextarea: StencilVueComponent<JSX.QdsTextarea>;
|
|
37
|
+
export declare const QdsTitle: StencilVueComponent<JSX.QdsTitle>;
|
|
38
|
+
export declare const QdsTooltip: StencilVueComponent<JSX.QdsTooltip>;
|
|
15
39
|
//# sourceMappingURL=proxies.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"proxies.d.ts","sourceRoot":"","sources":["../../src/generated/proxies.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"proxies.d.ts","sourceRoot":"","sources":["../../src/generated/proxies.ts"],"names":[],"mappings":"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"}
|