移动端事件优化

[lzxue]

[English Template / 英文模板]

🤔 这个变动的性质是？

• 新特性提交
• 日常 bug 修复
• 站点、文档改进
• 演示代码改进
• 组件样式/交互改进
• TypeScript 定义更新
• 包体积优化
• 性能优化
• 功能增强
• 国际化改进
• 重构
• 代码风格优化
• 测试用例
• 分支合并
• 工作流程
• 版本更新
• 其他改动（是关于什么的改动？）

🔗 相关 Issue

💡 需求背景和解决方案

📝 更新日志

语言	更新描述
🇺🇸 英文
🇨🇳 中文

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

• 文档已补充或无须补充
• 代码演示已提供或无须提供
• TypeScript 定义已补充或无须补充
• Changelog 已提供或无须提供

---

[changeset-bot]

🦋 Changeset detected

Latest commit: 4f690b8

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages

Name	Type
@antv/l7-test-utils	Major
@antv/l7-component	Major
@antv/l7-renderer	Major
@antv/l7-layers	Major
@antv/l7-source	Major
@antv/l7-scene	Major
@antv/l7-three	Major
@antv/l7-utils	Major
@antv/l7-core	Major
@antv/l7-maps	Major
@antv/l7-map	Major
@antv/l7	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[gemini-code-assist]

Summary of Changes

Hello @lzxue, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

此拉取请求主要致力于优化 LayerPopup 组件在移动设备上的事件处理机制，通过引入设备类型判断来智能切换事件监听，从而显著提升用户在触屏设备上的交互流畅性。此外，本次更新还丰富了多边形图层的使用示例，新增了多个展示中国行政区划填充的演示，为用户提供了更直观、更全面的功能演示。

Highlights

• 移动端事件优化: LayerPopup 组件现在能根据设备类型（PC或移动端）智能选择事件触发方式，将 'click' 事件在移动端自动转换为 'touchend'，提升了移动端交互体验。
• 新增事件触发类型: ILayerPopupOption 接口的 'trigger' 属性新增支持 'touchend' 和 'touchstart' 事件类型。
• 中国行政区划示例: 新增了多个关于中国行政区划的多边形填充示例，包括国家、城市和县级行政区划的展示。
• 站点依赖更新: 将站点依赖 @antv/dumi-theme-antv 的版本固定为 0.5.5。
• 移除SEO组件: 站点页面和主题中移除了 SEO 组件的导入和使用。

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

本次拉取请求主要优化了移动端事件处理，通过引入 isPC 判断并动态调整触发事件，提升了用户体验。同时，新增了中国行政区划的填充示例，丰富了图层展示功能。在依赖管理方面，将 @antv/dumi-theme-antv 依赖版本固定，有助于保持构建一致性。然而，在新增的示例文件中存在一些代码重复和数据硬编码的问题，建议进行优化以提高代码的可维护性和可读性。

[gemini-code-assist]

将如此大量的 GeoJSON 坐标数据直接硬编码在 JavaScript 文件中会显著增加文件大小并降低代码可读性。建议将这些数据存储在一个单独的 .json 文件中，并通过 fetch 或 import 动态加载，以提高代码的整洁性和可维护性。

[gemini-code-assist]

将如此大量的 GeoJSON 坐标数据直接硬编码在 JavaScript 文件中会显著增加文件大小并降低代码可读性。建议将这些数据存储在一个单独的 .json 文件中，并通过 fetch 或 import 动态加载，以提高代码的整洁性和可维护性。

[gemini-code-assist]

将如此大量的 GeoJSON 坐标数据直接硬编码在 JavaScript 文件中会显著增加文件大小并降低代码可读性。建议将这些数据存储在一个单独的 .json 文件中，并通过 fetch 或 import 动态加载，以提高代码的整洁性和可维护性。

[gemini-code-assist]

此行移除了 SEO 组件的使用。与导入一样，请确认这是否是预期行为，并评估其对页面 SEO 的潜在影响。

[gemini-code-assist]

这段过滤逻辑在 fillData 和 boundary 的创建中重复出现。建议将此通用过滤逻辑提取到一个辅助函数中，以提高代码的可重用性和可维护性。

Suggested change

	const fillData = data.features.filter((feature) => {
	// 过滤掉线数据
	if (feature.properties.name === '境界线') {
	return false;
	}
	return true;
	});
	const filterFeatures = (features, predicate) => {
	return features.filter(predicate);
	};
	const fillData = filterFeatures(data.features, (feature) => {
	return feature.properties.name !== '境界线';
	});

[gemini-code-assist]

这段过滤逻辑在 fillData 和 boundary 的创建中重复出现。建议将此通用过滤逻辑提取到一个辅助函数中，以提高代码的可重用性和可维护性。

const boundary = filterFeatures(data.features, (feature) => {
  return feature.properties.gb !== '003';
});

[gemini-code-assist]

这段过滤逻辑在 fillData 和 boundary 的创建中重复出现。建议将此通用过滤逻辑提取到一个辅助函数中，以提高代码的可重用性和可维护性。

Suggested change

	const fillData = data.features.filter((feature) => {
	// 过滤掉线数据
	if (feature.properties.name === '境界线') {
	return false;
	}
	return true;
	});
	const filterFeatures = (features, predicate) => {
	return features.filter(predicate);
	};
	const fillData = filterFeatures(data.features, (feature) => {
	return feature.properties.name !== '境界线';
	});

[gemini-code-assist]

color 数组被定义但未在代码中使用。请移除此未使用的变量，以保持代码整洁。

[gemini-code-assist]

这段过滤逻辑在 fillData 和 boundary 的创建中重复出现。建议将此通用过滤逻辑提取到一个辅助函数中，以提高代码的可重用性和可维护性。

const boundary = filterFeatures(data.features, (feature) => {
  return feature.properties.gb !== '003';
});

[gemini-code-assist]

将 @antv/dumi-theme-antv 的依赖版本从 ^0.x 固定到 0.5.5 是一个很好的实践。这有助于确保构建的稳定性和一致性，避免因次要版本更新引入的潜在问题。