From 93e6b9d790a383996ee2382fc8ad92e56ceeac8b Mon Sep 17 00:00:00 2001 From: Jeff Sagal Date: Fri, 22 Mar 2024 20:38:57 -0700 Subject: [PATCH] wip poc --- dev/Dev.vue | 88 +- package.json | 46 +- src/components/ComboBox/ComboBox.vue | 72 + src/components/ComboBox/ComboBoxButton.vue | 28 + src/components/ComboBox/ComboBoxInput.vue | 13 + .../ComboBoxMenu.vue} | 7 +- .../ComboBoxOption.vue} | 9 +- src/components/ComboBox/StyledComboBox.vue | 50 + src/components/ListBox/ListBox.vue | 58 - src/hooks/useClickAway.ts | 21 + src/hooks/useComboBox.ts | 0 src/hooks/useModelValue.ts | 5 + src/keys.ts | 7 +- src/types.ts | 16 + tsconfig.app.json | 2 +- tsconfig.vite-config.json | 2 +- yarn.lock | 5768 +++++++++-------- 17 files changed, 3393 insertions(+), 2799 deletions(-) create mode 100644 src/components/ComboBox/ComboBox.vue create mode 100644 src/components/ComboBox/ComboBoxButton.vue create mode 100644 src/components/ComboBox/ComboBoxInput.vue rename src/components/{ListBox/ListBoxMenu.vue => ComboBox/ComboBoxMenu.vue} (56%) rename src/components/{ListBox/ListBoxOption.vue => ComboBox/ComboBoxOption.vue} (62%) create mode 100644 src/components/ComboBox/StyledComboBox.vue delete mode 100644 src/components/ListBox/ListBox.vue create mode 100644 src/hooks/useClickAway.ts create mode 100644 src/hooks/useComboBox.ts create mode 100644 src/hooks/useModelValue.ts create mode 100644 src/types.ts diff --git a/dev/Dev.vue b/dev/Dev.vue index 85b1762..5096a5a 100644 --- a/dev/Dev.vue +++ b/dev/Dev.vue @@ -1,42 +1,94 @@ + + diff --git a/src/components/ComboBox/ComboBoxButton.vue b/src/components/ComboBox/ComboBoxButton.vue new file mode 100644 index 0000000..277d184 --- /dev/null +++ b/src/components/ComboBox/ComboBoxButton.vue @@ -0,0 +1,28 @@ + + + diff --git a/src/components/ComboBox/ComboBoxInput.vue b/src/components/ComboBox/ComboBoxInput.vue new file mode 100644 index 0000000..a0e71b9 --- /dev/null +++ b/src/components/ComboBox/ComboBoxInput.vue @@ -0,0 +1,13 @@ + + + diff --git a/src/components/ListBox/ListBoxMenu.vue b/src/components/ComboBox/ComboBoxMenu.vue similarity index 56% rename from src/components/ListBox/ListBoxMenu.vue rename to src/components/ComboBox/ComboBoxMenu.vue index 62b893c..160dfea 100644 --- a/src/components/ListBox/ListBoxMenu.vue +++ b/src/components/ComboBox/ComboBoxMenu.vue @@ -1,7 +1,6 @@