fu-kit 1.1.4 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fu-kit",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "",
   "type": "module",
   "main": "src/entry.js",

package/src/components/UiButton.vue

@@ -100,6 +100,7 @@ export default defineComponent({
     }
 
     &:disabled {
+      cursor: default;
       color: var(--ui-pal-disabled-border);
       box-shadow: none;
     }
@@ -128,6 +129,7 @@ export default defineComponent({
     &:disabled {
       color: var(--ui-pal-disabled-border);
       box-shadow: none;
+      cursor: default;
     }
   }
 
@@ -158,7 +160,7 @@ export default defineComponent({
   }
 
   &:disabled {
-    cursor: not-allowed;
+    cursor: default;
     background: var(--ui-pal-disabled);
     border-color: var(--ui-pal-disabled-border);
     border-style: var(--ui-lt-disabled-border-style);
@@ -171,7 +173,7 @@ export default defineComponent({
   //
 
   &._loading {
-    color: transparent;
+    color: transparent !important;
   }
 
   &_loader {

package/src/components/UiButtonLink.vue

@@ -67,7 +67,7 @@ export default defineComponent({
   }
 
   &:disabled {
-    cursor: not-allowed;
+    cursor: default;
     color: var(--ui-pal-disabled);
   }
 }

package/src/components/UiCheck.vue

@@ -10,7 +10,7 @@
         :checked="modelValue"
         class="ui-check_input"
         v-bind="{...$attrs, disabled: isDisabled, type: 'checkbox', class: undefined, style: undefined}"
-        @input="$emit('update:modelValue', $event.target.checked)"
+        @change="handleChange"
     >
     <span
         :class="{
@@ -40,20 +40,24 @@ export default defineComponent({
     isLoading: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
   },
-  emits: [ 'update:modelValue' ],
-  setup (props) {
+  emits: [ 'update:modelValue', 'change', 'input' ],
+  setup (props, { emit }) {
     const inputRef = ref(null)
     const isDisabled = computed(() => props.disabled || props.disabled === '')
 
-
     const mouseUp = () => {
       // oof
-      setTimeout(() => {
-        inputRef.value.blur()
-      }, 0)
+      setTimeout(() => inputRef.value.blur(), 0)
+    }
+
+    const handleChange = (event) => {
+      event.stopPropagation()
+      emit('update:modelValue', event.target.checked)
+      emit('change', event)
+      emit('input', event)
     }
 
-    return { isDisabled, inputRef, mouseUp }
+    return { isDisabled, inputRef, mouseUp, handleChange }
   },
 })
 </script>