fu-kit 1.1.3 → 1.1.5

package/package.json

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

package/src/components/UiButton.vue

@@ -2,6 +2,7 @@
   <button
       v-bind="{
         ...$attrs,
+        disabled,
         type: $attrs.type || 'button',
         class: [
             'ui-button',
@@ -15,6 +16,7 @@
   >
     <slot />
     <ui-icon v-if="isLoading" class="ui-button_loader" name="spinner" />
+
   </button>
 </template>
 
@@ -27,6 +29,7 @@ export default defineComponent({
   name: 'ui-button',
   components: { UiIcon },
   props: {
+    disabled: { type: Boolean, default: false },
     hollow: { type: Boolean, default: false },
     naked: { type: Boolean, default: false },
     isLoading: { type: Boolean, default: false },
@@ -97,6 +100,7 @@ export default defineComponent({
     }
 
     &:disabled {
+      cursor: default;
       color: var(--ui-pal-disabled-border);
       box-shadow: none;
     }
@@ -125,6 +129,7 @@ export default defineComponent({
     &:disabled {
       color: var(--ui-pal-disabled-border);
       box-shadow: none;
+      cursor: default;
     }
   }
 
@@ -155,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);
@@ -168,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>

package/src/components/UiTextarea.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-      :class="{'_disabled': $attrs.disabled !== undefined || $attrs.readOnly  !== undefined }"
+      :class="{'_disabled': disabled || $attrs.readOnly  !== undefined }"
       class="ui-text"
       v-bind="{ class: $attrs.class }"
   >
@@ -8,7 +8,7 @@
         ref="textarea"
         :value="modelValue"
         class="ui-text_textarea"
-        v-bind="{...$attrs, class: undefined}"
+        v-bind="{...$attrs, disabled, class: undefined}"
         @input="handleInput"
     />
   </div>
@@ -20,6 +20,8 @@ import { defineComponent, onMounted, ref } from 'vue'
 export default defineComponent({
   name: 'ui-textarea',
   props: {
+    disabled: { type: Boolean, default: false },
+
     modelValue: {
       type: [ String, Number ],
       default: '',