vite-uni-dev-tool 1.1.0 → 1.2.1

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

@@ -1,218 +1,226 @@
-<template>
-  <scroll-view
-    class="setting-content"
-    scroll-y
-    :style="{ height: contentHeight - 32 + 'px' }">
-    <SettingLanguage :theme="theme" @restart-app="onRestartAppWithConfirm" />
-    <SettingDevTool
-      :theme="theme"
-      :dev-tool-visible="devToolVisible"
-      :size-format="sizeFormat"
-      :build-info="buildInfo"
-      @show-dev-button="onShowDevButton"
-      @restart-dev-tool="onRestartDevTool"
-      @restart-app="onRestartAppWithConfirm"
-      @clear-cache="onClearCache"
-      @destroy-dev-tool="onDestroyDevTool" />
-    <SettingNetwork
-      :theme="theme"
-      :net-work-status="netWorkStatus"
-      :cache-intercept-config="cacheInterceptConfig"
-      :cache-network-log="cacheNetworkLog"
-      @change-cache-intercept-config="onChangeCacheInterceptConfig"
-      @change-cache-network-log="onChangeCacheNetworkLog" />
-    <SettingTheme
-      :theme="theme"
-      :use-transition="useTransition"
-      :base-font-size="baseFontSize"
-      :tag-font-size="tagFontSize"
-      :tips-font-size="tipsFontSize"
-      :font-family="fontFamily"
-      :font-weight="fontWeight"
-      @change-theme="onChangeTheme"
-      @change-use-transition="onChangeUseTransition"
-      @change-font="onChangeFont"
-      @restart-app="onRestartAppWithConfirm" />
-    <SettingInfo :theme="theme" @open-json="onOpenJson" />
-    <SettingLog
-      :theme="theme"
-      :cache-console-log="cacheConsoleLog"
-      @export-log="onExportLog"
-      @change-cache-console-log="onChangeCacheConsoleLog" />
-    <SettingBarrage
-      :theme="theme"
-      :barrage-visible="barrageVisible"
-      :barrage-max-tracks="barrageMaxTracks"
-      :barrage-track-height="barrageTrackHeight"
-      :barrage-start-top="barrageStartTop"
-      :barrage-duration="barrageDuration"
-      :barrage-max-length="barrageMaxLength"
-      :barrage-types="barrageTypes"
-      :barrage-show-when-open="barrageShowWhenOpen"
-      :sizeFormat="sizeFormat"
-      @change-barrage="onChangeBarrage"
-      @change-barrage-max-tracks="onChangeBarrageMaxTracks"
-      @change-barrage-track-height="onChangeBarrageTrackHeight"
-      @change-barrage-start-top="onChangeBarrageStartTop"
-      @change-barrage-duration="onChangeBarrageDuration"
-      @change-barrage-max-length="onChangeBarrageMaxLength"
-      @change-barrage-types="onChangeBarrageTypes"
-      @change-barrage-show-when-open="onChangeBarrageShowWhenOpen" />
-  </scroll-view>
-</template>
-
-<script lang="ts" setup>
-import SettingLanguage from './modules/SettingLanguage.vue';
-import SettingDevTool from './modules/SettingDevTool.vue';
-import SettingNetwork from './modules/SettingNetwork.vue';
-import SettingTheme from './modules/SettingTheme.vue';
-import SettingInfo from './modules/SettingInfo.vue';
-import SettingLog from './modules/SettingLog.vue';
-import SettingBarrage from './modules/SettingBarrage.vue';
-
-defineProps<{
-  theme?: string; // Added theme prop here as per instruction for SettingLanguage
-  devToolVisible?: boolean;
-  sizeFormat?: string;
-  cacheInterceptConfig?: boolean;
-  cacheNetworkLog?: boolean;
-  cacheConsoleLog?: boolean;
-  barrageVisible?: boolean;
-  useTransition?: boolean;
-  baseFontSize?: number;
-  tagFontSize?: number;
-  tipsFontSize?: number;
-  fontFamily?: string;
-  fontWeight?: string;
-  barrageMaxTracks?: number; // 新增
-  barrageTrackHeight?: number; // 新增
-  barrageStartTop?: number; // 新增
-  barrageDuration?: number; // 时长
-  barrageMaxLength?: number; // 长度
-  barrageTypes?: string[]; // 类型
-  barrageShowWhenOpen?: boolean;
-  buildInfo?: {
-    devToolVersion?: string;
-    devToolBuildTime?: string;
-    devToolGit?: string;
-  };
-  netWorkStatus: {
-    isConnected?: boolean;
-    networkType?: string;
-    ip?: string;
-  };
-  contentHeight: number;
-}>();
-
-const emit = defineEmits<{
-  (e: 'showDevButton', show: boolean): void;
-  (e: 'restartDevTool'): void;
-  (e: 'restartApp', confirm?: boolean): void;
-  (e: 'exportLog', params: any): void;
-  (e: 'clearCache'): void;
-  (e: 'destroyDevTool'): void;
-  (e: 'changeTheme', theme: string): void;
-  (e: 'change-cache-intercept-config', value: boolean): void;
-  (e: 'change-cache-network-log', value: boolean): void;
-  (e: 'change-cache-console-log', value: boolean): void;
-  (e: 'change-barrage', value: boolean): void;
-  (e: 'change-barrage-max-tracks', value: number): void;
-  (e: 'change-barrage-track-height', value: number): void;
-  (e: 'change-barrage-start-top', value: number): void;
-  (e: 'change-barrage-duration', value: number): void;
-  (e: 'change-barrage-max-length', value: number): void;
-  (e: 'change-barrage-types', value: string[]): void;
-  (e: 'change-barrage-show-when-open', value: boolean): void;
-  (e: 'change-use-transition', value: boolean): void;
-  (e: 'changeFont', data: any): void;
-  (e: 'openJson', data: any): void;
-}>();
-
-function onShowDevButton(v: boolean) {
-  emit('showDevButton', v);
-}
-
-function onRestartDevTool() {
-  emit('restartDevTool');
-}
-
-function onRestartAppWithConfirm() {
-  emit('restartApp', true);
-}
-
-function onClearCache() {
-  emit('clearCache');
-}
-
-function onDestroyDevTool() {
-  emit('destroyDevTool');
-}
-
-function onChangeCacheInterceptConfig(v: boolean) {
-  emit('change-cache-intercept-config', v);
-}
-
-function onChangeCacheNetworkLog(v: boolean) {
-  emit('change-cache-network-log', v);
-}
-
-function onChangeCacheConsoleLog(v: boolean) {
-  emit('change-cache-console-log', v);
-}
-
-function onChangeBarrageDuration(v: number) {
-  emit('change-barrage-duration', v);
-}
-
-function onChangeBarrageMaxLength(v: number) {
-  emit('change-barrage-max-length', v);
-}
-
-function onChangeBarrageTypes(v: string[]) {
-  emit('change-barrage-types', v);
-}
-
-function onChangeBarrageShowWhenOpen(v: boolean) {
-  emit('change-barrage-show-when-open', v);
-}
-
-function onChangeBarrage(v: boolean) {
-  emit('change-barrage', v);
-}
-
-function onChangeBarrageMaxTracks(v: number) {
-  emit('change-barrage-max-tracks', v);
-}
-
-function onChangeBarrageTrackHeight(v: number) {
-  emit('change-barrage-track-height', v);
-}
-
-function onChangeBarrageStartTop(v: number) {
-  emit('change-barrage-start-top', v);
-}
-
-function onChangeTheme(v: string) {
-  emit('changeTheme', v);
-}
-
-function onChangeUseTransition(v: boolean) {
-  emit('change-use-transition', v);
-}
-
-function onChangeFont(v: any) {
-  emit('changeFont', v);
-}
-
-function onOpenJson(v: any) {
-  emit('openJson', v);
-}
-
-function onExportLog(v: any) {
-  emit('exportLog', v);
-}
-</script>
-
-<style scoped>
-@import './index.css';
-</style>
+<template>
+  <scroll-view
+    class="setting-content"
+    scroll-y
+    :style="{ height: contentHeight - 32 + 'px' }">
+    <SettingLanguage :theme="theme" @restart-app="onRestartAppWithConfirm" />
+    <SettingDevTool
+      :theme="theme"
+      :dev-tool-visible="devToolVisible"
+      :size-format="sizeFormat"
+      :build-info="buildInfo"
+      @show-dev-button="onShowDevButton"
+      @restart-dev-tool="onRestartDevTool"
+      @restart-app="onRestartAppWithConfirm"
+      @clear-cache="onClearCache"
+      @destroy-dev-tool="onDestroyDevTool" />
+    <SettingNetwork
+      :theme="theme"
+      :net-work-status="netWorkStatus"
+      :cache-intercept-config="cacheInterceptConfig"
+      :cache-network-log="cacheNetworkLog"
+      @change-cache-intercept-config="onChangeCacheInterceptConfig"
+      @change-cache-network-log="onChangeCacheNetworkLog" />
+    <SettingTheme
+      :theme="theme"
+      :use-transition="useTransition"
+      :base-font-size="baseFontSize"
+      :tag-font-size="tagFontSize"
+      :tips-font-size="tipsFontSize"
+      :font-family="fontFamily"
+      :font-weight="fontWeight"
+      @change-theme="onChangeTheme"
+      @change-use-transition="onChangeUseTransition"
+      @change-font="onChangeFont"
+      @restart-app="onRestartAppWithConfirm" />
+    <SettingInfo :theme="theme" @open-json="onOpenJson" />
+    <SettingLog
+      :theme="theme"
+      :cache-console-log="cacheConsoleLog"
+      @export-log="onExportLog"
+      @change-cache-console-log="onChangeCacheConsoleLog" />
+    <SettingBarrage
+      :theme="theme"
+      :barrage-visible="barrageVisible"
+      :barrage-max-tracks="barrageMaxTracks"
+      :barrage-track-height="barrageTrackHeight"
+      :barrage-start-top="barrageStartTop"
+      :barrage-duration="barrageDuration"
+      :barrage-max-length="barrageMaxLength"
+      :barrage-allow-drag="barrageAllowDrag"
+      :barrage-types="barrageTypes"
+      :barrage-show-when-open="barrageShowWhenOpen"
+      :sizeFormat="sizeFormat"
+      @change-barrage="onChangeBarrage"
+      @change-barrage-max-tracks="onChangeBarrageMaxTracks"
+      @change-barrage-track-height="onChangeBarrageTrackHeight"
+      @change-barrage-start-top="onChangeBarrageStartTop"
+      @change-barrage-duration="onChangeBarrageDuration"
+      @change-barrage-max-length="onChangeBarrageMaxLength"
+      @change-barrage-allow-drag="onChangeBarrageAllowDrag"
+      @change-barrage-types="onChangeBarrageTypes"
+      @change-barrage-show-when-open="onChangeBarrageShowWhenOpen" />
+  </scroll-view>
+</template>
+
+<script lang="ts" setup>
+import SettingLanguage from './modules/SettingLanguage.vue';
+import SettingDevTool from './modules/SettingDevTool.vue';
+import SettingNetwork from './modules/SettingNetwork.vue';
+import SettingTheme from './modules/SettingTheme.vue';
+import SettingInfo from './modules/SettingInfo.vue';
+import SettingLog from './modules/SettingLog.vue';
+import SettingBarrage from './modules/SettingBarrage.vue';
+
+defineProps<{
+  theme?: string; // Added theme prop here as per instruction for SettingLanguage
+  devToolVisible?: boolean;
+  sizeFormat?: string;
+  cacheInterceptConfig?: boolean;
+  cacheNetworkLog?: boolean;
+  cacheConsoleLog?: boolean;
+  barrageVisible?: boolean;
+  useTransition?: boolean;
+  baseFontSize?: number;
+  tagFontSize?: number;
+  tipsFontSize?: number;
+  fontFamily?: string;
+  fontWeight?: string;
+  barrageMaxTracks?: number; // 新增
+  barrageTrackHeight?: number; // 新增
+  barrageStartTop?: number; // 新增
+  barrageDuration?: number; // 时长
+  barrageMaxLength?: number; // 长度
+  barrageAllowDrag?: boolean; // 允许拖动
+  barrageTypes?: string[]; // 类型
+  barrageShowWhenOpen?: boolean;
+  buildInfo?: {
+    devToolVersion?: string;
+    devToolBuildTime?: string;
+    devToolGit?: string;
+  };
+  netWorkStatus: {
+    isConnected?: boolean;
+    networkType?: string;
+    ip?: string;
+  };
+  contentHeight: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'showDevButton', show: boolean): void;
+  (e: 'restartDevTool'): void;
+  (e: 'restartApp', confirm?: boolean): void;
+  (e: 'exportLog', params: any): void;
+  (e: 'clearCache'): void;
+  (e: 'destroyDevTool'): void;
+  (e: 'changeTheme', theme: string): void;
+  (e: 'change-cache-intercept-config', value: boolean): void;
+  (e: 'change-cache-network-log', value: boolean): void;
+  (e: 'change-cache-console-log', value: boolean): void;
+  (e: 'change-barrage', value: boolean): void;
+  (e: 'change-barrage-max-tracks', value: number): void;
+  (e: 'change-barrage-track-height', value: number): void;
+  (e: 'change-barrage-start-top', value: number): void;
+  (e: 'change-barrage-duration', value: number): void;
+  (e: 'change-barrage-max-length', value: number): void;
+  (e: 'change-barrage-allow-drag', value: boolean): void;
+  (e: 'change-barrage-types', value: string[]): void;
+  (e: 'change-barrage-show-when-open', value: boolean): void;
+  (e: 'change-use-transition', value: boolean): void;
+  (e: 'changeFont', data: any): void;
+  (e: 'openJson', data: any): void;
+}>();
+
+function onShowDevButton(v: boolean) {
+  emit('showDevButton', v);
+}
+
+function onRestartDevTool() {
+  emit('restartDevTool');
+}
+
+function onRestartAppWithConfirm() {
+  emit('restartApp', true);
+}
+
+function onClearCache() {
+  emit('clearCache');
+}
+
+function onDestroyDevTool() {
+  emit('destroyDevTool');
+}
+
+function onChangeCacheInterceptConfig(v: boolean) {
+  emit('change-cache-intercept-config', v);
+}
+
+function onChangeCacheNetworkLog(v: boolean) {
+  emit('change-cache-network-log', v);
+}
+
+function onChangeCacheConsoleLog(v: boolean) {
+  emit('change-cache-console-log', v);
+}
+
+function onChangeBarrageDuration(v: number) {
+  emit('change-barrage-duration', v);
+}
+
+function onChangeBarrageMaxLength(v: number) {
+  emit('change-barrage-max-length', v);
+}
+
+function onChangeBarrageAllowDrag(v: boolean) {
+  emit('change-barrage-allow-drag', v);
+}
+
+function onChangeBarrageTypes(v: string[]) {
+  emit('change-barrage-types', v);
+}
+
+function onChangeBarrageShowWhenOpen(v: boolean) {
+  emit('change-barrage-show-when-open', v);
+}
+
+function onChangeBarrage(v: boolean) {
+  emit('change-barrage', v);
+}
+
+function onChangeBarrageMaxTracks(v: number) {
+  emit('change-barrage-max-tracks', v);
+}
+
+function onChangeBarrageTrackHeight(v: number) {
+  emit('change-barrage-track-height', v);
+}
+
+function onChangeBarrageStartTop(v: number) {
+  emit('change-barrage-start-top', v);
+}
+
+function onChangeTheme(v: string) {
+  emit('changeTheme', v);
+}
+
+function onChangeUseTransition(v: boolean) {
+  emit('change-use-transition', v);
+}
+
+function onChangeFont(v: any) {
+  emit('changeFont', v);
+}
+
+function onOpenJson(v: any) {
+  emit('openJson', v);
+}
+
+function onExportLog(v: any) {
+  emit('exportLog', v);
+}
+</script>
+
+<style scoped>
+@import './index.css';
+</style>