fu-kit 1.1.4 → 1.1.6

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/UiButton.vue +4 -2
  3. package/src/components/UiButtonLink.vue +1 -1
  4. package/src/components/UiCheck.vue +12 -8
  5. package/src/components/UiIconProvider.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fu-kit",
3
- "version": "1.1.4",
3
+ "version": "1.1.6",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "src/entry.js",
package/src/components/UiButton.vue CHANGED
@@ -100,6 +100,7 @@ export default defineComponent({
100
100
  }
101
101
 
102
102
  &:disabled {
103
+ cursor: default;
103
104
  color: var(--ui-pal-disabled-border);
104
105
  box-shadow: none;
105
106
  }
@@ -128,6 +129,7 @@ export default defineComponent({
128
129
  &:disabled {
129
130
  color: var(--ui-pal-disabled-border);
130
131
  box-shadow: none;
132
+ cursor: default;
131
133
  }
132
134
  }
133
135
 
@@ -158,7 +160,7 @@ export default defineComponent({
158
160
  }
159
161
 
160
162
  &:disabled {
161
- cursor: not-allowed;
163
+ cursor: default;
162
164
  background: var(--ui-pal-disabled);
163
165
  border-color: var(--ui-pal-disabled-border);
164
166
  border-style: var(--ui-lt-disabled-border-style);
@@ -171,7 +173,7 @@ export default defineComponent({
171
173
  //
172
174
 
173
175
  &._loading {
174
- color: transparent;
176
+ color: transparent !important;
175
177
  }
176
178
 
177
179
  &_loader {
package/src/components/UiButtonLink.vue CHANGED
@@ -67,7 +67,7 @@ export default defineComponent({
67
67
  }
68
68
 
69
69
  &:disabled {
70
- cursor: not-allowed;
70
+ cursor: default;
71
71
  color: var(--ui-pal-disabled);
72
72
  }
73
73
  }
package/src/components/UiCheck.vue CHANGED
@@ -10,7 +10,7 @@
10
10
  :checked="modelValue"
11
11
  class="ui-check_input"
12
12
  v-bind="{...$attrs, disabled: isDisabled, type: 'checkbox', class: undefined, style: undefined}"
13
- @input="$emit('update:modelValue', $event.target.checked)"
13
+ @change="handleChange"
14
14
  >
15
15
  <span
16
16
  :class="{
@@ -40,20 +40,24 @@ export default defineComponent({
40
40
  isLoading: { type: Boolean, default: false },
41
41
  disabled: { type: Boolean, default: false },
42
42
  },
43
- emits: [ 'update:modelValue' ],
44
- setup (props) {
43
+ emits: [ 'update:modelValue', 'change', 'input' ],
44
+ setup (props, { emit }) {
45
45
  const inputRef = ref(null)
46
46
  const isDisabled = computed(() => props.disabled || props.disabled === '')
47
47
 
48
-
49
48
  const mouseUp = () => {
50
49
  // oof
51
- setTimeout(() => {
52
- inputRef.value.blur()
53
- }, 0)
50
+ setTimeout(() => inputRef.value.blur(), 0)
51
+ }
52
+
53
+ const handleChange = (event) => {
54
+ event.stopPropagation()
55
+ emit('update:modelValue', event.target.checked)
56
+ emit('change', event)
57
+ emit('input', event)
54
58
  }
55
59
 
56
- return { isDisabled, inputRef, mouseUp }
60
+ return { isDisabled, inputRef, mouseUp, handleChange }
57
61
  },
58
62
  })
59
63
  </script>
package/src/components/UiIconProvider.vue CHANGED
@@ -225,13 +225,13 @@
225
225
  <symbol id="chevron-up" viewBox="0 0 24 24">
226
226
  <path d="M4 16L12 8L20 16" stroke="var(--icon-color, currentColor)" stroke-linecap="round" stroke-linejoin="round" />
227
227
  </symbol>
228
- <symbol id="chield-check" viewBox="0 0 24 24">
228
+ <symbol id="shield-check" viewBox="0 0 24 24">
229
229
  <path
230
230
  d="M3 13V4.22222L4.94372 4.07224C6.6371 3.94158 8.29889 3.54213 9.86666 2.88889L12 2L14.1333 2.88889C15.7011 3.54213 17.3629 3.94158 19.0563 4.07224L21 4.22222V13C21 17.9706 16.9706 22 12 22C7.02944 22 3 17.9706 3 13Z"
231
231
  stroke="var(--icon-color, currentColor)" stroke-linecap="round" stroke-linejoin="round" />
232
232
  <path d="M8 12L10.5 14.5L16 9" stroke="var(--icon-color, currentColor)" stroke-linecap="round" stroke-linejoin="round" />
233
233
  </symbol>
234
- <symbol id="chield" viewBox="0 0 24 24">
234
+ <symbol id="shield" viewBox="0 0 24 24">
235
235
  <path
236
236
  d="M3 13V4.22222L4.94372 4.07224C6.6371 3.94158 8.29889 3.54213 9.86666 2.88889L12 2L14.1333 2.88889C15.7011 3.54213 17.3629 3.94158 19.0563 4.07224L21 4.22222V13C21 17.9706 16.9706 22 12 22C7.02944 22 3 17.9706 3 13Z"
237
237
  stroke="var(--icon-color, currentColor)" stroke-linecap="round" stroke-linejoin="round" />