vite-uni-dev-tool 1.0.0 → 1.1.0

package/dist/v3/{ScanCodeList → DevTool/components/ScanCodeList}/ScanCodeItem.vue

@@ -1,98 +1,97 @@
-<template>
-  <view class="scan-code-item">
-    <!-- <view class="scan-code-item-row"> {{ scanCodeItem.eventName }} </view> -->
-    <view class="scan-code-item-row" @click.stop="onOpenJson">
-      {{
-        scanCodeItem?.shortValue || scanCodeItem?.result || scanCodeItem?.errMsg
-      }}
-    </view>
-
-    <view class="scan-code-item-right">
-      {{
-        scanCodeItem.timer
-          ? formatDate(scanCodeItem.timer, 'YYYY-MM-DD HH:mm:SS')
-          : ''
-      }}
-    </view>
-
-    <view class="scan-code-item-page">{{ scanCodeItem?.path }}</view>
-
-    <view
-      :class="`scan-code-item-right ${isUseDevSource ? 'link' : ''}`"
-      @click="emit('openCode', scanCodeItem?.stack)"
-    >
-      {{ scanCodeItem?.stack }}
-    </view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { computed } from 'vue';
-import type { DevTool } from '../../type';
-import { formatDate, isMockWX } from '../../utils';
-
-const props = defineProps<{
-  scanCodeItem: DevTool.ScanCodeItem;
-  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?.scanCodeItem?.stack ?? '') &&
-    props.mode === 'development' &&
-    props.useDevSource
-  );
-});
-
-function onOpenJson() {
-  emit('openJson', {
-    title: '扫描详情',
-    data: props.scanCodeItem,
-  });
-}
-</script>
-
-<style scoped>
-.scan-code-item {
-  padding: 16px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-
-.scan-code-item-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 28px;
-  word-break: break-all;
-}
-
-.scan-code-item-right {
-  text-align: right;
-  word-break: break-all;
-}
-
-.link {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.scan-code-item-page {
-  text-align: right;
-}
-
-.scan-code-item-position {
-  display: flex;
-  align-items: center;
-  min-height: 24px;
-}
-
-.scan-code-item-position > view {
-  width: 25%;
-}
-</style>
+<template>
+  <view class="scan-code-item">
+    <!-- <view class="scan-code-item-row"> {{ scanCodeItem.eventName }} </view> -->
+    <view class="scan-code-item-row" @click.stop="onOpenJson">
+      {{
+        scanCodeItem?.shortValue || scanCodeItem?.result || scanCodeItem?.errMsg
+      }}
+    </view>
+
+    <view class="scan-code-item-right">
+      {{
+        scanCodeItem.timer
+          ? formatDate(scanCodeItem.timer, 'YYYY-MM-DD HH:mm:SS')
+          : ''
+      }}
+    </view>
+
+    <view class="scan-code-item-page">{{ scanCodeItem?.path }}</view>
+
+    <view
+      :class="`scan-code-item-right ${isUseDevSource ? 'link' : ''}`"
+      @click="emit('openCode', scanCodeItem?.stack)">
+      {{ scanCodeItem?.stack }}
+    </view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue';
+import type { DevTool } from '../../../../type';
+import { formatDate, isMockWX } from '../../../../utils';
+
+const props = defineProps<{
+  scanCodeItem: DevTool.ScanCodeItem;
+  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?.scanCodeItem?.stack ?? '') &&
+    props.mode === 'development' &&
+    props.useDevSource
+  );
+});
+
+function onOpenJson() {
+  emit('openJson', {
+    title: '扫描详情',
+    data: props.scanCodeItem,
+  });
+}
+</script>
+
+<style scoped>
+.scan-code-item {
+  padding: 16px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+}
+
+.scan-code-item-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 28px;
+  word-break: break-all;
+}
+
+.scan-code-item-right {
+  text-align: right;
+  word-break: break-all;
+}
+
+.link {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.scan-code-item-page {
+  text-align: right;
+}
+
+.scan-code-item-position {
+  display: flex;
+  align-items: center;
+  min-height: 24px;
+}
+
+.scan-code-item-position > view {
+  width: 25%;
+}
+</style>

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

@@ -1,104 +1,100 @@
-<template>
-  <view class="scan-code-content">
-    <view class="scan-code-control">
-      <DevToolTitle> {{ t('scanCode.title') }} </DevToolTitle>
-      <Tag
-        mode="clear"
-        style="margin: 0 16px 0 auto"
-        customStyle="margin:0 16px 0 auto"
-        @click="onClickScanCode"
-      >
-        {{ t('common.scan') }}
-      </Tag>
-      <Tag mode="clear" @click="emit('clear')"> {{ t('common.clear') }} </Tag>
-    </view>
-
-    <VirtualList
-      v-if="scanCodeList && scanCodeList?.length > 0"
-      class="scan-code-list"
-      :pageSize="20"
-      :height="contentHeight - 32 * 2"
-      :data="scanCodeList"
-      :scrollWithAnimation="true"
-    >
-      <template #default="{ list, start, itemsHeight, onSizeChange }">
-        <AutoSize
-          v-for="(item, index) in list"
-          :key="start + index"
-          :index="start + index"
-          :id="`dev-scan-code${index}`"
-          :itemsHeight="itemsHeight"
-          :onSizeChange="onSizeChange"
-        >
-          <ScanCodeItem
-            :scanCodeItem="item"
-            :mode="mode"
-            :useDevSource="useDevSource"
-            @openJson="emit('openJson', $event)"
-            @openCode="emit('openCode', $event)"
-          />
-        </AutoSize>
-      </template>
-    </VirtualList>
-
-    <Empty v-else />
-  </view>
-</template>
-<script lang="ts" setup>
-import DevToolTitle from '../DevToolTitle/index.vue';
-import ScanCodeItem from './ScanCodeItem.vue';
-import Tag from '../Tag/index.vue';
-import Empty from '../Empty/index.vue';
-import VirtualList from '../VirtualList/index.vue';
-import AutoSize from '../VirtualList/AutoSize.vue';
-import type { DevTool } from '../../type';
-import { useI18n } from '../../i18n';
-
-const { t } = useI18n();
-
-const _props = defineProps<{
-  scanCodeList?: DevTool.ScanCodeItem[];
-  zIndex?: number;
-  contentHeight: number;
-  useDevSource?: boolean;
-  mode?: string;
-}>();
-
-const emit = defineEmits<{
-  (e: 'clear'): void;
-  (e: 'openJson', value?: { title?: string; data: Record<string, any> }): void;
-  (e: 'openCode', value?: string): void;
-}>();
-
-function onClickScanCode() {
-  uni?.scanCode?.({
-    complete: (codeInfo) => {
-      console.log('codeInfo: ', codeInfo);
-    },
-  });
-}
-</script>
-<style scoped>
-.scan-code-content {
-  height: 100%;
-  overflow: auto;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.scan-code-control {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  /* gap: 8px; */
-  padding: 0 16px;
-  height: 32px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-
-.scan-code-list {
-  height: calc(100% - 32px * 2);
-  overflow: auto;
-}
-</style>
+<template>
+  <view class="scan-code-content">
+    <view class="scan-code-control">
+      <DevToolTitle>{{ t('scanCode.title') }}</DevToolTitle>
+      <Tag
+        mode="clear"
+        style="margin: 0 16px 0 auto"
+        customStyle="margin:0 16px 0 auto"
+        @click="onClickScanCode">
+        {{ t('common.scan') }}
+      </Tag>
+      <Tag mode="clear" @click="emit('clear')">{{ t('common.clear') }}</Tag>
+    </view>
+
+    <VirtualList
+      v-if="scanCodeList && scanCodeList?.length > 0"
+      class="scan-code-list"
+      :pageSize="20"
+      :height="contentHeight - 32 * 2"
+      :data="scanCodeList"
+      :scrollWithAnimation="true">
+      <template #default="{ list, start, itemsHeight, onSizeChange }">
+        <AutoSize
+          v-for="(item, index) in list"
+          :key="start + index"
+          :index="start + index"
+          :id="`dev-scan-code${index}`"
+          :itemsHeight="itemsHeight"
+          :onSizeChange="onSizeChange">
+          <ScanCodeItem
+            :scanCodeItem="item"
+            :mode="mode"
+            :useDevSource="useDevSource"
+            @openJson="emit('openJson', $event)"
+            @openCode="emit('openCode', $event)" />
+        </AutoSize>
+      </template>
+    </VirtualList>
+
+    <Empty v-else />
+  </view>
+</template>
+<script lang="ts" setup>
+import DevToolTitle from '../DevToolTitle/index.vue';
+import ScanCodeItem from './ScanCodeItem.vue';
+import Tag from '../../../components/Tag/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import VirtualList from '../../../components/VirtualList/index.vue';
+import AutoSize from '../../../components/VirtualList/AutoSize.vue';
+import type { DevTool } from '../../../../type';
+import { useI18n } from '../../../../i18n';
+
+const { t } = useI18n();
+
+const _props = defineProps<{
+  scanCodeList?: DevTool.ScanCodeItem[];
+  zIndex?: number;
+  contentHeight: number;
+  useDevSource?: boolean;
+  mode?: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'clear'): void;
+  (e: 'openJson', value?: { title?: string; data: Record<string, any> }): void;
+  (e: 'openCode', value?: string): void;
+}>();
+
+function onClickScanCode() {
+  uni?.scanCode?.({
+    complete: (codeInfo) => {
+      console.log('codeInfo: ', codeInfo);
+    },
+  });
+}
+</script>
+<style scoped>
+.scan-code-content {
+  height: 100%;
+  overflow: auto;
+  font-size: var(--dev-tool-base-font-size);
+}
+
+.scan-code-control {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  /* gap: 8px; */
+  padding: 0 16px;
+  height: 32px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+}
+
+.scan-code-list {
+  height: calc(100% - 32px * 2);
+  overflow: auto;
+}
+</style>

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

@@ -1,45 +1,45 @@
-<template>
-  <button class="setting-button" :style="customStyle" @click="onClick">
-    <slot></slot>
-  </button>
-</template>
-
-<script lang="ts" setup>
-defineProps<{
-  customStyle?: Record<string, any> | string;
-}>();
-const emit = defineEmits<{ (e: 'click'): void }>();
-
-function onClick() {
-  emit('click');
-}
-</script>
-
-<style scoped>
-.setting-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 32px;
-  border-radius: 4px;
-  color: #fff;
-  outline: none;
-  border: 1px solid transparent;
-  background-color: var(--dev-tool-main-color);
-  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  font-size: var(--dev-tool-base-font-size);
-  padding: 0;
-  cursor: pointer;
-  user-select: none;
-}
-
-.setting-button:hover {
-  opacity: 0.9;
-}
-
-.setting-button:active {
-  transform: scale(0.98);
-  opacity: 0.8;
-}
-</style>
+<template>
+  <button class="setting-button" :style="customStyle" @click="onClick">
+    <slot></slot>
+  </button>
+</template>
+
+<script lang="ts" setup>
+defineProps<{
+  customStyle?: Record<string, any> | string;
+}>();
+const emit = defineEmits<{ (e: 'click'): void }>();
+
+function onClick() {
+  emit('click');
+}
+</script>
+
+<style scoped>
+.setting-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 32px;
+  border-radius: 4px;
+  color: #fff;
+  outline: none;
+  border: 1px solid transparent;
+  background-color: var(--dev-tool-main-color);
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  font-size: var(--dev-tool-base-font-size);
+  padding: 0;
+  cursor: pointer;
+  user-select: none;
+}
+
+.setting-button:hover {
+  opacity: 0.9;
+}
+
+.setting-button:active {
+  transform: scale(0.98);
+  opacity: 0.8;
+}
+</style>