webcake-ui-kit 1.1.20 → 1.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-ui-kit",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "UI Kit for Vue 2 && 3 - Pure Options API",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/components/select/select.css

@@ -137,7 +137,7 @@
   height: 28px;
   padding: var(--spacing-2xs) var(--spacing-6);
   gap: var(--spacing-2xs);
-  border-radius: var(--rounded-lg);
+  border-radius: var(--radius);
 }
 
 .ui-select--xs .ui-select__left {
@@ -204,7 +204,6 @@
   margin: 0;
   min-width: 60px;
   flex: 1;
-  font-size: 12px;
 }
 
 .ui-select__search::placeholder {

package/src/components/select-option/SelectOption.vue

@@ -16,7 +16,7 @@
     <span class="ui-select-option--label">
       <slot>{{ label || value }}</slot>
     </span>
-    <WkiCheck v-if="isSelected" :size="16" color="var(--muted-fg)" />
+    <WkiCheck v-if="isSelected && isMultiMode" :size="16" color="var(--muted-fg)" />
   </div>
 </template>
 
@@ -103,6 +103,9 @@ export default {
     },
     isDisabled() {
       return this.disabled || !!(this.select && this.select.disabled)
+    },
+    isMultiMode() {
+      return !!(this.select && this.select.isMultiMode)
     }
   },
 

package/src/components/table/Table.vue

@@ -35,7 +35,8 @@
             @click="onHeaderClick(col)"
             @keydown.enter.prevent="onHeaderClick(col)"
             @keydown.space.prevent="onHeaderClick(col)"
-            v-bind="customHeader ? customHeader(col, i) : {}"
+            v-bind="customHeaderAttrs(col, i)"
+            v-on="customHeaderListeners(col, i)"
           >
             <span class="ui-table__th-inner">
               <slot name="headerCell" :column="col">{{ col.title }}</slot>
@@ -80,7 +81,8 @@
               isSelected(record, rowIndex(i)) && 'ui-table__row--selected'
             ]"
             :style="{ height: toCssSize(rowHeight) }"
-            v-bind="customRow ? customRow(record, rowIndex(i)) : {}"
+            v-bind="customRowAttrs(record, rowIndex(i))"
+            v-on="customRowListeners(record, rowIndex(i))"
             @click="hasSelection ? onRowClick(record, rowIndex(i), $event) : undefined"
           >
             <td
@@ -277,6 +279,38 @@ export default {
     this.teardown()
   },
   methods: {
+    // Split a customRow/customHeader result into plain attributes and event listeners.
+    // The public API mirrors ant-design-vue's `onClick`/`onDblclick`/... convention, which
+    // Vue 3 auto-resolves to listeners when spread via v-bind — but Vue 2 would bind them as
+    // raw DOM attributes. So we strip the `onXxx` keys into a v-on map (event name lower-cased)
+    // and leave the rest for v-bind, which works identically on both runtimes.
+    splitBindings(raw) {
+      const attrs = {}
+      const on = {}
+      if (raw) {
+        Object.keys(raw).forEach(key => {
+          const match = /^on([A-Z].*)$/.exec(key)
+          if (match) {
+            on[match[1].charAt(0).toLowerCase() + match[1].slice(1)] = raw[key]
+          } else {
+            attrs[key] = raw[key]
+          }
+        })
+      }
+      return { attrs, on }
+    },
+    customRowAttrs(record, index) {
+      return this.customRow ? this.splitBindings(this.customRow(record, index)).attrs : {}
+    },
+    customRowListeners(record, index) {
+      return this.customRow ? this.splitBindings(this.customRow(record, index)).on : {}
+    },
+    customHeaderAttrs(col, index) {
+      return this.customHeader ? this.splitBindings(this.customHeader(col, index)).attrs : {}
+    },
+    customHeaderListeners(col, index) {
+      return this.customHeader ? this.splitBindings(this.customHeader(col, index)).on : {}
+    },
     teardown() {
       window.removeEventListener('resize', this.onResize)
       if (this.rafId != null) {