@fastkit/vui 1.1.1 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "A simple, extensible UI kit for Vue applications.",
   "keywords": [
     "fastkit",
@@ -46,37 +46,37 @@
   "dependencies": {
     "@fastkit/color-scheme": "^2.1.0",
     "@fastkit/helpers": "^0.15.0",
-    "@fastkit/color-scheme-gen": "^1.1.0",
     "@fastkit/icon-font": "^2.1.0",
-    "@fastkit/dom": "^0.3.0",
+    "@fastkit/color-scheme-gen": "^1.1.0",
     "@fastkit/media-match": "^2.1.0",
+    "@fastkit/dom": "^0.3.0",
+    "@fastkit/vue-app-layout": "^0.18.0",
     "@fastkit/tiny-logger": "^0.15.0",
+    "@fastkit/vue-action": "^0.5.0",
+    "@fastkit/vue-disabled-reason": "^0.2.0",
+    "@fastkit/vue-body-scroll-lock": "^0.4.0",
+    "@fastkit/vue-click-outside": "^0.4.0",
+    "@fastkit/vue-color-scheme": "^0.17.0",
+    "@fastkit/vue-keyboard": "^0.4.0",
+    "@fastkit/vue-location": "^0.6.0",
+    "@fastkit/vue-loading": "^0.17.0",
+    "@fastkit/vue-resize": "^0.4.0",
+    "@fastkit/vue-stack": "^0.19.0",
+    "@fastkit/vue-form-control": "^0.23.0",
+    "@fastkit/vue-media-match": "^0.16.0",
+    "@fastkit/vue-scroller": "^0.17.0",
     "@fastkit/media-match-gen": "^1.1.0",
-    "@fastkit/stylebase": "^0.13.1",
-    "@fastkit/vue-action": "^0.4.0",
     "@fastkit/rules": "^0.15.0",
-    "@fastkit/vue-click-outside": "^0.3.0",
-    "@fastkit/vue-disabled-reason": "^0.1.0",
-    "@fastkit/vue-form-control": "^0.22.1",
-    "@fastkit/vue-body-scroll-lock": "^0.3.0",
-    "@fastkit/vue-keyboard": "^0.3.0",
-    "@fastkit/vue-loading": "^0.16.0",
-    "@fastkit/vue-app-layout": "^0.17.0",
-    "@fastkit/vue-location": "^0.5.0",
-    "@fastkit/vue-color-scheme": "^0.16.0",
-    "@fastkit/vue-media-match": "^0.15.0",
-    "@fastkit/vue-scroller": "^0.16.0",
-    "@fastkit/vue-resize": "^0.3.0",
-    "@fastkit/vue-stack": "^0.18.0",
-    "@fastkit/vue-utils": "^0.16.0",
-    "@fastkit/vue-transitions": "^0.3.0"
+    "@fastkit/stylebase": "^0.13.1",
+    "@fastkit/vue-transitions": "^0.4.0",
+    "@fastkit/vue-utils": "^0.17.0"
   },
   "devDependencies": {
-    "vue": "^3.5.21",
+    "vue": "^3.5.22",
     "vue-router": "^4.5.1"
   },
   "peerDependencies": {
-    "vue": "^3.4.0",
+    "vue": "^3.5.0",
     "vue-router": "^4.4.0"
   },
   "buildOptions": {

package/src/components/VControlField/VControlField.tsx

@@ -64,7 +64,7 @@ export const VControlField = defineComponent({
     error: Boolean,
   },
   emits: {
-    click: (ev: MouseEvent) => true,
+    click: (ev: PointerEvent) => true,
   },
   slots,
   setup(props, ctx) {
@@ -139,7 +139,7 @@ export const VControlField = defineComponent({
       );
     };
 
-    const handleClick = (ev: MouseEvent) => ctx.emit('click', ev);
+    const handleClick = (ev: PointerEvent) => ctx.emit('click', ev);
 
     return () => (
       <div

package/src/components/VDataTable/VDataTable.tsx

@@ -493,7 +493,7 @@ export const VDataTable = defineComponent({
       }
     }
 
-    function handleClickSortHeader(header: DataTableHeader, ev: MouseEvent) {
+    function handleClickSortHeader(header: DataTableHeader, ev: PointerEvent) {
       const { sortQuery } = header;
       if (!sortQuery) return;
       if (sortByRef.value === sortQuery) {

package/src/components/VFormControl/VFormControl.tsx

@@ -115,7 +115,8 @@ export const VFormControl = defineComponent({
       vui,
     );
 
-    const handleClick = (ev: MouseEvent) => ctx.emit('clickLabel', ev, control);
+    const handleClick = (ev: PointerEvent) =>
+      ctx.emit('clickLabel', ev, control);
 
     return () => {
       const label = control.renderLabel();

package/src/components/VIcon/VIcon.tsx

@@ -77,7 +77,7 @@ export const VIcon = defineComponent({
     ...iconProps,
   },
   emits: {} as {
-    click: (ev: MouseEvent) => true;
+    click: (ev: PointerEvent) => true;
   },
   setup(props, ctx) {
     const iconName = computed(() => props.name);

package/src/components/VNavigation/VNavigationItem.tsx

@@ -177,7 +177,7 @@ export const VNavigationItem = defineComponent({
       return opened.value ? close() : open();
     }
 
-    const onClick = (ev: MouseEvent) => {
+    const onClick = (ev: PointerEvent) => {
       if (!to.value) {
         return toggle();
       }

package/src/components/VPagination/VPagination.tsx

@@ -267,7 +267,7 @@ export const VPagination = defineComponent({
             });
           })();
 
-      const onClick = (ev: MouseEvent) => {
+      const onClick = (ev: PointerEvent) => {
         ev.preventDefault();
         if (page === undefined || active || disabled) return;
         setPage(page);

package/src/components/VSelect/VSelect.tsx

@@ -248,10 +248,10 @@ export const VSelect = defineComponent({
       );
 
       if (currentEl) {
-        const ev = new MouseEvent('click', {
-          view: window,
+        const ev = new PointerEvent('click', {
           bubbles: true,
           cancelable: true,
+          view: window,
         });
         currentEl.dispatchEvent(ev);
         ev.preventDefault();
@@ -283,7 +283,7 @@ export const VSelect = defineComponent({
       closeMenu,
     });
 
-    const handleClickLabel = (ev: MouseEvent) => {
+    const handleClickLabel = (ev: PointerEvent) => {
       focus();
     };
 

package/src/components/VTabs/VTab.tsx

@@ -28,7 +28,7 @@ export const VTab = defineComponent({
     icon: [String, Function] as PropType<RawIconProp>,
   },
   emits: {
-    click: (ev: MouseEvent) => true,
+    click: (ev: PointerEvent) => true,
   },
   setup(props, ctx) {
     const classesRef = computed(() => ({

package/src/components/VTextField/VTextField.tsx

@@ -60,7 +60,7 @@ export const VTextField = defineComponent({
 
     const classes = computed(() => ['v-text-field', control.classes.value]);
 
-    const handleClickLabel = (ev: MouseEvent) => {
+    const handleClickLabel = (ev: PointerEvent) => {
       inputControl.focus();
     };
 

package/src/service.tsx

@@ -439,7 +439,7 @@ export class VuiService {
     const action: VStackAction = {
       key,
       content: ({ control, key }) => {
-        const onClick = (ev: MouseEvent) => _onClick(control, ev);
+        const onClick = (ev: PointerEvent) => _onClick(control, ev);
 
         const _attrs: any = {
           disabled: control.guardInProgress,