vite-uni-dev-tool 1.0.0 → 1.1.0

package/dist/v3/{JsonDetail → DevTool/components/JsonDetail}/index.vue

@@ -1,70 +1,70 @@
-<template>
-  <view class="json-view" :style="customStyle">
-    <view class="json-view-control">
-      <DevToolTitle>{{ data?.title ?? t('common.jsonDetail') }}</DevToolTitle>
-      <CircularButton
-        style="margin-left: auto"
-        text="×"
-        @click="emit('close')"
-      />
-    </view>
-    <JsonPretty
-      virtual
-      :data="data?.data"
-      :theme="theme"
-      :height="contentHeight - 32"
-      :nodeSelectable="() => false"
-      :pathCollapsible="() => false"
-    />
-  </view>
-</template>
-<script lang="ts" setup>
-import DevToolTitle from '../DevToolTitle/index.vue';
-import CircularButton from '../CircularButton/index.vue';
-import JsonPretty from '../JsonPretty/index.vue';
-import type { DevTool } from '../../type';
-import { useI18n } from '../../i18n';
-
-const { t } = useI18n();
-
-const _props = defineProps<{
-  data?:
-    | {
-        title?: string;
-        data?: Record<string, any>;
-      }
-    | undefined;
-  zIndex?: number;
-  interceptNetworkList?: DevTool.NetworkItem[];
-  customStyle?: Record<string, any>;
-  contentHeight: number;
-  theme?: string;
-}>();
-
-const emit = defineEmits<{
-  (e: 'close'): void;
-}>();
-</script>
-<style scoped>
-.json-view {
-  position: fixed;
-  width: 100vw;
-  height: 100%;
-  z-index: 5;
-  top: 0;
-  left: 0;
-  padding: 0 16px;
-  overflow: auto;
-  background-color: var(--dev-tool-bg3-color);
-  box-sizing: border-box;
-}
-
-.json-view-control {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  height: 32px;
-  border-bottom: 1px solid transparent;
-  box-sizing: border-box;
-}
-</style>
+<template>
+  <view class="json-view" :style="customStyle">
+    <view class="json-view-control">
+      <DevToolTitle>{{ data?.title ?? t('common.jsonDetail') }}</DevToolTitle>
+      <CircularButton
+        style="margin-left: auto"
+        text="×"
+        @click="emit('close')"
+      />
+    </view>
+    <JsonPretty
+      virtual
+      :data="data?.data"
+      :theme="theme"
+      :height="contentHeight - 32"
+      :nodeSelectable="() => false"
+      :pathCollapsible="() => false"
+    />
+  </view>
+</template>
+<script lang="ts" setup>
+import DevToolTitle from '../DevToolTitle/index.vue';
+import CircularButton from '../../../components/CircularButton/index.vue';
+import JsonPretty from '../../../components/JsonPretty/index.vue';
+import type { DevTool } from '../../../../type';
+import { useI18n } from '../../../../i18n';
+
+const { t } = useI18n();
+
+const _props = defineProps<{
+  data?:
+    | {
+        title?: string;
+        data?: Record<string, any>;
+      }
+    | undefined;
+  zIndex?: number;
+  interceptNetworkList?: DevTool.NetworkItem[];
+  customStyle?: Record<string, any>;
+  contentHeight: number;
+  theme?: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'close'): void;
+}>();
+</script>
+<style scoped>
+.json-view {
+  position: fixed;
+  width: 100vw;
+  height: 100%;
+  z-index: 5;
+  top: 0;
+  left: 0;
+  padding: 0 16px;
+  overflow: auto;
+  background-color: var(--dev-tool-bg3-color);
+  box-sizing: border-box;
+}
+
+.json-view-control {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  height: 32px;
+  border-bottom: 1px solid transparent;
+  box-sizing: border-box;
+}
+</style>

package/dist/v3/{NFCList → DevTool/components/NFCList}/NFCItem.vue

@@ -1,113 +1,112 @@
-<template>
-  <view class="nfc-item">
-    <view @click.stop="onOpenJson">
-      <view class="nfc-item-row">
-        {{ t('nfc.tagId') }}: {{ nfcItem?.hexString }}
-      </view>
-
-      <view class="nfc-item-row">
-        {{ t('nfc.tagType') }}: {{ nfcItem?.techs?.join(',') }}
-      </view>
-
-      <view class="nfc-item-row">
-        {{ t('nfc.standard') }}：{{ nfcItem?.readWriteStandard?.join(',') }}
-      </view>
-
-      <view class="nfc-item-row">
-        {{ t('nfc.maxTransceiveLength') }}：{{
-          nfcItem?.maxTransceiveLength ?? 0
-        }}{{ t('nfc.unitByte') }}
-      </view>
-    </view>
-    <!-- <view class="nfc-item-row"> {{ scanCodeItem.eventName }} </view> -->
-
-    <view class="nfc-item-right">
-      {{
-        nfcItem.timer ? formatDate(nfcItem.timer, 'YYYY-MM-DD HH:mm:SS') : ''
-      }}
-    </view>
-
-    <view class="nfc-item-page">{{ nfcItem?.path }}</view>
-
-    <view
-      :class="`nfc-item-right ${isUseDevSource ? 'link' : ''}`"
-      @click="emit('openCode', nfcItem?.stack)"
-    >
-      {{ nfcItem?.stack }}
-    </view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { computed } from 'vue';
-import type { DevTool } from '../../type';
-import { formatDate, isMockWX } from '../../utils';
-import { useI18n } from '../../i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{
-  nfcItem: DevTool.NFCItem;
-  mode?: string;
-  useDevSource?: boolean;
-}>();
-
-const emit = defineEmits<{
-  (e: 'openJson', value?: { title?: string; data: Record<string, any> }): void;
-  (e: 'openCode', value?: string): void;
-}>();
-
-const isUseDevSource = computed(() => {
-  return (
-    !isMockWX(props?.nfcItem?.stack ?? '') &&
-    props.mode === 'development' &&
-    props.useDevSource
-  );
-});
-
-function onOpenJson() {
-  emit('openJson', {
-    title: t('nfc.detail'),
-    data: props.nfcItem,
-  });
-}
-</script>
-
-<style scoped>
-.nfc-item {
-  padding: 16px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-
-.nfc-item-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 28px;
-  word-break: break-all;
-}
-
-.nfc-item-right {
-  text-align: right;
-  word-break: break-all;
-}
-
-.link {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.nfc-item-page {
-  text-align: right;
-}
-
-.nfc-item-position {
-  display: flex;
-  align-items: center;
-  min-height: 24px;
-}
-
-.nfc-item-position > view {
-  width: 25%;
-}
-</style>
+<template>
+  <view class="nfc-item">
+    <view @click.stop="onOpenJson">
+      <view class="nfc-item-row">
+        {{ t('nfc.tagId') }}: {{ nfcItem?.hexString }}
+      </view>
+
+      <view class="nfc-item-row">
+        {{ t('nfc.tagType') }}: {{ nfcItem?.techs?.join(',') }}
+      </view>
+
+      <view class="nfc-item-row">
+        {{ t('nfc.standard') }}：{{ nfcItem?.readWriteStandard?.join(',') }}
+      </view>
+
+      <view class="nfc-item-row">
+        {{ t('nfc.maxTransceiveLength') }}：{{
+          nfcItem?.maxTransceiveLength ?? 0
+        }}{{ t('nfc.unitByte') }}
+      </view>
+    </view>
+    <!-- <view class="nfc-item-row"> {{ scanCodeItem.eventName }} </view> -->
+
+    <view class="nfc-item-right">
+      {{
+        nfcItem.timer ? formatDate(nfcItem.timer, 'YYYY-MM-DD HH:mm:SS') : ''
+      }}
+    </view>
+
+    <view class="nfc-item-page">{{ nfcItem?.path }}</view>
+
+    <view
+      :class="`nfc-item-right ${isUseDevSource ? 'link' : ''}`"
+      @click="emit('openCode', nfcItem?.stack)">
+      {{ nfcItem?.stack }}
+    </view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue';
+import type { DevTool } from '../../../../type';
+import { formatDate, isMockWX } from '../../../../utils';
+import { useI18n } from '../../../../i18n';
+
+const { t } = useI18n();
+
+const props = defineProps<{
+  nfcItem: DevTool.NFCItem;
+  mode?: string;
+  useDevSource?: boolean;
+}>();
+
+const emit = defineEmits<{
+  (e: 'openJson', value?: { title?: string; data: Record<string, any> }): void;
+  (e: 'openCode', value?: string): void;
+}>();
+
+const isUseDevSource = computed(() => {
+  return (
+    !isMockWX(props?.nfcItem?.stack ?? '') &&
+    props.mode === 'development' &&
+    props.useDevSource
+  );
+});
+
+function onOpenJson() {
+  emit('openJson', {
+    title: t('nfc.detail'),
+    data: props.nfcItem,
+  });
+}
+</script>
+
+<style scoped>
+.nfc-item {
+  padding: 16px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+}
+
+.nfc-item-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 28px;
+  word-break: break-all;
+}
+
+.nfc-item-right {
+  text-align: right;
+  word-break: break-all;
+}
+
+.link {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.nfc-item-page {
+  text-align: right;
+}
+
+.nfc-item-position {
+  display: flex;
+  align-items: center;
+  min-height: 24px;
+}
+
+.nfc-item-position > view {
+  width: 25%;
+}
+</style>