@citizenplane/pimp 9.15.2 → 9.15.4
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/pimp.es.js +2031 -2031
- package/dist/pimp.umd.js +41 -41
- package/package.json +1 -1
- package/src/components/CpTable.vue +2 -0
- package/src/components/CpToast.vue +2 -2
- package/src/stories/CpToast.stories.ts +4 -4
package/package.json
CHANGED
|
@@ -503,6 +503,8 @@ const getColumnStyle = (column: CpTableColumnObject, idx: number) => {
|
|
|
503
503
|
|
|
504
504
|
if (!hasAFullWidthColumnVisible.value && isLastColumn(idx)) {
|
|
505
505
|
width = `${FULL_WIDTH_SIZE}px`
|
|
506
|
+
} else if (column.isFull) {
|
|
507
|
+
width = `${FULL_WIDTH_SIZE}px`
|
|
506
508
|
} else if (column.width) {
|
|
507
509
|
width = `${column.width}px`
|
|
508
510
|
}
|
|
@@ -57,7 +57,6 @@ import { capitalizeFirstLetter } from '@/helpers'
|
|
|
57
57
|
|
|
58
58
|
interface Message {
|
|
59
59
|
detail?: string
|
|
60
|
-
hideTimer?: boolean
|
|
61
60
|
life?: number
|
|
62
61
|
primaryAction?: {
|
|
63
62
|
label: string
|
|
@@ -68,10 +67,11 @@ interface Message {
|
|
|
68
67
|
onClick: VoidFunction
|
|
69
68
|
}
|
|
70
69
|
severity: CpToastTypes
|
|
70
|
+
showTimer?: boolean
|
|
71
71
|
summary: string
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
const displayTimer = (message: Message) =>
|
|
74
|
+
const displayTimer = (message: Message) => message.showTimer && message.life !== undefined
|
|
75
75
|
|
|
76
76
|
const getDynamicClass = (severity: string) => `cpToast--is${capitalizeFirstLetter(severity)}`
|
|
77
77
|
|
|
@@ -132,7 +132,7 @@ export const WithTimer: Story = {
|
|
|
132
132
|
setup() {
|
|
133
133
|
const toast = useToast()
|
|
134
134
|
|
|
135
|
-
const
|
|
135
|
+
const showTimer = ref(false)
|
|
136
136
|
|
|
137
137
|
const notifyWithTimer = () => {
|
|
138
138
|
toast.add({
|
|
@@ -140,11 +140,11 @@ export const WithTimer: Story = {
|
|
|
140
140
|
summary: "Hello i'm a cpToast with a timer !",
|
|
141
141
|
detail: 'This is a cpToast description.',
|
|
142
142
|
life: 2500,
|
|
143
|
-
|
|
143
|
+
showTimer: showTimer.value,
|
|
144
144
|
})
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
-
return { args, notifyWithTimer,
|
|
147
|
+
return { args, notifyWithTimer, showTimer }
|
|
148
148
|
},
|
|
149
149
|
template: `
|
|
150
150
|
<div style="padding: 16px;">
|
|
@@ -152,7 +152,7 @@ export const WithTimer: Story = {
|
|
|
152
152
|
|
|
153
153
|
<cp-button @click="notifyWithTimer">Show toast with timer</cp-button>
|
|
154
154
|
<div style="margin-top: 24px">
|
|
155
|
-
<cp-switch v-model="
|
|
155
|
+
<cp-switch v-model="showTimer" label="Show timer bar ?"</cp-switch>
|
|
156
156
|
</div>
|
|
157
157
|
</div>
|
|
158
158
|
`,
|