fix(Field): 修复全局设置 user-select: none 时 IOS 下无法输入的问题 (#9418)

* fix: 修复IOS输入光标不显示无法输入内容

* Update index.less

Co-authored-by: neverland <chenjiahan@buaa.edu.cn>

packages/vant-cli/site/desktop/components/Content.vue

@@ -17,6 +17,24 @@ export default {
       return this.$route.name;
     },
   },
+
+  mounted() {
+    const anchors = [].slice.call(this.$el.querySelectorAll('h2, h3, h4, h5'));
+    anchors.forEach((anchor) => {
+      anchor.addEventListener('click', this.scrollToAnchor);
+    });
+  },
+
+  methods: {
+    scrollToAnchor(event) {
+      if (event.target.id) {
+        this.$router.push({
+          name: this.$route.name,
+          hash: '#' + event.target.id,
+        });
+      }
+    },
+  },
 };
 </script>
 

packages/vant-cli/site/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true
+  }
+}

packages/vant-cli/tsconfig.json

@@ -9,5 +9,5 @@
     "esModuleInterop": true,
     "lib": ["esnext", "dom"]
   },
-  "include": ["src/**/*", "site"]
+  "include": ["src/**/*"]
 }

packages/vant/src/field/index.less

@@ -78,6 +78,8 @@
     background-color: transparent;
     border: 0;
     resize: none;
+    // https://github.com/youzan/vant/pull/9418
+    user-select: auto;
 
     &::placeholder {
       color: var(--van-field-placeholder-text-color);