wip(app): nvue

packages/uni-components/dist/components.js

@@ -81,6 +81,12 @@ export function initComponents(Vue, weex) {
         }
       };
     }
+    function useHoverClass(hoverClass) {
+      if (hoverClass && hoverClass !== "none") {
+        return {};
+      }
+      return { hoverClass };
+    }
     var Navigator = vue.defineComponent({
       name: "Navigator",
       props: navigatorProps,
@@ -88,9 +94,13 @@ export function initComponents(Vue, weex) {
         slots
       }) {
         const onClick = createNavigatorOnClick(props);
-        return () => vue.createVNode("div", {
-          "onClick": onClick
-        }, [slots.default && slots.default()]);
+        return () => {
+          return vue.createVNode("div", vue.mergeProps({
+            "class": "clazz"
+          }, useHoverClass(props.hoverClass), {
+            "onClick": onClick
+          }), [slots.default && slots.default()]);
+        };
       }
     });
     var index = {

packages/uni-components/src/components/button.ts

+export const buttonProps = {
+  id: {
+    type: String,
+    default: '',
+  },
+  hoverClass: {
+    type: String,
+    default: 'button-hover',
+  },
+  hoverStartTime: {
+    type: [Number, String],
+    default: 20,
+  },
+  hoverStayTime: {
+    type: [Number, String],
+    default: 70,
+  },
+  hoverStopPropagation: {
+    type: Boolean,
+    default: false,
+  },
+  disabled: {
+    type: [Boolean, String],
+    default: false,
+  },
+  formType: {
+    type: String,
+    default: '',
+  },
+  openType: {
+    type: String,
+    default: '',
+  },
+  loading: {
+    type: [Boolean, String],
+    default: false,
+  },
+  plain: {
+    type: [Boolean, String],
+    default: false,
+  },
+}

packages/uni-components/src/nvue/navigator/index.tsx

@@ -3,12 +3,19 @@ import {
   createNavigatorOnClick,
   navigatorProps,
 } from '../../components/navigator'
+import { useHoverClass } from '../utils'
 
 export default defineComponent({
   name: 'Navigator',
   props: navigatorProps,
   setup(props, { slots }) {
     const onClick = createNavigatorOnClick(props)
-    return () => <div onClick={onClick}>{slots.default && slots.default()}</div>
+    return () => {
+      return (
+        <div {...useHoverClass(props.hoverClass)} onClick={onClick}>
+          {slots.default && slots.default()}
+        </div>
+      )
+    }
   },
 })

packages/uni-components/src/nvue/utils.ts

+export function useHoverClass(hoverClass: string) {
+  if (hoverClass && hoverClass !== 'none') {
+    return {}
+  }
+  return { hoverClass }
+}

packages/uni-components/src/vue/button/index.tsx

@@ -7,51 +7,11 @@ import { withWebEvent } from '../../helpers/useEvent'
 import { UniFormCtx, uniFormKey } from '../form'
 import { uniLabelKey, UniLabelCtx } from '../label'
 import { useListeners } from '../../helpers/useListeners'
+import { buttonProps } from '../../components/button'
 
 export default /*#__PURE__*/ defineBuiltInComponent({
   name: 'Button',
-  props: {
-    id: {
-      type: String,
-      default: '',
-    },
-    hoverClass: {
-      type: String,
-      default: 'button-hover',
-    },
-    hoverStartTime: {
-      type: [Number, String],
-      default: 20,
-    },
-    hoverStayTime: {
-      type: [Number, String],
-      default: 70,
-    },
-    hoverStopPropagation: {
-      type: Boolean,
-      default: false,
-    },
-    disabled: {
-      type: [Boolean, String],
-      default: false,
-    },
-    formType: {
-      type: String,
-      default: '',
-    },
-    openType: {
-      type: String,
-      default: '',
-    },
-    loading: {
-      type: [Boolean, String],
-      default: false,
-    },
-    plain: {
-      type: [Boolean, String],
-      default: false,
-    },
-  },
+  props: buttonProps,
   setup(props, { slots }) {
     const rootRef = ref<HTMLElement | null>(null)
     if (__PLATFORM__ === 'app') {