pimelon-ui 0.1.52 → 0.1.54

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/Tabs.vue +4 -4
  3. package/src/components/TextEditor/InsertLink.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pimelon-ui",
3
- "version": "0.1.52",
3
+ "version": "0.1.54",
4
4
  "description": "A set of components and utilities for rapid UI development",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {
package/src/components/Tabs.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  @change="(idx) => (changedIndex = idx)"
8
8
  >
9
9
  <TabList
10
- class="relative flex items-center gap-6 overflow-x-auto border-b pl-5"
10
+ class="relative flex items-center gap-7.5 overflow-x-auto border-b pl-5"
11
11
  :class="tablistClass"
12
12
  >
13
13
  <Tab
@@ -20,10 +20,10 @@
20
20
  >
21
21
  <slot name="tab" v-bind="{ tab, selected }">
22
22
  <button
23
- class="flex items-center gap-2 border-b border-transparent py-2.5 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900"
23
+ class="flex items-center gap-1.5 border-b border-transparent py-3 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900"
24
24
  :class="{ 'text-gray-900': selected }"
25
25
  >
26
- <component v-if="tab.icon" :is="tab.icon" class="h-5" />
26
+ <component v-if="tab.icon" :is="tab.icon" class="size-4" />
27
27
  {{ tab.label }}
28
28
  </button>
29
29
  </slot>
@@ -85,7 +85,7 @@ const changedIndex = computed({
85
85
 
86
86
  const tabRef = ref([])
87
87
  const indicator = ref(null)
88
- const tabsLength = ref(props.tabs?.length)
88
+ const tabsLength = computed(() => props.tabs?.length)
89
89
 
90
90
  const indicatorLeft = ref(props.options?.indicatorLeft)
91
91
  const transitionClass = ref('')
package/src/components/TextEditor/InsertLink.vue CHANGED
@@ -23,12 +23,12 @@
23
23
  <script>
24
24
  import Dialog from '../Dialog.vue'
25
25
  import Button from '../Button.vue'
26
- import Input from '../Input.vue'
26
+ import FormControl from '../FormControl.vue'
27
27
 
28
28
  export default {
29
29
  name: 'InsertLink',
30
30
  props: ['editor'],
31
- components: { Button, Input, Dialog },
31
+ components: { Button, FormControl, Dialog },
32
32
  data() {
33
33
  return {
34
34
  setLinkDialog: { url: '', show: false },