chore(ui): update shui demo

experiment/tanstack-table
charlie 2024-06-21 16:22:25 +08:00
parent f1f7d6810b
commit 1a9ad96ad9
1 changed files with 233 additions and 228 deletions

View File

@ -227,13 +227,14 @@
(rum/defc page []
(ui/tooltip-provider
[:div.sm:p-10
[:hr]
[:input
{:type "checkbox" :on-change #(js/console.log "===>> onChange:" % (.-value (.-target %)))}]
(ui/checkbox {:on-click
(fn [^js e] (js/console.log "==>> click:"
(set! (. (.-target e) -checked) (.-state (.-dataset (.-target e))) )
(set! (. (.-target e) -checked) (.-state (.-dataset (.-target e))))
(.-checked (.-target e))
))
:on-checked-change #(js/console.log "==>> on checked change:" %)
@ -357,10 +358,14 @@
;; Dropdown
(section-item "Dropdown"
(ui/dropdown-menu
(ui/tooltip
(ui/tooltip-trigger
(ui/dropdown-menu-trigger
{:as-child true}
(ui/button {:variant :outline}
(ui/tabler-icon "list") "Open dropdown menu"))
(ui/tabler-icon "list") "Open dropdown menu")))
(ui/tooltip-content "test hide?"))
(sample-dropdown-menu-content)))
;; Context menu
@ -477,4 +482,4 @@
(section-item "Date Picker"
(sample-date-picker))]
[:hr.mb-80]])
[:hr.mb-80]]))