straw-ui-vue 0.1.26 → 0.1.28

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.
Files changed (6) hide show
  1. package/dist/components/st-card/index.d.ts +39 -9
  2. package/dist/components/st-card/st-card-group.d.ts +5 -1
  3. package/dist/components/st-card/st-card.d.ts +5 -1
  4. package/dist/components/st-card/types.d.ts +190 -184
  5. package/dist/straw-ui.js +46 -19
  6. package/package.json +1 -1
package/dist/components/st-card/index.d.ts CHANGED
@@ -1,31 +1,51 @@
1
1
  export declare const StCard: {
2
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
2
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCardProps> & Readonly<{
3
+ onClick?: (event: MouseEvent) => any;
4
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5
+ click: (event: MouseEvent) => any;
6
+ }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
3
7
  P: {};
4
8
  B: {};
5
9
  D: {};
6
10
  C: {};
7
11
  M: {};
8
12
  Defaults: {};
9
- }, Readonly<import('./types.d.ts').StCardProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
13
+ }, Readonly<import('./types.d.ts').StCardProps> & Readonly<{
14
+ onClick?: (event: MouseEvent) => any;
15
+ }>, {}, {}, {}, {}, {}>;
10
16
  __isFragment?: never;
11
17
  __isTeleport?: never;
12
18
  __isSuspense?: never;
13
- } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCardProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
19
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCardProps> & Readonly<{
20
+ onClick?: (event: MouseEvent) => any;
21
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
22
+ click: (event: MouseEvent) => any;
23
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
14
24
  $slots: import('./types.d.ts').StCardSlots;
15
25
  }) & {
16
26
  StCardGroup: {
17
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
27
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{
28
+ onClick?: (event: MouseEvent) => any;
29
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
30
+ click: (event: MouseEvent) => any;
31
+ }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
18
32
  P: {};
19
33
  B: {};
20
34
  D: {};
21
35
  C: {};
22
36
  M: {};
23
37
  Defaults: {};
24
- }, Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
38
+ }, Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{
39
+ onClick?: (event: MouseEvent) => any;
40
+ }>, {}, {}, {}, {}, {}>;
25
41
  __isFragment?: never;
26
42
  __isTeleport?: never;
27
43
  __isSuspense?: never;
28
- } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
44
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{
45
+ onClick?: (event: MouseEvent) => any;
46
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
47
+ click: (event: MouseEvent) => any;
48
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
29
49
  $slots: import('./types.d.ts').StCardGroupSlots;
30
50
  });
31
51
  StCardGroupAction: {
@@ -120,18 +140,28 @@ export declare const StCard: {
120
140
  });
121
141
  };
122
142
  export declare const StCardGroup: {
123
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
143
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{
144
+ onClick?: (event: MouseEvent) => any;
145
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
146
+ click: (event: MouseEvent) => any;
147
+ }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
124
148
  P: {};
125
149
  B: {};
126
150
  D: {};
127
151
  C: {};
128
152
  M: {};
129
153
  Defaults: {};
130
- }, Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
154
+ }, Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{
155
+ onClick?: (event: MouseEvent) => any;
156
+ }>, {}, {}, {}, {}, {}>;
131
157
  __isFragment?: never;
132
158
  __isTeleport?: never;
133
159
  __isSuspense?: never;
134
- } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
160
+ } & import('vue').ComponentOptionsBase<Readonly<import('./types.d.ts').StCardGroupProps> & Readonly<{
161
+ onClick?: (event: MouseEvent) => any;
162
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
163
+ click: (event: MouseEvent) => any;
164
+ }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
135
165
  $slots: import('./types.d.ts').StCardGroupSlots;
136
166
  });
137
167
  export declare const StCardGroupAction: {
package/dist/components/st-card/st-card-group.d.ts CHANGED
@@ -1,6 +1,10 @@
1
1
  import { StCardGroupProps, StCardGroupSlots } from './types.d.ts';
2
2
  type __VLS_Slots = StCardGroupSlots;
3
- declare const __VLS_base: import('vue').DefineComponent<StCardGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
3
+ declare const __VLS_base: import('vue').DefineComponent<StCardGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
4
+ click: (event: MouseEvent) => any;
5
+ }, string, import('vue').PublicProps, Readonly<StCardGroupProps> & Readonly<{
6
+ onClick?: (event: MouseEvent) => any;
7
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
4
8
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
5
9
  declare const _default: typeof __VLS_export;
6
10
  export default _default;
package/dist/components/st-card/st-card.d.ts CHANGED
@@ -1,6 +1,10 @@
1
1
  import { StCardProps, StCardSlots } from './types.d.ts';
2
2
  type __VLS_Slots = StCardSlots;
3
- declare const __VLS_base: import('vue').DefineComponent<StCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
3
+ declare const __VLS_base: import('vue').DefineComponent<StCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
4
+ click: (event: MouseEvent) => any;
5
+ }, string, import('vue').PublicProps, Readonly<StCardProps> & Readonly<{
6
+ onClick?: (event: MouseEvent) => any;
7
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
4
8
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
5
9
  declare const _default: typeof __VLS_export;
6
10
  export default _default;
package/dist/components/st-card/types.d.ts CHANGED
@@ -1,184 +1,190 @@
1
- import type { ClassValue, StyleValue } from 'vue';
2
-
3
- /**
4
- * 卡片组组件属性
5
- * */
6
- export interface StCardGroupProps {}
7
-
8
- /**
9
- * 卡片组组件插槽
10
- * */
11
- export interface StCardGroupSlots {
12
- /** 默认插槽 */
13
- default?: () => unknown;
14
- }
15
-
16
- /**
17
- * 卡片组组件事件
18
- * */
19
- export interface StCardGroupEmits {}
20
-
21
- /**
22
- * 卡片头组件属性
23
- * */
24
- export interface StCardGroupHeaderProps {}
25
-
26
- /**
27
- * 卡片头组件插槽
28
- * */
29
- export interface StCardGroupHeaderSlots {
30
- /** 默认插槽 */
31
- default?: () => unknown;
32
- }
33
-
34
- /**
35
- * 卡片头组件事件
36
- * */
37
- export interface StCardGroupHeaderEmits {}
38
-
39
- /**
40
- * 卡片按钮组件属性
41
- * */
42
- export interface StCardGroupActionProps {}
43
-
44
- /**
45
- * 卡片按钮组件插槽
46
- * */
47
- export interface StCardGroupActionSlots {
48
- /** 默认插槽 */
49
- default?: () => unknown;
50
- }
51
-
52
- /**
53
- * 卡片标题组件属性
54
- * */
55
- export interface StCardGroupTitleProps {}
56
-
57
- /**
58
- * 卡片标题组件插槽
59
- * */
60
- export interface StCardGroupTitleSlots {
61
- /** 默认插槽 */
62
- default?: () => unknown;
63
- }
64
-
65
- /**
66
- * 卡片标题组件事件
67
- * */
68
- export interface StCardGroupTitleEmits {}
69
-
70
- /**
71
- * 卡片按钮组件事件
72
- * */
73
- export interface StCardGroupActionEmits {}
74
-
75
- /**
76
- * 卡片描述组件属性
77
- * */
78
- export interface StCardGroupDescriptionProps {}
79
-
80
- /**
81
- * 卡片描述组件插槽
82
- * */
83
- export interface StCardGroupDescriptionSlots {
84
- /** 默认插槽 */
85
- default?: () => unknown;
86
- }
87
-
88
- /**
89
- * 卡片描述组件事件
90
- * */
91
- export interface StCardGroupDescriptionEmits {}
92
-
93
- /**
94
- * 卡片主体组件属性
95
- * */
96
- export interface StCardGroupContentProps {}
97
-
98
- /**
99
- * 卡片主体组件插槽
100
- * */
101
- export interface StCardGroupContentSlots {
102
- /** 默认插槽 */
103
- default?: () => unknown;
104
- }
105
-
106
- /**
107
- * 卡片主体组件事件
108
- * */
109
- export interface StCardGroupContentEmits {}
110
-
111
- /**
112
- * 卡片脚组件属性
113
- * */
114
- export interface StCardGroupFooterProps {}
115
-
116
- /**
117
- * 卡片脚组件插槽
118
- * */
119
- export interface StCardGroupFooterSlots {
120
- /** 默认插槽 */
121
- default?: () => unknown;
122
- }
123
-
124
- /**
125
- * 卡片脚组件事件
126
- * */
127
- export interface StCardGroupFooterEmits {}
128
-
129
- /**
130
- * 卡片组件属性
131
- * */
132
- export interface StCardProps {
133
- /** 标题 */
134
- title?: string;
135
- /** 描述 */
136
- description?: string;
137
- /** 头部样式类 */
138
- headerClass?: ClassValue;
139
- /** 头部样式 */
140
- headerStyle?: StyleValue;
141
- /** 标题样式类 */
142
- titleClass?: ClassValue;
143
- /** 标题样式 */
144
- titleStyle?: StyleValue;
145
- /** 描述样式类 */
146
- descriptionClass?: ClassValue;
147
- /** 描述样式 */
148
- descriptionStyle?: StyleValue;
149
- /** 额外按钮样式类 */
150
- actionClass?: ClassValue;
151
- /** 额外按钮样式 */
152
- actionStyle?: StyleValue;
153
- /** 主体样式类 */
154
- contentClass?: ClassValue;
155
- /** 主体样式 */
156
- contentStyle?: StyleValue;
157
- /** 脚部样式类 */
158
- footerClass?: ClassValue;
159
- /** 脚部样式 */
160
- footerStyle?: StyleValue;
161
- }
162
-
163
- /**
164
- * 卡片组件插槽
165
- * */
166
- export interface StCardSlots {
167
- /** 标题插槽 */
168
- title?: () => unknown;
169
- /** 描述插槽 */
170
- description?: () => unknown;
171
- /** 额外按钮插槽 */
172
- action?: () => unknown;
173
- /** 默认插槽 */
174
- default?: () => unknown;
175
- /** 脚部插槽 */
176
- footer?: () => unknown;
177
- }
178
-
179
- /**
180
- * 卡片组件事件
181
- * */
182
- export interface StCardEmits {}
183
-
184
- export {};
1
+ import type { ClassValue, StyleValue } from 'vue';
2
+
3
+ /**
4
+ * 卡片组组件属性
5
+ * */
6
+ export interface StCardGroupProps {}
7
+
8
+ /**
9
+ * 卡片组组件插槽
10
+ * */
11
+ export interface StCardGroupSlots {
12
+ /** 默认插槽 */
13
+ default?: () => unknown;
14
+ }
15
+
16
+ /**
17
+ * 卡片组组件事件
18
+ * */
19
+ export interface StCardGroupEmits {
20
+ /** 点击事件 */
21
+ click: [event: MouseEvent];
22
+ }
23
+
24
+ /**
25
+ * 卡片头组件属性
26
+ * */
27
+ export interface StCardGroupHeaderProps {}
28
+
29
+ /**
30
+ * 卡片头组件插槽
31
+ * */
32
+ export interface StCardGroupHeaderSlots {
33
+ /** 默认插槽 */
34
+ default?: () => unknown;
35
+ }
36
+
37
+ /**
38
+ * 卡片头组件事件
39
+ * */
40
+ export interface StCardGroupHeaderEmits {}
41
+
42
+ /**
43
+ * 卡片按钮组件属性
44
+ * */
45
+ export interface StCardGroupActionProps {}
46
+
47
+ /**
48
+ * 卡片按钮组件插槽
49
+ * */
50
+ export interface StCardGroupActionSlots {
51
+ /** 默认插槽 */
52
+ default?: () => unknown;
53
+ }
54
+
55
+ /**
56
+ * 卡片标题组件属性
57
+ * */
58
+ export interface StCardGroupTitleProps {}
59
+
60
+ /**
61
+ * 卡片标题组件插槽
62
+ * */
63
+ export interface StCardGroupTitleSlots {
64
+ /** 默认插槽 */
65
+ default?: () => unknown;
66
+ }
67
+
68
+ /**
69
+ * 卡片标题组件事件
70
+ * */
71
+ export interface StCardGroupTitleEmits {}
72
+
73
+ /**
74
+ * 卡片按钮组件事件
75
+ * */
76
+ export interface StCardGroupActionEmits {}
77
+
78
+ /**
79
+ * 卡片描述组件属性
80
+ * */
81
+ export interface StCardGroupDescriptionProps {}
82
+
83
+ /**
84
+ * 卡片描述组件插槽
85
+ * */
86
+ export interface StCardGroupDescriptionSlots {
87
+ /** 默认插槽 */
88
+ default?: () => unknown;
89
+ }
90
+
91
+ /**
92
+ * 卡片描述组件事件
93
+ * */
94
+ export interface StCardGroupDescriptionEmits {}
95
+
96
+ /**
97
+ * 卡片主体组件属性
98
+ * */
99
+ export interface StCardGroupContentProps {}
100
+
101
+ /**
102
+ * 卡片主体组件插槽
103
+ * */
104
+ export interface StCardGroupContentSlots {
105
+ /** 默认插槽 */
106
+ default?: () => unknown;
107
+ }
108
+
109
+ /**
110
+ * 卡片主体组件事件
111
+ * */
112
+ export interface StCardGroupContentEmits {}
113
+
114
+ /**
115
+ * 卡片脚组件属性
116
+ * */
117
+ export interface StCardGroupFooterProps {}
118
+
119
+ /**
120
+ * 卡片脚组件插槽
121
+ * */
122
+ export interface StCardGroupFooterSlots {
123
+ /** 默认插槽 */
124
+ default?: () => unknown;
125
+ }
126
+
127
+ /**
128
+ * 卡片脚组件事件
129
+ * */
130
+ export interface StCardGroupFooterEmits {}
131
+
132
+ /**
133
+ * 卡片组件属性
134
+ * */
135
+ export interface StCardProps {
136
+ /** 标题 */
137
+ title?: string;
138
+ /** 描述 */
139
+ description?: string;
140
+ /** 头部样式类 */
141
+ headerClass?: ClassValue;
142
+ /** 头部样式 */
143
+ headerStyle?: StyleValue;
144
+ /** 标题样式类 */
145
+ titleClass?: ClassValue;
146
+ /** 标题样式 */
147
+ titleStyle?: StyleValue;
148
+ /** 描述样式类 */
149
+ descriptionClass?: ClassValue;
150
+ /** 描述样式 */
151
+ descriptionStyle?: StyleValue;
152
+ /** 额外按钮样式类 */
153
+ actionClass?: ClassValue;
154
+ /** 额外按钮样式 */
155
+ actionStyle?: StyleValue;
156
+ /** 主体样式类 */
157
+ contentClass?: ClassValue;
158
+ /** 主体样式 */
159
+ contentStyle?: StyleValue;
160
+ /** 脚部样式类 */
161
+ footerClass?: ClassValue;
162
+ /** 脚部样式 */
163
+ footerStyle?: StyleValue;
164
+ }
165
+
166
+ /**
167
+ * 卡片组件插槽
168
+ * */
169
+ export interface StCardSlots {
170
+ /** 标题插槽 */
171
+ title?: () => unknown;
172
+ /** 描述插槽 */
173
+ description?: () => unknown;
174
+ /** 额外按钮插槽 */
175
+ action?: () => unknown;
176
+ /** 默认插槽 */
177
+ default?: () => unknown;
178
+ /** 脚部插槽 */
179
+ footer?: () => unknown;
180
+ }
181
+
182
+ /**
183
+ * 卡片组件事件
184
+ * */
185
+ export interface StCardEmits {
186
+ /** 点击事件 */
187
+ click: [event: MouseEvent];
188
+ }
189
+
190
+ export {};
package/dist/straw-ui.js CHANGED
@@ -235,13 +235,15 @@ var de = ["disabled"], fe = /*@__PURE__*/ w({
235
235
  name: "StCardGroup",
236
236
  inheritAttrs: !1,
237
237
  __name: "st-card-group",
238
+ emits: ["click"],
238
239
  setup(e, { emit: t }) {
239
240
  let n = W();
240
241
  K();
241
- let r = h(() => l("border border-solid border-border rounded", n.class));
242
+ let r = t, i = h(() => l("border border-solid border-border rounded bg-background", n.class));
242
243
  return (e, t) => (P(), v("div", {
243
- class: k([r.value, "st-card-group"]),
244
- style: A(U(n).style)
244
+ class: k([i.value, "st-card-group"]),
245
+ style: A(U(n).style),
246
+ onClick: t[0] ||= (e) => r("click", e)
245
247
  }, [R(e.$slots, "default")], 6));
246
248
  }
247
249
  }), be = /* @__PURE__ */ w({
@@ -349,38 +351,63 @@ var de = ["disabled"], fe = /*@__PURE__*/ w({
349
351
  Array
350
352
  ] }
351
353
  },
354
+ emits: ["click"],
352
355
  setup(e, { emit: t }) {
353
- let n = C({ loader: () => Promise.resolve().then(() => Me) }), r = C({ loader: () => Promise.resolve().then(() => Fe) }), i = C({ loader: () => Promise.resolve().then(() => Ee) }), a = C({ loader: () => Promise.resolve().then(() => Ce) }), o = C({ loader: () => Promise.resolve().then(() => ke) }), s = W(), c = K(), l = e, u = h(() => !!(l.title || c.title)), d = h(() => !!(s.description || c.description)), f = h(() => !!c.action), p = h(() => u.value || d.value || f.value), m = h(() => !!c.footer);
356
+ let n = C({ loader: () => Promise.resolve().then(() => Me) }), r = C({ loader: () => Promise.resolve().then(() => Fe) }), i = C({ loader: () => Promise.resolve().then(() => Ee) }), a = C({ loader: () => Promise.resolve().then(() => Ce) }), o = C({ loader: () => Promise.resolve().then(() => ke) }), s = W(), c = K(), l = t, u = e, d = h(() => !!(u.title || c.title)), f = h(() => !!(s.description || c.description)), p = h(() => !!c.action), m = h(() => d.value || f.value || p.value), v = h(() => !!c.footer);
354
357
  return (e, t) => (P(), g(ye, {
355
358
  class: k(U(s).class),
356
- style: A(U(s).style)
359
+ style: A(U(s).style),
360
+ onClick: t[0] ||= (e) => l("click", e)
357
361
  }, {
358
362
  default: Y(() => [
359
- p.value ? (P(), g(U(n), { key: 0 }, {
363
+ m.value ? (P(), g(U(n), {
364
+ key: 0,
365
+ class: k(u.headerClass),
366
+ style: A(u.headerStyle)
367
+ }, {
360
368
  default: Y(() => [
361
- u.value ? (P(), g(U(r), { key: 0 }, {
362
- default: Y(() => [R(e.$slots, "title", {}, () => [x(B(l.title), 1)])]),
369
+ d.value ? (P(), g(U(r), {
370
+ key: 0,
371
+ class: k(u.titleClass),
372
+ style: A(u.headerStyle)
373
+ }, {
374
+ default: Y(() => [R(e.$slots, "title", {}, () => [x(B(u.title), 1)])]),
363
375
  _: 3
364
- })) : _("", !0),
365
- d.value ? (P(), g(U(i), { key: 1 }, {
366
- default: Y(() => [R(e.$slots, "description", {}, () => [x(B(l.description), 1)])]),
376
+ }, 8, ["class", "style"])) : _("", !0),
377
+ f.value ? (P(), g(U(i), {
378
+ key: 1,
379
+ class: k(u.descriptionClass),
380
+ style: A(u.descriptionStyle)
381
+ }, {
382
+ default: Y(() => [R(e.$slots, "description", {}, () => [x(B(u.description), 1)])]),
367
383
  _: 3
368
- })) : _("", !0),
369
- f.value ? (P(), g(U(a), { key: 2 }, {
384
+ }, 8, ["class", "style"])) : _("", !0),
385
+ p.value ? (P(), g(U(a), {
386
+ key: 2,
387
+ class: k(u.actionClass),
388
+ style: A(u.actionStyle)
389
+ }, {
370
390
  default: Y(() => [R(e.$slots, "action")]),
371
391
  _: 3
372
- })) : _("", !0)
392
+ }, 8, ["class", "style"])) : _("", !0)
373
393
  ]),
374
394
  _: 3
375
- })) : _("", !0),
376
- S(be, null, {
395
+ }, 8, ["class", "style"])) : _("", !0),
396
+ S(be, {
397
+ class: k(u.contentClass),
398
+ style: A(u.contentStyle)
399
+ }, {
377
400
  default: Y(() => [R(e.$slots, "default")]),
378
401
  _: 3
379
- }),
380
- m.value ? (P(), g(U(o), { key: 1 }, {
402
+ }, 8, ["class", "style"]),
403
+ v.value ? (P(), g(U(o), {
404
+ key: 1,
405
+ class: k(u.footerClass),
406
+ style: A(u.footerStyle)
407
+ }, {
381
408
  default: Y(() => [R(e.$slots, "footer")]),
382
409
  _: 3
383
- })) : _("", !0)
410
+ }, 8, ["class", "style"])) : _("", !0)
384
411
  ]),
385
412
  _: 3
386
413
  }, 8, ["class", "style"]));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "straw-ui-vue",
3
- "version": "0.1.26",
3
+ "version": "0.1.28",
4
4
  "type": "module",
5
5
  "main": "./dist/straw-ui.js",
6
6
  "module": "./dist/straw-ui.js",