@dataloop-ai/components 0.20.178-alert.0 → 0.20.178-ds-v3.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/package.json +1 -1
- package/src/components/basic/DlAlert/DlAlert.vue +41 -130
- package/src/components/compound/DlDateTime/DlDateTimeRange/DateTimeRangeContent.vue +177 -0
- package/src/components/compound/DlDateTime/DlDateTimeRange/DlDateTimeRange.vue +88 -99
- package/src/components/compound/DlDateTime/DlDateTimeRange/types.ts +5 -0
- package/src/components/compound/DlInput/DlInput.vue +4 -0
- package/src/components/compound/DlSearches/DlSearch/DlSearch.vue +8 -0
- package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue +24 -7
- package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchJsonEditorDialog.vue +187 -45
- package/src/components/compound/DlSelect/DlSelect.vue +10 -2
- package/src/components/compound/DlTable/DlTable.vue +11 -11
- package/src/components/compound/DlTreeTable/DlTreeTable.vue +4 -2
- package/src/components/compound/DlTreeTable/views/DlTrTreeView.vue +1 -1
- package/src/components/essential/DlSwitch/DlSwitch.vue +14 -4
- package/src/demos/DlAlertDemo.vue +0 -40
- package/src/demos/DlDateTimeRangeDemo.vue +20 -0
- package/src/demos/SmartSearchDemo/DlSmartSearchDemo.vue +1 -0
|
@@ -66,42 +66,6 @@
|
|
|
66
66
|
ratione cumque!
|
|
67
67
|
</DlAlert>
|
|
68
68
|
</div>
|
|
69
|
-
|
|
70
|
-
<div style="margin-top: 20px">
|
|
71
|
-
<h3 style="margin-bottom: 10px">Confirmation Dialog Examples</h3>
|
|
72
|
-
<DlAlert
|
|
73
|
-
type="warning"
|
|
74
|
-
:closable="true"
|
|
75
|
-
:confirm-close="true"
|
|
76
|
-
fluid
|
|
77
|
-
@dismiss="handleDismiss"
|
|
78
|
-
>
|
|
79
|
-
Click the X button to see the confirmation dialog before
|
|
80
|
-
closing.
|
|
81
|
-
</DlAlert>
|
|
82
|
-
<DlAlert
|
|
83
|
-
type="error"
|
|
84
|
-
:closable="true"
|
|
85
|
-
:confirm-close="true"
|
|
86
|
-
confirm-close-header="Custom Dismiss Alert"
|
|
87
|
-
confirm-close-message="This is a custom confirmation message."
|
|
88
|
-
fluid
|
|
89
|
-
style="margin-top: 10px"
|
|
90
|
-
@dismiss="handleDismiss"
|
|
91
|
-
>
|
|
92
|
-
Custom confirmation dialog with custom header and message.
|
|
93
|
-
</DlAlert>
|
|
94
|
-
<DlAlert
|
|
95
|
-
type="info"
|
|
96
|
-
:closable="true"
|
|
97
|
-
:confirm-close="false"
|
|
98
|
-
fluid
|
|
99
|
-
style="margin-top: 10px"
|
|
100
|
-
>
|
|
101
|
-
This alert closes immediately without confirmation
|
|
102
|
-
(confirm-close is false).
|
|
103
|
-
</DlAlert>
|
|
104
|
-
</div>
|
|
105
69
|
</div>
|
|
106
70
|
</template>
|
|
107
71
|
|
|
@@ -130,10 +94,6 @@ export default defineComponent({
|
|
|
130
94
|
index === alertTypes.length - 1
|
|
131
95
|
? alertTypes[0]
|
|
132
96
|
: alertTypes[index + 1]
|
|
133
|
-
},
|
|
134
|
-
handleDismiss() {
|
|
135
|
-
console.log('Alert dismissed!')
|
|
136
|
-
// You can add custom logic here when the alert is dismissed
|
|
137
97
|
}
|
|
138
98
|
},
|
|
139
99
|
template: 'dl-alert-demo'
|
|
@@ -176,6 +176,26 @@
|
|
|
176
176
|
@change="handleModelValueUpdate"
|
|
177
177
|
/>
|
|
178
178
|
</div>
|
|
179
|
+
<div style="width: 500px; margin-top: 30px">
|
|
180
|
+
<div style="margin-bottom: 10px; font-weight: bold">
|
|
181
|
+
Inline Mode
|
|
182
|
+
</div>
|
|
183
|
+
<dl-date-time-range
|
|
184
|
+
v-model="date"
|
|
185
|
+
:type="type"
|
|
186
|
+
width="100%"
|
|
187
|
+
:available-range="range ? availableRange : null"
|
|
188
|
+
:mode="mode"
|
|
189
|
+
:show-time="showTime"
|
|
190
|
+
:auto-close="autoClose"
|
|
191
|
+
:including-current-month="includesCurrentMonthEnd"
|
|
192
|
+
:should-clear-select-first-option="shouldClearSelectFirstOption"
|
|
193
|
+
:disabled-type="type === 'day' ? 'month' : 'day'"
|
|
194
|
+
view-mode="inline"
|
|
195
|
+
@set-type="handleSetType"
|
|
196
|
+
@change="handleModelValueUpdate"
|
|
197
|
+
/>
|
|
198
|
+
</div>
|
|
179
199
|
</div>
|
|
180
200
|
</template>
|
|
181
201
|
<script lang="ts">
|