vite-uni-dev-tool 1.1.0 → 1.2.1

package/dist/v3/DevTool/components/BluetoothList/BluetoothItem.vue

@@ -1,199 +1,199 @@
-<template>
-  <view class="bluetooth-item">
-    <view class="bluetooth-item-header">
-      <view class="bluetooth-name">
-        {{
-          bluetoothItem.name ||
-          bluetoothItem.localName ||
-          t('bluetooth.unknownDevice')
-        }}
-        <text
-          class="status-connected"
-          v-if="(bluetoothItem as any)._isConnected">
-          {{ t('bluetooth.connected') }}
-        </text>
-        <text class="status-paired" v-if="(bluetoothItem as any).isPaired">
-          {{ t('bluetooth.paired') }}
-        </text>
-      </view>
-      <view class="item-actions">
-        <view class="bluetooth-rssi">
-          {{ t('bluetooth.rssi') }}: {{ bluetoothItem.RSSI }}dBm
-        </view>
-      </view>
-    </view>
-    <view class="bluetooth-item-detail">
-      <view class="detail-row" v-if="(bluetoothItem as any)._guessType">
-        <text class="label">{{ t('bluetooth.tip') }}:</text>
-        <text class="value type-value">
-          {{ (bluetoothItem as any)._guessType }}
-        </text>
-      </view>
-      <view class="detail-row">
-        <text class="label">{{ t('bluetooth.id') }}:</text>
-        <text class="value">{{ bluetoothItem.deviceId }}</text>
-      </view>
-      <view
-        v-if="
-          bluetoothItem.advertisServiceUUIDs &&
-          bluetoothItem.advertisServiceUUIDs.length
-        "
-        class="detail-row">
-        <text class="label">{{ t('bluetooth.uuids') }}:</text>
-        <text class="value">
-          {{ bluetoothItem.advertisServiceUUIDs.join(', ') }}
-        </text>
-      </view>
-    </view>
-    <view class="bluetooth-item-footer">
-      <text
-        v-if="!(bluetoothItem as any).isPaired"
-        class="action-btn"
-        @click.stop="() => emits('pair', bluetoothItem.deviceId)">
-        {{ t('bluetooth.pair') }}
-      </text>
-      <text
-        v-if="(bluetoothItem as any)._isConnected"
-        class="action-btn tool-btn"
-        @click.stop="() => emits('tool', bluetoothItem)">
-        {{ t('bluetooth.tool') }}
-      </text>
-      <text class="action-btn" @click.stop="handleAction">
-        {{
-          (bluetoothItem as any)._isConnected
-            ? t('bluetooth.disconnect')
-            : t('bluetooth.connect')
-        }}
-      </text>
-    </view>
-  </view>
-</template>
-
-<script setup lang="ts">
-import type { DevTool } from '../../../../type';
-import { useI18n } from '../../../../i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{
-  bluetoothItem: DevTool.BluetoothItem;
-}>();
-
-const emits = defineEmits<{
-  (e: 'pair', deviceId: string): void;
-  (e: 'connect', deviceId: string): void;
-  (e: 'disconnect', deviceId: string): void;
-  (e: 'tool', device: DevTool.BluetoothItem): void;
-}>();
-
-const handleAction = () => {
-  const isConnected = (props.bluetoothItem as Record<string, unknown>)
-    ._isConnected;
-  if (isConnected) {
-    emits('disconnect', props.bluetoothItem.deviceId);
-  } else {
-    emits('connect', props.bluetoothItem.deviceId);
-  }
-};
-</script>
-
-<style scoped>
-.bluetooth-item {
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  background: var(--dev-tool-bg-color);
-}
-
-.bluetooth-item-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 8px;
-}
-
-.bluetooth-name {
-  font-weight: bold;
-  font-size: 14px;
-  color: var(--dev-tool-text-color);
-  display: flex;
-  align-items: center;
-}
-
-.status-connected {
-  font-size: 10px;
-  color: #4cd964;
-  margin-left: 6px;
-  border: 1px solid #4cd964;
-  padding: 0 4px;
-  border-radius: 4px;
-  font-weight: normal;
-}
-
-.status-paired {
-  font-size: 10px;
-  color: #f0ad4e;
-  margin-left: 6px;
-  border: 1px solid #f0ad4e;
-  padding: 0 4px;
-  border-radius: 4px;
-  font-weight: normal;
-}
-
-.bluetooth-rssi {
-  font-size: 12px;
-  color: var(--dev-tool-text-color-tips);
-}
-
-.item-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.action-btn {
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 4px;
-  border: 1px solid var(--dev-tool-primary-color, #007aff);
-  color: var(--dev-tool-primary-color, #007aff);
-  cursor: pointer;
-}
-
-.action-btn:active {
-  opacity: 0.7;
-}
-
-.bluetooth-item-detail {
-  font-size: 12px;
-}
-
-.detail-row {
-  display: flex;
-  margin-bottom: 4px;
-}
-
-.label {
-  color: var(--dev-tool-text-color-tips);
-  width: 60px;
-  flex-shrink: 0;
-}
-
-.value {
-  color: var(--dev-tool-text-color);
-  word-break: break-all;
-}
-
-.type-value {
-  color: var(--dev-tool-primary-color, #007aff);
-}
-
-.bluetooth-item-footer {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  gap: 8px;
-  margin-top: 8px;
-  padding-top: 8px;
-  border-top: 1px dashed var(--dev-tool-border-color);
-}
-</style>
+<template>
+  <view class="bluetooth-item">
+    <view class="bluetooth-item-header">
+      <view class="bluetooth-name">
+        {{
+          bluetoothItem.name ||
+          bluetoothItem.localName ||
+          t('bluetooth.unknownDevice')
+        }}
+        <text
+          class="status-connected"
+          v-if="(bluetoothItem as any)._isConnected">
+          {{ t('bluetooth.connected') }}
+        </text>
+        <text class="status-paired" v-if="(bluetoothItem as any).isPaired">
+          {{ t('bluetooth.paired') }}
+        </text>
+      </view>
+      <view class="item-actions">
+        <view class="bluetooth-rssi">
+          {{ t('bluetooth.rssi') }}: {{ bluetoothItem.RSSI }}dBm
+        </view>
+      </view>
+    </view>
+    <view class="bluetooth-item-detail">
+      <view class="detail-row" v-if="(bluetoothItem as any)._guessType">
+        <text class="label">{{ t('bluetooth.tip') }}:</text>
+        <text class="value type-value">
+          {{ (bluetoothItem as any)._guessType }}
+        </text>
+      </view>
+      <view class="detail-row">
+        <text class="label">{{ t('bluetooth.id') }}:</text>
+        <text class="value">{{ bluetoothItem.deviceId }}</text>
+      </view>
+      <view
+        v-if="
+          bluetoothItem.advertisServiceUUIDs &&
+          bluetoothItem.advertisServiceUUIDs.length
+        "
+        class="detail-row">
+        <text class="label">{{ t('bluetooth.uuids') }}:</text>
+        <text class="value">
+          {{ bluetoothItem.advertisServiceUUIDs.join(', ') }}
+        </text>
+      </view>
+    </view>
+    <view class="bluetooth-item-footer">
+      <text
+        v-if="!(bluetoothItem as any).isPaired"
+        class="action-btn"
+        @click.stop="() => emits('pair', bluetoothItem.deviceId)">
+        {{ t('bluetooth.pair') }}
+      </text>
+      <text
+        v-if="(bluetoothItem as any)._isConnected"
+        class="action-btn tool-btn"
+        @click.stop="() => emits('tool', bluetoothItem)">
+        {{ t('bluetooth.tool') }}
+      </text>
+      <text class="action-btn" @click.stop="handleAction">
+        {{
+          (bluetoothItem as any)._isConnected
+            ? t('bluetooth.disconnect')
+            : t('bluetooth.connect')
+        }}
+      </text>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import type { DevTool } from '../../../../type';
+import { useI18n } from '../../../../i18n';
+
+const { t } = useI18n();
+
+const props = defineProps<{
+  bluetoothItem: DevTool.BluetoothItem;
+}>();
+
+const emits = defineEmits<{
+  (e: 'pair', deviceId: string): void;
+  (e: 'connect', deviceId: string): void;
+  (e: 'disconnect', deviceId: string): void;
+  (e: 'tool', device: DevTool.BluetoothItem): void;
+}>();
+
+const handleAction = () => {
+  const isConnected = (props.bluetoothItem as Record<string, unknown>)
+    ._isConnected;
+  if (isConnected) {
+    emits('disconnect', props.bluetoothItem.deviceId);
+  } else {
+    emits('connect', props.bluetoothItem.deviceId);
+  }
+};
+</script>
+
+<style scoped>
+.bluetooth-item {
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  background: var(--dev-tool-bg-color);
+}
+
+.bluetooth-item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.bluetooth-name {
+  font-weight: bold;
+  font-size: 14px;
+  color: var(--dev-tool-text-color);
+  display: flex;
+  align-items: center;
+}
+
+.status-connected {
+  font-size: 10px;
+  color: #4cd964;
+  margin-left: 6px;
+  border: 1px solid #4cd964;
+  padding: 0 4px;
+  border-radius: 4px;
+  font-weight: normal;
+}
+
+.status-paired {
+  font-size: 10px;
+  color: #f0ad4e;
+  margin-left: 6px;
+  border: 1px solid #f0ad4e;
+  padding: 0 4px;
+  border-radius: 4px;
+  font-weight: normal;
+}
+
+.bluetooth-rssi {
+  font-size: 12px;
+  color: var(--dev-tool-text-color-tips);
+}
+
+.item-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.action-btn {
+  font-size: 12px;
+  padding: 2px 8px;
+  border-radius: 4px;
+  border: 1px solid var(--dev-tool-primary-color, #007aff);
+  color: var(--dev-tool-primary-color, #007aff);
+  cursor: pointer;
+}
+
+.action-btn:active {
+  opacity: 0.7;
+}
+
+.bluetooth-item-detail {
+  font-size: 12px;
+}
+
+.detail-row {
+  display: flex;
+  margin-bottom: 4px;
+}
+
+.label {
+  color: var(--dev-tool-text-color-tips);
+  width: 60px;
+  flex-shrink: 0;
+}
+
+.value {
+  color: var(--dev-tool-text-color);
+  word-break: break-all;
+}
+
+.type-value {
+  color: var(--dev-tool-primary-color, #007aff);
+}
+
+.bluetooth-item-footer {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: 1px dashed var(--dev-tool-border-color);
+}
+</style>