vite-uni-dev-tool 1.1.0 → 1.2.0

package/dist/v3/DevTool/components/PiniaList/index.vue

@@ -1,93 +1,93 @@
-<template>
-  <view class="pinia-content">
-    <view class="pinia-control">
-      <DevToolTitle>{{ t('pinia.title') }}</DevToolTitle>
-    </view>
-    <view class="pinia-json-wrapper">
-      <JsonPretty
-        editable
-        showLength
-        virtual
-        v-if="showJson"
-        :data="piniaList"
-        :theme="theme"
-        :height="contentHeight - 32 - 32"
-        :nodeSelectable="() => false"
-        :pathCollapsible="() => false"
-        @update:data="onUpdateData"
-        @nodeClick="onNodeClick" />
-      <Empty v-else />
-    </view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { computed } from 'vue';
-import JsonPretty from '../../../components/JsonPretty/index.vue';
-import Empty from '../../../components/Empty/index.vue';
-import DevToolTitle from '../DevToolTitle/index.vue';
-import { getValueByPath } from '../../../../utils';
-import { useI18n } from '../../../../i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{
-  piniaList: Record<string, any>;
-  theme?: string;
-  contentHeight: number;
-}>();
-const emit = defineEmits<{
-  (e: 'update:piniaList', data: Record<string, any>): void;
-  (e: 'diffValue', value: any): void;
-}>();
-const showJson = computed(() => {
-  try {
-    const str = JSON.stringify(props.piniaList);
-    if (typeof props.piniaList === 'object' && (str === '' || str === '{}')) {
-      return false;
-    }
-    return true;
-  } catch (_error) {
-    return false;
-  }
-});
-
-let currentSelect: any;
-function onUpdateData(data: Record<string, any>) {
-  try {
-    const keys = currentSelect?.path?.slice(5);
-    if (!keys) return;
-    const newData = getValueByPath(data, keys);
-
-    emit('update:piniaList', data);
-    emit('diffValue', {
-      [keys]: newData,
-    });
-  } catch (error) {
-    console.log('error: ', error);
-  }
-}
-function onNodeClick(node: any) {
-  currentSelect = node;
-}
-</script>
-<style scoped>
-.pinia-content {
-  font-size: var(--dev-tool-base-font-size);
-  height: 100%;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-
-.pinia-control {
-  display: flex;
-  align-items: center;
-  padding: 0 16px;
-  height: 32px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-
-.pinia-json-wrapper {
-  padding: 0 16px;
-}
-</style>
+<template>
+  <view class="pinia-content">
+    <view class="pinia-control">
+      <DevToolTitle>{{ t('pinia.title') }}</DevToolTitle>
+    </view>
+    <view class="pinia-json-wrapper">
+      <JsonPretty
+        editable
+        showLength
+        virtual
+        v-if="showJson"
+        :data="piniaList"
+        :theme="theme"
+        :height="contentHeight - 32 - 32"
+        :nodeSelectable="() => false"
+        :pathCollapsible="() => false"
+        @update:data="onUpdateData"
+        @nodeClick="onNodeClick" />
+      <Empty v-else />
+    </view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue';
+import JsonPretty from '../../../components/JsonPretty/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import DevToolTitle from '../DevToolTitle/index.vue';
+import { getValueByPath } from '../../../../utils';
+import { useI18n } from '../../../../i18n';
+
+const { t } = useI18n();
+
+const props = defineProps<{
+  piniaList: Record<string, any>;
+  theme?: string;
+  contentHeight: number;
+}>();
+const emit = defineEmits<{
+  (e: 'update:piniaList', data: Record<string, any>): void;
+  (e: 'diffValue', value: any): void;
+}>();
+const showJson = computed(() => {
+  try {
+    const str = JSON.stringify(props.piniaList);
+    if (typeof props.piniaList === 'object' && (str === '' || str === '{}')) {
+      return false;
+    }
+    return true;
+  } catch (_error) {
+    return false;
+  }
+});
+
+let currentSelect: any;
+function onUpdateData(data: Record<string, any>) {
+  try {
+    const keys = currentSelect?.path?.slice(5);
+    if (!keys) return;
+    const newData = getValueByPath(data, keys);
+
+    emit('update:piniaList', data);
+    emit('diffValue', {
+      [keys]: newData,
+    });
+  } catch (error) {
+    console.log('error: ', error);
+  }
+}
+function onNodeClick(node: any) {
+  currentSelect = node;
+}
+</script>
+<style scoped>
+.pinia-content {
+  font-size: var(--dev-tool-base-font-size);
+  height: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.pinia-control {
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  height: 32px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+}
+
+.pinia-json-wrapper {
+  padding: 0 16px;
+}
+</style>

package/dist/v3/DevTool/components/RunJS/index.vue

@@ -1,148 +1,148 @@
-<template>
-  <!-- eslint-disable vue/no-v-html, vue/no-v-text-v-html-on-component -->
-  <view class="run-js">
-    <view class="run-js-control">
-      <FilterInput
-        :modelValue="modelValue"
-        placeholder="查询"
-        @search="onSearch"
-        @update:modelValue="onUpdateModelValue" />
-      <Tag mode="clear" @click="onClear">清空</Tag>
-    </view>
-    <view class="run-js-list">
-      <view class="run-js-item" v-for="item in runJSList" :key="item.timer">
-        <view :class="`run-js-item-icon run-js-item-${item.mode}`"></view>
-        <view class="run-js-item-duration" v-if="item.mode === 'output'">
-          {{ item.duration }}ms
-        </view>
-        <!-- eslint-disable-next-line vue/no-v-html, vue/no-v-text-v-html-on-component -->
-        <view
-          class="run-js-item-content"
-          v-html="item.mode === 'input' ? item.code : item.result"></view>
-      </view>
-      <view class="run-js-item">
-        <view class="run-js-item-icon run-js-item-input"></view>
-
-        <input
-          :value="code"
-          class="run-js-input"
-          @input="onInput"
-          @confirm="onConfirm" />
-      </view>
-    </view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { ref } from 'vue';
-import type { DevTool } from '../../../../type';
-import FilterInput from '../../../components/FilterInput/index.vue';
-import Tag from '../../../components/Tag/index.vue';
-
-defineProps<{ runJSList: DevTool.RunJSItem[]; modelValue: string }>();
-
-const emit = defineEmits<{
-  (e: 'search', value: string): void;
-  (e: 'update:modelValue', value: string): void;
-  (e: 'clear'): void;
-  (e: 'run', value: string): void;
-}>();
-const code = ref('');
-
-function onSearch(value: string) {
-  emit('search', value);
-}
-
-function onUpdateModelValue(value: string) {
-  emit('update:modelValue', value);
-}
-
-function onClear() {
-  emit('clear');
-}
-
-function onInput(e: any) {
-  code.value = e.detail.value;
-}
-function onConfirm() {
-  const value = code.value;
-  if (!value) return;
-  code.value = '';
-  setTimeout(() => {
-    emit('run', value);
-  }, 100);
-}
-</script>
-<style scoped>
-.run-js {
-  height: 100%;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.run-js-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;
-}
-
-.run-js-list {
-  height: calc(100% - 32px);
-  overflow: auto;
-}
-
-.run-js-item {
-  position: relative;
-  display: flex;
-  padding: 0 16px;
-  min-height: 28px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  overflow: hidden;
-}
-
-.run-js-item-icon {
-  width: 8px;
-  height: 8px;
-  border: 1px solid #000;
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  overflow: hidden;
-}
-
-.run-js-item-input {
-  margin: 10px 0 10px -4px;
-  transform: rotate(45deg);
-}
-
-.run-js-item-output {
-  margin: 10px -4px 10px 0;
-  transform: rotate(-135deg);
-}
-
-.run-js-item-content {
-  margin-left: 16px;
-  min-height: 28px;
-  line-height: 28px;
-  white-space: pre-line;
-  word-break: break-all;
-}
-
-.run-js-input {
-  margin: 1px 0 1px 16px;
-  min-height: 26px;
-  width: 100%;
-  border: 1px solid transparent;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.run-js-item-duration {
-  position: absolute;
-  top: 2px;
-  right: 16px;
-  height: 24px;
-  line-height: 24px;
-}
-</style>
+<template>
+  <!-- eslint-disable vue/no-v-html, vue/no-v-text-v-html-on-component -->
+  <view class="run-js">
+    <view class="run-js-control">
+      <FilterInput
+        :modelValue="modelValue"
+        placeholder="查询"
+        @search="onSearch"
+        @update:modelValue="onUpdateModelValue" />
+      <Tag mode="clear" @click="onClear">清空</Tag>
+    </view>
+    <view class="run-js-list">
+      <view class="run-js-item" v-for="item in runJSList" :key="item.timer">
+        <view :class="`run-js-item-icon run-js-item-${item.mode}`"></view>
+        <view class="run-js-item-duration" v-if="item.mode === 'output'">
+          {{ item.duration }}ms
+        </view>
+        <!-- eslint-disable-next-line vue/no-v-html, vue/no-v-text-v-html-on-component -->
+        <view
+          class="run-js-item-content"
+          v-html="item.mode === 'input' ? item.code : item.result"></view>
+      </view>
+      <view class="run-js-item">
+        <view class="run-js-item-icon run-js-item-input"></view>
+
+        <input
+          :value="code"
+          class="run-js-input"
+          @input="onInput"
+          @confirm="onConfirm" />
+      </view>
+    </view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import type { DevTool } from '../../../../type';
+import FilterInput from '../../../components/FilterInput/index.vue';
+import Tag from '../../../components/Tag/index.vue';
+
+defineProps<{ runJSList: DevTool.RunJSItem[]; modelValue: string }>();
+
+const emit = defineEmits<{
+  (e: 'search', value: string): void;
+  (e: 'update:modelValue', value: string): void;
+  (e: 'clear'): void;
+  (e: 'run', value: string): void;
+}>();
+const code = ref('');
+
+function onSearch(value: string) {
+  emit('search', value);
+}
+
+function onUpdateModelValue(value: string) {
+  emit('update:modelValue', value);
+}
+
+function onClear() {
+  emit('clear');
+}
+
+function onInput(e: any) {
+  code.value = e.detail.value;
+}
+function onConfirm() {
+  const value = code.value;
+  if (!value) return;
+  code.value = '';
+  setTimeout(() => {
+    emit('run', value);
+  }, 100);
+}
+</script>
+<style scoped>
+.run-js {
+  height: 100%;
+  font-size: var(--dev-tool-base-font-size);
+}
+
+.run-js-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;
+}
+
+.run-js-list {
+  height: calc(100% - 32px);
+  overflow: auto;
+}
+
+.run-js-item {
+  position: relative;
+  display: flex;
+  padding: 0 16px;
+  min-height: 28px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  overflow: hidden;
+}
+
+.run-js-item-icon {
+  width: 8px;
+  height: 8px;
+  border: 1px solid #000;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  overflow: hidden;
+}
+
+.run-js-item-input {
+  margin: 10px 0 10px -4px;
+  transform: rotate(45deg);
+}
+
+.run-js-item-output {
+  margin: 10px -4px 10px 0;
+  transform: rotate(-135deg);
+}
+
+.run-js-item-content {
+  margin-left: 16px;
+  min-height: 28px;
+  line-height: 28px;
+  white-space: pre-line;
+  word-break: break-all;
+}
+
+.run-js-input {
+  margin: 1px 0 1px 16px;
+  min-height: 26px;
+  width: 100%;
+  border: 1px solid transparent;
+  font-size: var(--dev-tool-base-font-size);
+}
+
+.run-js-item-duration {
+  position: absolute;
+  top: 2px;
+  right: 16px;
+  height: 24px;
+  line-height: 24px;
+}
+</style>

package/dist/v3/DevTool/components/ScanCodeList/ScanCodeItem.vue

@@ -1,97 +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>