vanilla-vue-ui 0.0.11 → 0.0.13

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 (54) hide show
  1. package/basic/accordion/WAccordion.stories.ts +33 -0
  2. package/basic/accordion/WAccordion.vue +6 -2
  3. package/basic/breadcrumb/WBreadcrumb.vue +15 -2
  4. package/package.json +1 -1
  5. package/basic/card/WCard.stories.ts +0 -36
  6. package/basic/card/WCard.vue +0 -22
  7. package/basic/carousel/WCarousel.stories.ts +0 -29
  8. package/basic/carousel/WCarousel.vue +0 -90
  9. package/basic/checkbox/WCheckbox.spec.ts +0 -58
  10. package/basic/checkbox/WCheckbox.stories.ts +0 -51
  11. package/basic/checkbox/WCheckbox.vue +0 -42
  12. package/basic/date-picker/WDatePicker.stories.ts +0 -79
  13. package/basic/date-picker/WDatePicker.vue +0 -271
  14. package/basic/dialog/DialogStore.ts +0 -57
  15. package/basic/dialog/WDialog.stories.ts +0 -38
  16. package/basic/dialog/WDialog.vue +0 -66
  17. package/basic/divider/WDivider.spec.ts +0 -42
  18. package/basic/divider/WDivider.stories.ts +0 -40
  19. package/basic/divider/WDivider.vue +0 -56
  20. package/basic/feed/TimeLine.ts +0 -9
  21. package/basic/feed/WFeed.spec.ts +0 -64
  22. package/basic/feed/WFeed.stories.ts +0 -62
  23. package/basic/feed/WFeed.vue +0 -41
  24. package/basic/floating-button/WFloatingButton.stories.ts +0 -24
  25. package/basic/floating-button/WFloatingButton.vue +0 -25
  26. package/basic/gradient-text/WGradientText.stories.ts +0 -23
  27. package/basic/gradient-text/WGradientText.vue +0 -5
  28. package/basic/horizontal-scroll/WHorizontalScroll.stories.ts +0 -29
  29. package/basic/horizontal-scroll/WHorizontalScroll.vue +0 -5
  30. package/basic/loading/LoadingStore.ts +0 -57
  31. package/basic/loading/WLoading.stories.ts +0 -27
  32. package/basic/loading/WLoading.vue +0 -54
  33. package/basic/menu/Menu.stories.ts +0 -55
  34. package/basic/menu/WMenu.vue +0 -96
  35. package/basic/menu/WMenuOption.ts +0 -5
  36. package/basic/navigation-drawer/NavigationDrawerContent.ts +0 -11
  37. package/basic/navigation-drawer/WNavigationDrawer.stories.ts +0 -59
  38. package/basic/navigation-drawer/WNavigationDrawer.vue +0 -123
  39. package/basic/notification/NotificationStore.ts +0 -48
  40. package/basic/notification/WNotification.stories.ts +0 -27
  41. package/basic/notification/WNotification.vue +0 -44
  42. package/basic/pagination/WPagination.stories.ts +0 -30
  43. package/basic/pagination/WPagination.vue +0 -58
  44. package/basic/popup/PopupStore.ts +0 -40
  45. package/basic/popup/WPopup.stories.ts +0 -27
  46. package/basic/popup/WPopup.vue +0 -67
  47. package/basic/slide-over/WSlideOver.stories.ts +0 -23
  48. package/basic/slide-over/WSlideOver.vue +0 -53
  49. package/basic/step/StepContent.ts +0 -8
  50. package/basic/step/StepStatus.ts +0 -3
  51. package/basic/step/WStep.stories.ts +0 -42
  52. package/basic/step/WStep.vue +0 -48
  53. package/basic/table/WTable.stories.ts +0 -23
  54. package/basic/table/WTable.vue +0 -30
@@ -1,23 +0,0 @@
1
- // Replace vue3 with vue if you are using Storybook for Vue 2
2
- import type { Meta, StoryObj } from '@storybook/vue3';
3
-
4
- import Table from './Table.vue';
5
-
6
- const meta: Meta<typeof Table> = {
7
- component: Table,
8
- };
9
-
10
- export default meta;
11
- type Story = StoryObj<typeof Table>;
12
-
13
- /*
14
- *👇 Render functions are a framework specific feature to allow you control on how the component renders.
15
- * See https://storybook.js.org/docs/api/csf
16
- * to learn how to use render functions.
17
- */
18
- export const Primary: Story = {
19
- render: () => ({
20
- components: { Table },
21
- template: '<Table></Table>',
22
- }),
23
- };
@@ -1,30 +0,0 @@
1
- <!-- eslint-disable vue/multi-word-component-names -->
2
- <template>
3
- <div>
4
- <div class="mt-6 border-t border-gray-100">
5
- <dl class="divide-y divide-gray-100">
6
- <div v-for="(record, i) in data" :key="i" class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
7
- <dt class="text-sm font-medium leading-6 text-gray-900">{{ record.title }}</dt>
8
- <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">{{ record.content }}</dd>
9
- </div>
10
- </dl>
11
- </div>
12
- </div>
13
- </template>
14
-
15
- <script setup lang="ts">
16
-
17
- interface Record {
18
- title: string;
19
- content: string;
20
- }
21
-
22
- const data: Record[] = [{
23
- title: 'data1',
24
- content: 'content1'
25
- },
26
- {
27
- title: 'data2',
28
- content: 'content2'
29
- }]
30
- </script>