uni-app - 手机端实现用户长按文本提示选取复制功能， 怎么全局配置，不在每个页面或组建编写重复代码

UniApp是一个基于Vue.js的跨平台应用开发框架，它允许开发者构建一次代码，同时部署到iOS、Android等多个平台上。对于实现手机端文本的长按选中并复制功能，你可以全局设置一个通用的行为处理器或者利用 UniApp 提供的事件总线（Event Center）来完成。

**全局配置步骤如下**：

1. **使用自定义组件**：
创建一个名为`CopyableText`的自定义组件，在该组件内监听长按事件（如`uni.onLongPress`），当检测到长按时，显示提示框让用户选择是否复制内容。然后可以将此组件作为基础组件，让其他需要复制功能的地方复用。

<template>
  <div @longpress="handleLongPress">
    <slot></slot>
  </div>
</template>

<script>
export default {
  methods: {
    handleLongPress(e) {
      const { start touches } = e.detail;
      // 检查是否满足长按条件（如时间间隔等）
      if (start.timestamp - touches[0].timestamp > threshold) {
        // 显示复制选项对话框或弹窗
        this.showCopyOption();
      }
    },
    showCopyOption() {
      // 实现复制操作逻辑，并隐藏提示
      // ...
    },
  },
};
</script>

2. **使用事件总线（Event Center）**：
如果你想在整个项目中保持一致，可以创建一个事件中心，通过发布订阅的方式，让所有组件都可以响应这个长按复制事件。

import Vue from 'uni-app';
import eventHub from '@/event-hub';

Vue.prototype.$bus = eventHub;

// 全局部分
eventHub.$on('text:longpressed', (content) => {
  // 在这里处理复制逻辑，例如使用API或本地剪贴板
});

// 页面或组件部分
export default {
  mounted() {
    uni.onLongPress(this.$el, () => {
      eventHub.$emit('text:longpressed', this.text);
    });
  },
  // ...
};

通过以上两种方式，你就可以避免在每个页面或组件里都编写相同的复制功能代码，提高代码复用性和维护性。