@phila/phila-ui-callout 0.0.13 → 0.0.17
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 +23 -9
- package/dist/Callout.js +4 -4
- package/dist/Callout.vue.d.ts +4 -4
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -1,16 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
## Usage
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
#### Import single component...
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
```js
|
|
6
|
+
import { Callout } from '@phila/phila-ui';
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
//register it locally...
|
|
9
|
+
components: {
|
|
10
|
+
Callout,
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
//... or register it globally
|
|
14
|
+
Vue.component('callout', Callout);
|
|
10
15
|
```
|
|
11
16
|
|
|
12
|
-
|
|
17
|
+
#### or import the whole library,
|
|
13
18
|
|
|
19
|
+
```js
|
|
20
|
+
import * as PhilaUI from "@phila/phila-ui";
|
|
21
|
+
|
|
22
|
+
//register it globally
|
|
23
|
+
Vue.use(PhilaUI);
|
|
14
24
|
```
|
|
15
|
-
|
|
16
|
-
|
|
25
|
+
|
|
26
|
+
#### then use it in the vue template
|
|
27
|
+
|
|
28
|
+
```html
|
|
29
|
+
<callout></callout>
|
|
30
|
+
```
|
package/dist/Callout.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as r, computed as m,
|
|
1
|
+
import { defineComponent as r, computed as m, createElementBlock as s, openBlock as t, normalizeClass as d, createElementVNode as c, Fragment as a, createTextVNode as p, toDisplayString as u, renderSlot as i, createCommentVNode as f } from "vue";
|
|
2
2
|
const g = { class: "message-body" }, y = {
|
|
3
3
|
// Disabling the multi-word component name rule for this file
|
|
4
4
|
// to ensure component backwards compatibility.
|
|
@@ -12,13 +12,13 @@ const g = { class: "message-body" }, y = {
|
|
|
12
12
|
},
|
|
13
13
|
setup(o) {
|
|
14
14
|
const n = o, l = m(() => `is-${n.messageType}`);
|
|
15
|
-
return (e, _) => (
|
|
15
|
+
return (e, _) => (t(), s("div", {
|
|
16
16
|
class: d(["message", l.value])
|
|
17
17
|
}, [
|
|
18
18
|
c("div", g, [
|
|
19
|
-
e.message ? (
|
|
19
|
+
e.message ? (t(), s(a, { key: 0 }, [
|
|
20
20
|
p(u(e.message), 1)
|
|
21
|
-
], 64)) : (
|
|
21
|
+
], 64)) : (t(), s(a, { key: 1 }, [
|
|
22
22
|
e.$slots.default ? i(e.$slots, "default", { key: 0 }) : f("", !0)
|
|
23
23
|
], 64))
|
|
24
24
|
])
|
package/dist/Callout.vue.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { CalloutProps } from './types';
|
|
2
2
|
|
|
3
|
-
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CalloutProps>, {
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CalloutProps>, {
|
|
4
4
|
messageType: string;
|
|
5
5
|
message: string;
|
|
6
|
-
}
|
|
6
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CalloutProps>, {
|
|
7
7
|
messageType: string;
|
|
8
8
|
message: string;
|
|
9
|
-
}
|
|
9
|
+
}>>> & Readonly<{}>, {
|
|
10
10
|
message: string;
|
|
11
11
|
messageType: string;
|
|
12
|
-
}, {}>, {
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
|
|
13
13
|
default?(_: {}): any;
|
|
14
14
|
}>;
|
|
15
15
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phila/phila-ui-callout",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.17",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"preview": "vite preview"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@phila/phila-ui-core": "^1.0.
|
|
28
|
+
"@phila/phila-ui-core": "^1.0.24",
|
|
29
29
|
"bulma": "^0.9.4",
|
|
30
30
|
"vue": "^3.3.8"
|
|
31
31
|
},
|
|
@@ -33,15 +33,15 @@
|
|
|
33
33
|
"@types/node": "^20.10.3",
|
|
34
34
|
"@vitejs/plugin-vue": "^4.5.0",
|
|
35
35
|
"sass": "^1.69.5",
|
|
36
|
-
"typescript": "^5.
|
|
36
|
+
"typescript": "^5.8.2",
|
|
37
37
|
"vite": "^5.0.0",
|
|
38
38
|
"vite-plugin-dts": "^3.6.4",
|
|
39
39
|
"vite-plugin-lib-inject-css": "^1.3.0",
|
|
40
|
-
"vue-tsc": "^
|
|
40
|
+
"vue-tsc": "^2.2.8"
|
|
41
41
|
},
|
|
42
42
|
"publishConfig": {
|
|
43
43
|
"registry": "https://registry.npmjs.com/",
|
|
44
44
|
"access": "public"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "f00518592815b1bf558d88f77fc4b6b3a30296e5"
|
|
47
47
|
}
|