pimelon-ui 0.1.53 → 0.1.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pimelon-ui",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "description": "A set of components and utilities for rapid UI development",
   "main": "./src/index.js",
   "scripts": {

package/src/components/ListView/ListHeaderItem.vue

@@ -9,9 +9,11 @@
       :class="$attrs.class"
     >
       <slot name="prefix" v-bind="{ item }" />
-      <div class="truncate">
-        {{ item.label }}
-      </div>
+      <slot>
+        <div class="truncate">
+          {{ item.label }}
+        </div>
+      </slot>
       <slot name="suffix" v-bind="{ item }" />
     </div>
     <slot v-if="list.options.resizeColumn" name="resizer" v-bind="{ item }">

package/src/components/ListView/ListRowItem.vue

@@ -2,25 +2,25 @@
   <component
     :is="list.options.showTooltip ? Tooltip : 'div'"
     v-bind="list.options.showTooltip ? { text: label } : {}"
-    class="flex items-center space-x-2"
-    :class="alignmentMap[align]"
   >
-    <slot name="prefix">
-      <component
-        v-if="column.prefix"
-        :is="
-          typeof column.prefix === 'function'
-            ? column.prefix({ row })
-            : column.prefix
-        "
-      />
-    </slot>
-    <slot v-bind="{ label }">
-      <div class="truncate text-base">
-        {{ column?.getLabel ? column.getLabel({ row }) : label }}
-      </div>
-    </slot>
-    <slot name="suffix" />
+    <div class="flex items-center space-x-2" :class="alignmentMap[align]">
+      <slot name="prefix">
+        <component
+          v-if="column.prefix"
+          :is="
+            typeof column.prefix === 'function'
+              ? column.prefix({ row })
+              : column.prefix
+          "
+        />
+      </slot>
+      <slot v-bind="{ label }">
+        <div class="truncate text-base">
+          {{ column?.getLabel ? column.getLabel({ row }) : label }}
+        </div>
+      </slot>
+      <slot name="suffix" />
+    </div>
   </component>
 </template>
 <script setup>

package/src/components/Tabs.vue

@@ -7,7 +7,7 @@
     @change="(idx) => (changedIndex = idx)"
   >
     <TabList
-      class="relative flex items-center gap-6 overflow-x-auto border-b pl-5"
+      class="relative flex items-center gap-7.5 overflow-x-auto border-b pl-5"
       :class="tablistClass"
     >
       <Tab
@@ -20,10 +20,10 @@
       >
         <slot name="tab" v-bind="{ tab, selected }">
           <button
-            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"
+            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"
             :class="{ 'text-gray-900': selected }"
           >
-            <component v-if="tab.icon" :is="tab.icon" class="h-5" />
+            <component v-if="tab.icon" :is="tab.icon" class="size-4" />
             {{ tab.label }}
           </button>
         </slot>

package/src/components/TextEditor/InsertLink.vue

@@ -23,12 +23,12 @@
 <script>
 import Dialog from '../Dialog.vue'
 import Button from '../Button.vue'
-import Input from '../Input.vue'
+import FormControl from '../FormControl.vue'
 
 export default {
   name: 'InsertLink',
   props: ['editor'],
-  components: { Button, Input, Dialog },
+  components: { Button, FormControl, Dialog },
   data() {
     return {
       setLinkDialog: { url: '', show: false },