vite-uni-dev-tool 0.0.48 → 1.0.0

package/dist/v3/SourceCode/parseCode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"parseCode.d.ts","sourceRoot":"","sources":["../../../dev/v3/SourceCode/parseCode.ts"],"names":[],"mappings":"AA0IA,KAAK,IAAI,GAAG;IACV,SAAS;IACT,IAAI,EAAE,MAAM,CAAC;IACb,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;OAWG;IACH,IAAI,EACA,OAAO,GACP,SAAS,GACT,WAAW,GACX,QAAQ,GACR,UAAU,GACV,WAAW,GACX,UAAU,GACV,QAAQ,GACR,SAAS,GACT,OAAO,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAobF,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CAkClD"}

package/dist/v3/UploadList/UploadDetail.vue

@@ -1,255 +0,0 @@
-<template>
-  <view class="upload-detail" :style="customStyle">
-    <view class="upload-detail-control">
-      <DevToolTitle style="margin-right: 16px">上传详情</DevToolTitle>
-
-      <Tag
-        v-for="item in selectItems"
-        :active="currentSelect === item.value"
-        :mode="item.mode"
-        :key="item.value"
-        @click="onSelect(item)"
-      >
-        {{ item.label }}
-      </Tag>
-
-      <CircularButton style="margin-left: auto" text="×" @click="onClose" />
-    </view>
-
-    <view
-      class="upload-detail-header"
-      :style="{ height: contentHeight - 32 + 'px' }"
-      v-if="currentSelect === 'header'"
-    >
-      <DevToolTitle>常规</DevToolTitle>
-      <view class="upload-detail-item">
-        <view>请求地址:</view>
-        <view class="upload-detail-url" @click="onClickUrl">{{
-          upload.url
-        }}</view>
-      </view>
-      <view class="upload-detail-item">
-        <view>请求方法:</view>
-        <Tag mode="info">{{ upload.method ?? 'POST' }}</Tag>
-      </view>
-      <view class="upload-detail-item">
-        <view>状态代码:</view>
-        <Tag mode="info">{{ upload.status }}</Tag>
-      </view>
-
-      <DevToolTitle>请求头</DevToolTitle>
-      <template
-        v-if="
-          upload?.headers &&
-          upload?.headers?.requestHeader &&
-          upload?.headers?.requestHeader?.length > 0
-        "
-      >
-        <view
-          class="upload-detail-item"
-          v-for="item in upload?.headers?.requestHeader"
-          :key="item.key"
-        >
-          <view class="upload-detail-item-key">{{ item.key }}:</view>
-          {{ item.value }}
-        </view>
-      </template>
-      <Empty v-else />
-
-      <!-- <view class="upload-detail-title">响应头</view>
-      <view
-        class="upload-detail-item"
-        v-for="item in upload?.headers?.responseHeader"
-        :key="item.key"
-      >
-        <view>{{ item.key }}:</view>
-        {{ item.value }}
-      </view> -->
-    </view>
-
-    <template v-if="currentSelect === 'formdata'">
-      <template v-if="formData?.type === 'object'">
-        <JsonPretty
-          virtual
-          :data="formData.value"
-          :nodeSelectable="() => false"
-          :pathCollapsible="() => false"
-          :height="contentHeight - 32"
-        />
-      </template>
-      <view
-        v-else-if="formData?.type === 'string'"
-        class="upload-detail-payload"
-      >
-        {{ formData.value }}
-      </view>
-      <Empty v-else />
-    </template>
-
-    <template v-if="currentSelect === 'response'">
-      <template v-if="response?.type === 'object'">
-        <JsonPretty
-          virtual
-          :data="response.value"
-          :nodeSelectable="() => false"
-          :pathCollapsible="() => false"
-          :height="contentHeight - 32"
-        />
-      </template>
-      <view
-        v-else-if="response?.type === 'string'"
-        class="upload-detail-payload"
-      >
-        {{ response.value }}
-      </view>
-      <Empty v-else />
-    </template>
-  </view>
-</template>
-<script lang="ts" setup>
-import { ref, computed, onMounted } from 'vue';
-import JsonPretty from '../JsonPretty/index.vue';
-import Tag from '../Tag/index.vue';
-import Empty from '../Empty/index.vue';
-import CircularButton from '../CircularButton/index.vue';
-import DevToolTitle from '../DevToolTitle/index.vue';
-import type { DevTool } from '../../type';
-const props = defineProps<{
-  upload: DevTool.UploadItem;
-  zIndex?: number;
-  contentHeight: number;
-  customStyle?: Record<string, any>;
-}>();
-const emit = defineEmits<{ (e: 'close'): void }>();
-const selectItems = [
-  {
-    label: 'header',
-    value: 'header',
-    mode: 'info',
-  },
-  {
-    label: 'formdata',
-    value: 'formdata',
-    mode: 'info',
-  },
-  {
-    label: 'response',
-    value: 'response',
-    mode: 'info',
-  },
-];
-
-const currentSelect = ref('header');
-
-const formData = computed(() => {
-  try {
-    if (props.upload.formData) {
-      return {
-        value: JSON.parse(JSON.stringify(props.upload.formData)),
-        type: 'object',
-      };
-    }
-    return {
-      value: {},
-      type: 'empty',
-    };
-  } catch (error) {
-    return {
-      value: JSON.parse(JSON.stringify(props.upload.formData)),
-      type: 'object',
-    };
-  }
-});
-
-const response = computed(() => {
-  try {
-    if (props.upload.response) {
-      return {
-        value: JSON.parse(JSON.stringify(props.upload.response)),
-        type: 'object',
-      };
-    }
-    return {
-      value: {},
-      type: 'empty',
-    };
-  } catch (error) {
-    return {
-      value: props.upload.response,
-      type: props.upload.response ? 'string' : 'empty',
-    };
-  }
-});
-
-function onSelect(item: { label: string; value: string }) {
-  currentSelect.value = item.value;
-}
-
-function onClose() {
-  emit('close');
-}
-
-function onClickUrl() {
-  uni.setClipboardData({
-    data: props.upload.url ?? '',
-    success() {
-      uni.showToast({
-        title: '复制成功',
-        icon: 'none',
-      });
-    },
-    fail() {
-      uni.showToast({
-        title: '复制失败',
-        icon: 'none',
-      });
-    },
-  });
-}
-</script>
-<style>
-.upload-detail {
-  position: fixed;
-  width: 100vw;
-  height: 100vh;
-  z-index: 1001;
-  top: 0;
-  left: 0;
-  padding: 0 16px;
-  /* #ifdef H5 || APP-PLUS */
-  padding: 50px 16px;
-  /* #endif */
-  background-color: var(--dev-tool-bg3-color);
-  box-sizing: border-box;
-  transform: background-color 0.3s;
-}
-.upload-detail-control {
-  display: flex;
-  align-items: center;
-  margin-bottom: 4px;
-  gap: 12px;
-  height: 32px;
-  border-bottom: 1px solid transparent;
-  box-sizing: border-box;
-}
-
-.upload-detail-item {
-  display: flex;
-  align-items: center;
-  min-height: 28px;
-  word-break: break-all;
-  font-size: 12px;
-}
-.upload-detail-url {
-  text-decoration: underline;
-}
-.upload-detail-item-key {
-  white-space: nowrap;
-  margin-right: 8px;
-  color: var(--dev-tool-info-color);
-}
-.upload-detail-payload {
-  word-break: break-all;
-  max-width: 100%;
-}
-</style>

package/dist/v3/UploadList/UploadItem.vue

@@ -1,122 +0,0 @@
-<template>
-  <view class="upload-item">
-    <view class="upload-url-row" @click="emit('openDetail', upload)">
-      <Tag mode="info">POST</Tag>
-      <view class="upload-url" v-html="upload.url" />
-    </view>
-    <view class="upload-info">
-      <view>
-        <Tag v-if="upload.status === 'pending'" mode="info">
-          {{ upload.status }}
-        </Tag>
-        <Tag v-if="upload.status === 'uploading'" mode="warn">
-          {{ upload.status }}
-        </Tag>
-        <Tag v-if="upload.status === 'success'" mode="success">
-          {{ upload.status }}
-        </Tag>
-        <Tag v-if="upload.status === 'error'" mode="error">
-          {{ upload.status }}
-        </Tag>
-      </view>
-      <view>进度: {{ upload.progress }}%</view>
-      <view>
-        开始:
-        {{
-          upload.startTime
-            ? formatDate(upload.startTime, ' HH:mm:ss:SS')
-            : '--:--:--:---'
-        }}
-      </view>
-      <view>
-        结束:
-        {{
-          upload.endTime
-            ? formatDate(upload.endTime, ' HH:mm:ss:SS')
-            : '--:--:--:---'
-        }}
-      </view>
-    </view>
-    <view
-      :class="['upload-stock ', isUseDevSource ? 'upload-stock-link' : '']"
-      @click.stop="emit('openCode', upload.stack)"
-    >
-      {{ upload?.stack }}
-    </view>
-  </view>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-import Tag from '../Tag/index.vue';
-import { formatDate, isMockWX } from '../../utils';
-import type { DevTool } from '../../type';
-const props = defineProps<{
-  upload: DevTool.UploadItem;
-  zIndex?: number;
-  mode?: string;
-  useDevSource?: boolean;
-}>();
-const emit = defineEmits<{
-  (e: 'openDetail', value: DevTool.UploadItem): void;
-  (e: 'openCode', value?: string): void;
-}>();
-
-const isUseDevSource = computed(() => {
-  return (
-    !isMockWX(props?.upload?.stack ?? '') &&
-    props.mode === 'development' &&
-    props.useDevSource
-  );
-});
-</script>
-<style scoped>
-.upload-item {
-  padding: 16px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  font-size: var(--dev-tool-base-font-size);
-}
-.upload-url-row {
-  display: flex;
-  align-items: center;
-  word-break: break-all;
-}
-.websocket-url {
-  margin-left: 4px;
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.upload-detail-icon {
-  flex-shrink: 0;
-  margin-left: auto;
-}
-.upload-url {
-  margin-left: 4px;
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-decoration: underline;
-}
-.upload-detail-active {
-  transform: rotate(135deg);
-}
-.upload-info {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 4px;
-  color: var(--dev-tool-text-color);
-}
-
-.upload-stock {
-  text-align: right;
-  word-wrap: break-word;
-}
-.upload-stock-link {
-  text-decoration: underline;
-}
-</style>

package/dist/v3/UploadList/index.vue

@@ -1,125 +0,0 @@
-<template>
-  <view class="upload-content">
-    <view class="upload-control">
-      <FilterInput
-        :modelValue="modelValue"
-        placeholder="查询url"
-        @search="emit('search', $event)"
-        @update:modelValue="emit('update:modelValue', $event)"
-      />
-      <Tag
-        v-for="item in uploadFilterItems"
-        :mode="item.mode"
-        :key="item.value"
-        :active="item.value === currentUploadType"
-        @click="onChoose(item.value)"
-      >
-        {{ item.label }}
-      </Tag>
-    </view>
-    <VirtualListPro
-      :data="uploadList"
-      :pageSize="15"
-      :height="contentHeight - 32"
-      className="upload-list"
-    >
-      <template v-slot="{ list, start, itemsHeight, onSizeChange }">
-        <AutoSize
-          v-for="(item, index) in list"
-          :index="start + index"
-          :key="start + index"
-          :itemsHeight="itemsHeight"
-          :onSizeChange="onSizeChange"
-        >
-          <UploadItem
-            :upload="item"
-            :zIndex="zIndex"
-            :mode="mode"
-            :useDevSource="useDevSource"
-            @openDetail="emit('openDetail', $event)"
-            @openCode="emit('openCode', $event)"
-          />
-        </AutoSize>
-        <Empty v-if="!uploadList || uploadList.length === 0" />
-      </template>
-    </VirtualListPro>
-  </view>
-</template>
-<script lang="ts" setup>
-import Tag from '../Tag/index.vue';
-import UploadItem from './UploadItem.vue';
-import Empty from '../Empty/index.vue';
-import FilterInput from '../FilterInput/index.vue';
-import type { DevTool } from '../../type';
-import VirtualListPro from '../VirtualListPro/index.vue';
-import AutoSize from '../VirtualListPro/AutoSize.vue';
-import { onMounted, ref } from 'vue';
-
-defineProps<{
-  currentUploadType: string;
-  uploadList: DevTool.UploadItem[];
-  modelValue: string;
-  mode?: string;
-  zIndex: number;
-  useDevSource?: boolean;
-  contentHeight: number;
-}>();
-
-const emit = defineEmits<{
-  (e: 'choose', type: string): void;
-  (e: 'update:modelValue', value: string): void;
-  (e: 'search', value: string): void;
-  (e: 'openDetail', value: DevTool.UploadItem): void;
-  (e: 'openCode', value?: string): void;
-}>();
-const uploadFilterItems = [
-  {
-    label: '全部',
-    value: 'all',
-    mode: 'all',
-  },
-  {
-    label: 'pending',
-    value: 'pending',
-    mode: 'info',
-  },
-  {
-    label: 'success',
-    value: 'success',
-    mode: 'success',
-  },
-  {
-    label: 'error',
-    value: 'error',
-    mode: 'error',
-  },
-  {
-    label: '清除',
-    value: 'clear',
-    mode: 'clear',
-  },
-];
-
-function onChoose(type: string) {
-  emit('choose', type);
-}
-</script>
-<style scoped>
-.upload-content {
-  height: 100%;
-  font-size: var(--dev-tool-base-font-size);
-}
-.upload-list {
-  height: calc(100% - 32px);
-}
-.upload-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;
-}
-</style>