vite-uni-dev-tool 1.0.0 → 1.1.0

package/dist/v3/{SettingList → DevTool/components/SettingList}/modules/SettingInfo.vue

@@ -1,119 +1,157 @@
-<template>
-  <view class="setting-item">
-    <DevToolTitle>{{ t('setting.info.title') }}</DevToolTitle>
-    <view class="setting-item-content">
-      <view class="setting-row">{{ t('setting.info.viewWindow') }}：</view>
-      <view class="setting-tips">
-        {{ t('setting.info.viewWindowTip') }}
-      </view>
-      <SettingButton @click="onLookWindowInfo">
-        {{ t('setting.info.viewWindow') }}
-      </SettingButton>
-
-      <view class="setting-row">{{ t('setting.info.viewDevice') }}：</view>
-      <view class="setting-tips">
-        {{ t('setting.info.viewDeviceTip') }}
-      </view>
-      <SettingButton @click="onLookDeviceInfo">
-        {{ t('setting.info.viewDevice') }}
-      </SettingButton>
-
-      <view class="setting-row">{{ t('setting.info.viewSystem') }}：</view>
-      <view class="setting-tips">
-        {{ t('setting.info.viewSystemTip') }}
-      </view>
-      <SettingButton @click="onLookSystemInfo">
-        {{ t('setting.info.viewSystem') }}
-      </SettingButton>
-
-      <view class="setting-row">{{ t('setting.info.viewAppInfo') }}：</view>
-      <view class="setting-tips">
-        {{ t('setting.info.viewAppInfoTip') }}
-      </view>
-      <SettingButton @click="onLookAppInfo">
-        {{ t('setting.info.viewAppInfo') }}
-      </SettingButton>
-    </view>
-  </view>
-</template>
-
-<script setup lang="ts">
-import DevToolTitle from '../../DevToolTitle/index.vue';
-import SettingButton from '../../SettingButton/index.vue';
-import { useI18n } from '../../../i18n';
-
-const { t } = useI18n();
-
-defineProps<{
-  theme?: string;
-}>();
-
-const emit = defineEmits<{
-  (e: 'openJson', data: { title: string; data: any }): void;
-}>();
-
-function onLookWindowInfo() {
-  if (uni.getWindowInfo) {
-    const windowInfo = uni.getWindowInfo();
-    emit('openJson', {
-      title: 'windowInfo',
-      data: windowInfo,
-    });
-  } else {
-    uni.showToast({
-      title: `${t('setting.info.notSupported')} uni.getWindowInfo`,
-    });
-  }
-}
-function onLookDeviceInfo() {
-  if (uni.getDeviceInfo) {
-    const deviceInfo = uni.getDeviceInfo();
-    emit('openJson', {
-      title: 'deviceInfo',
-      data: deviceInfo,
-    });
-  } else {
-    uni.showToast({
-      title: `${t('setting.info.notSupported')} uni.getDeviceInfo`,
-    });
-  }
-}
-async function onLookSystemInfo() {
-  if (uni.getSystemInfo) {
-    const systemInfo = await uni.getSystemInfo();
-    emit('openJson', {
-      title: 'systemInfo',
-      data: systemInfo,
-    });
-  } else {
-    uni.showToast({
-      title: `${t('setting.info.notSupported')} uni.getSystemInfo`,
-    });
-  }
-}
-function onLookAppInfo() {
-  if (uni.getAppBaseInfo) {
-    let appInfo = uni.getAppBaseInfo();
-
-    if (uni.getAppAuthorizeSetting) {
-      appInfo = {
-        ...appInfo,
-        ...uni.getAppAuthorizeSetting(),
-      };
-    }
-
-    emit('openJson', {
-      title: 'appInfo',
-      data: appInfo,
-    });
-  } else {
-    uni.showToast({
-      title: `${t('setting.info.notSupported')} uni.getAppInfo`,
-    });
-  }
-}
-</script>
-
-<style scoped>
-@import '../index.css';
-</style>
+<template>
+  <view class="setting-item">
+    <DevToolTitle>{{ t('setting.info.title') }}</DevToolTitle>
+    <view class="setting-item-content">
+      <template v-if="systemInfoBase">
+        <view class="setting-row">
+          <view>{{ t('setting.info.systemEnv') }}：</view>
+          <view>
+            {{ systemInfoBase.osName }} {{ systemInfoBase.osVersion }}
+          </view>
+        </view>
+        <view class="setting-row">
+          <view>{{ t('setting.info.deviceBrand') }}：</view>
+          <view>
+            {{ systemInfoBase.deviceBrand }} {{ systemInfoBase.deviceModel }}
+          </view>
+        </view>
+        <view class="setting-row">
+          <view>{{ t('setting.info.hostVersion') }}：</view>
+          <view>
+            {{ systemInfoBase.hostName }} {{ systemInfoBase.hostVersion }}
+          </view>
+        </view>
+        <view class="setting-row">
+          <view>{{ t('setting.info.sdkVersion') }}：</view>
+          <view>{{ systemInfoBase.hostSDKVersion || 'N/A' }}</view>
+        </view>
+        <view class="setting-row">
+          <view>{{ t('setting.info.platform') }}：</view>
+          <view>{{ systemInfoBase.uniPlatform }}</view>
+        </view>
+        <view class="setting-row">
+          <SettingButton @click="onLookSystemInfo">
+            {{ t('setting.info.viewSystem') }}
+          </SettingButton>
+        </view>
+      </template>
+
+      <view class="setting-row">{{ t('setting.info.viewWindow') }}：</view>
+      <view class="setting-tips">
+        {{ t('setting.info.viewWindowTip') }}
+      </view>
+      <SettingButton @click="onLookWindowInfo">
+        {{ t('setting.info.viewWindow') }}
+      </SettingButton>
+
+      <view class="setting-row">{{ t('setting.info.viewDevice') }}：</view>
+      <view class="setting-tips">
+        {{ t('setting.info.viewDeviceTip') }}
+      </view>
+      <SettingButton @click="onLookDeviceInfo">
+        {{ t('setting.info.viewDevice') }}
+      </SettingButton>
+
+      <view class="setting-row">{{ t('setting.info.viewAppInfo') }}：</view>
+      <view class="setting-tips">
+        {{ t('setting.info.viewAppInfoTip') }}
+      </view>
+      <SettingButton @click="onLookAppInfo">
+        {{ t('setting.info.viewAppInfo') }}
+      </SettingButton>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import DevToolTitle from '../../DevToolTitle/index.vue';
+import SettingButton from '../../SettingButton/index.vue';
+import { useI18n } from '../../../../../i18n';
+import { onMounted, ref } from 'vue';
+
+const { t } = useI18n();
+const systemInfoBase = ref<any>(null);
+
+onMounted(() => {
+  if (uni.getSystemInfoSync) {
+    try {
+      systemInfoBase.value = uni.getSystemInfoSync();
+    } catch (_e) {
+      // ignore
+    }
+  }
+});
+
+defineProps<{
+  theme?: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'openJson', data: { title: string; data: any }): void;
+}>();
+
+function onLookWindowInfo() {
+  if (uni.getWindowInfo) {
+    const windowInfo = uni.getWindowInfo();
+    emit('openJson', {
+      title: 'windowInfo',
+      data: windowInfo,
+    });
+  } else {
+    uni.showToast({
+      title: `${t('setting.info.notSupported')} uni.getWindowInfo`,
+    });
+  }
+}
+function onLookDeviceInfo() {
+  if (uni.getDeviceInfo) {
+    const deviceInfo = uni.getDeviceInfo();
+    emit('openJson', {
+      title: 'deviceInfo',
+      data: deviceInfo,
+    });
+  } else {
+    uni.showToast({
+      title: `${t('setting.info.notSupported')} uni.getDeviceInfo`,
+    });
+  }
+}
+async function onLookSystemInfo() {
+  if (uni.getSystemInfo) {
+    const systemInfo = await uni.getSystemInfo();
+    emit('openJson', {
+      title: 'systemInfo',
+      data: systemInfo,
+    });
+  } else {
+    uni.showToast({
+      title: `${t('setting.info.notSupported')} uni.getSystemInfo`,
+    });
+  }
+}
+function onLookAppInfo() {
+  if (uni.getAppBaseInfo) {
+    let appInfo = uni.getAppBaseInfo();
+
+    if (uni.getAppAuthorizeSetting) {
+      appInfo = {
+        ...appInfo,
+        ...uni.getAppAuthorizeSetting(),
+      };
+    }
+
+    emit('openJson', {
+      title: 'appInfo',
+      data: appInfo,
+    });
+  } else {
+    uni.showToast({
+      title: `${t('setting.info.notSupported')} uni.getAppInfo`,
+    });
+  }
+}
+</script>
+
+<style scoped>
+@import '../index.css';
+</style>

package/dist/v3/{SettingList → DevTool/components/SettingList}/modules/SettingLanguage.vue

@@ -1,74 +1,74 @@
-<template>
-  <view class="setting-item">
-    <DevToolTitle>{{ t('setting.devTool.language') }}</DevToolTitle>
-    <view class="setting-item-content">
-      <view class="setting-row">
-        <view>{{ t('setting.devTool.languageTip') }}：</view>
-        <Pick
-          :modelValue="selectedLanguage"
-          :options="languageOptions"
-          :readonly="true"
-          customStyle="width: 100px; flex: none;"
-          @change="onLanguageChange" />
-      </view>
-      <SettingButton @click="onConfirm" style="margin-top: 10px">
-        {{ t('setting.devTool.confirmLanguage') }}
-      </SettingButton>
-    </view>
-  </view>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import DevToolTitle from '../../DevToolTitle/index.vue';
-import Pick from '../../Pick/index.vue';
-import SettingButton from '../../SettingButton/index.vue';
-import { useI18n } from '../../../i18n';
-
-const { t, locale, setLocale } = useI18n();
-
-defineProps<{
-  theme?: string;
-}>();
-
-const emit = defineEmits<{
-  (e: 'restartApp'): void;
-}>();
-
-const selectedLanguage = ref(locale.value);
-
-const languageOptions = computed(() => [
-  {
-    label: '中文',
-    value: 'zh-Hans',
-  },
-  {
-    label: 'English',
-    value: 'en',
-  },
-]);
-
-function onLanguageChange(item: { label: string; value: any }) {
-  selectedLanguage.value = item.value;
-}
-
-function onConfirm() {
-  if (selectedLanguage.value === locale.value) return;
-
-  setLocale(selectedLanguage.value);
-
-  uni.showToast({
-    title: t('setting.devTool.confirmLanguageTip'),
-    icon: 'none',
-    duration: 1500,
-  });
-
-  setTimeout(() => {
-    emit('restartApp');
-  }, 1500);
-}
-</script>
-
-<style scoped>
-@import '../index.css';
-</style>
+<template>
+  <view class="setting-item">
+    <DevToolTitle>{{ t('setting.devTool.language') }}</DevToolTitle>
+    <view class="setting-item-content">
+      <view class="setting-row">
+        <view>{{ t('setting.devTool.languageTip') }}：</view>
+        <Pick
+          :modelValue="selectedLanguage"
+          :options="languageOptions"
+          :readonly="true"
+          customStyle="width: 100px; flex: none;"
+          @change="onLanguageChange" />
+      </view>
+      <SettingButton @click="onConfirm" style="margin-top: 10px">
+        {{ t('setting.devTool.confirmLanguage') }}
+      </SettingButton>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import DevToolTitle from '../../DevToolTitle/index.vue';
+import Pick from '../../../../components/Pick/index.vue';
+import SettingButton from '../../SettingButton/index.vue';
+import { useI18n } from '../../../../../i18n';
+
+const { t, locale, setLocale } = useI18n();
+
+defineProps<{
+  theme?: string;
+}>();
+
+const emit = defineEmits<{
+  (e: 'restartApp'): void;
+}>();
+
+const selectedLanguage = ref(locale.value);
+
+const languageOptions = computed(() => [
+  {
+    label: '中文',
+    value: 'zh-Hans',
+  },
+  {
+    label: 'English',
+    value: 'en',
+  },
+]);
+
+function onLanguageChange(item: { label: string; value: any }) {
+  selectedLanguage.value = item.value;
+}
+
+function onConfirm() {
+  if (selectedLanguage.value === locale.value) return;
+
+  setLocale(selectedLanguage.value);
+
+  uni.showToast({
+    title: t('setting.devTool.confirmLanguageTip'),
+    icon: 'none',
+    duration: 1500,
+  });
+
+  setTimeout(() => {
+    emit('restartApp');
+  }, 1500);
+}
+</script>
+
+<style scoped>
+@import '../index.css';
+</style>