@quicktvui/ai 1.0.0

package/rules/.docs/examples/module/local-storage/es-basic.vue

@@ -0,0 +1,92 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+    <div class="es-sdk-content-row-css">
+      <div class="es-sdk-content-row-css">
+        <s-text-button text="getBoolean" @onButtonClicked="getBoolean" />
+        <s-text-button text="putBoolean" @onButtonClicked="putBoolean" />
+        <s-text-button text="getInt" @onButtonClicked="getInt" />
+        <s-text-button text="putInt" @onButtonClicked="putInt" />
+        <s-text-button text="getLong" @onButtonClicked="getLong" />
+        <s-text-button text="putLong" @onButtonClicked="putLong" />
+        <s-text-button text="getString" @onButtonClicked="getString" />
+        <s-text-button text="putString" @onButtonClicked="putString" />
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from "@vue/runtime-core";
+import { useESLocalStorage, useESToast } from "@extscreen/es3-core";
+
+export default defineComponent({
+  name: "本地存储",
+  setup() {
+    const localStorage = useESLocalStorage();
+    const toast = useESToast();
+
+    function getBoolean() {
+      localStorage.getBoolean("boolean_key", false).then((value) => {
+        toast.showToast(`getBoolean：${value}`);
+      });
+    }
+
+    function putBoolean() {
+      localStorage.putBoolean("boolean_key", true).then(() => {
+        //
+      });
+    }
+
+    function getInt() {
+      localStorage.getInt("int_key", -1).then((value) => {
+        toast.showToast(`getInt：${value}`);
+      });
+    }
+
+    function putInt() {
+      localStorage.putInt("int_key", 20000).then(() => {
+        //
+      });
+    }
+
+    function getLong() {
+      localStorage.getLong("long_key", 0).then((value) => {
+        toast.showToast(`getLong：${value}`);
+      });
+    }
+
+    function putLong() {
+      localStorage.putLong("long_key", 20000000).then(() => {
+        //
+      });
+    }
+
+    function getString() {
+      localStorage.getString("string_key", "default string !").then((value) => {
+        toast.showToast(`getString：${value}`);
+      });
+    }
+
+    function putString() {
+      localStorage
+        .putString("string_key", "hello local storage ~~~")
+        .then(() => {
+          //
+        });
+    }
+
+    return {
+      getBoolean,
+      putBoolean,
+      getInt,
+      putInt,
+      getLong,
+      putLong,
+      getString,
+      putString,
+    };
+  },
+});
+</script>
+<style></style>

package/rules/.docs/examples/module/local-storage/qt-basic.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+    <div class="es-sdk-content-row-css">
+      <div class="es-sdk-content-row-css">
+        <s-text-button text="getBoolean" @onButtonClicked="getBoolean" />
+        <s-text-button text="putBoolean" @onButtonClicked="putBoolean" />
+        <s-text-button text="getInt" @onButtonClicked="getInt" />
+        <s-text-button text="putInt" @onButtonClicked="putInt" />
+        <s-text-button text="getLong" @onButtonClicked="getLong" />
+        <s-text-button text="putLong" @onButtonClicked="putLong" />
+        <s-text-button text="getString" @onButtonClicked="getString" />
+        <s-text-button text="putString" @onButtonClicked="putString" />
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from "@vue/runtime-core";
+
+export default defineComponent({
+  name: "本地存储",
+  setup() {
+    function getBoolean() {
+      qt.storage.getBoolean("boolean_key", false).then((value) => {
+        qt.toast.showToast(`getBoolean：${value}`);
+      });
+    }
+
+    function putBoolean() {
+      qt.storage.putBoolean("boolean_key", true).then(() => {
+        //
+      });
+    }
+
+    function getInt() {
+      qt.storage.getInt("int_key", -1).then((value) => {
+        qt.toast.showToast(`getInt：${value}`);
+      });
+    }
+
+    function putInt() {
+      qt.storage.putInt("int_key", 20000).then(() => {
+        //
+      });
+    }
+
+    function getLong() {
+      qt.storage.getLong("long_key", 0).then((value) => {
+        qt.toast.showToast(`getLong：${value}`);
+      });
+    }
+
+    function putLong() {
+      qt.storage.putLong("long_key", 20000000).then(() => {
+        //
+      });
+    }
+
+    function getString() {
+      qt.storage.getString("string_key", "default string !").then((value) => {
+        qt.toast.showToast(`getString：${value}`);
+      });
+    }
+
+    function putString() {
+      qt.storage.putString("string_key", "hello local storage ~~~").then(() => {
+        //
+      });
+    }
+
+    return {
+      getBoolean,
+      putBoolean,
+      getInt,
+      putInt,
+      getLong,
+      putLong,
+      getString,
+      putString,
+    };
+  },
+});
+</script>
+<style></style>

package/rules/.docs/examples/module/location/es-basic.vue

@@ -0,0 +1,69 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+    <div class="es-sdk-content-column-css">
+      <s-text-view :text="'当前位置：' + currentLocation" />
+      <div class="es-sdk-content-row-css">
+        <s-text-button
+          text="打开定位设置"
+          @onButtonClicked="onLaunchLocation"
+        />
+        <s-text-button text="获取定位信息" @onButtonClicked="onGetLocation" />
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { ref } from "vue";
+import { defineComponent } from "@vue/runtime-core";
+import { useESLocation } from "@extscreen/es3-core";
+import type { ESLocationInfo, ESLocationListener } from "@extscreen/es3-core";
+
+export default defineComponent({
+  name: "定位模块",
+  setup() {
+    const location = useESLocation();
+    const currentLocation = ref("");
+
+    function onLaunchLocation() {
+      location.launchLocation();
+    }
+
+    function onGetLocation() {
+      location.getLocation().then(
+        (location) => {
+          currentLocation.value = JSON.stringify(location);
+        },
+        (error) => {
+          currentLocation.value = `${error}`;
+        },
+      );
+    }
+
+    //监听地址变化
+    const listener: ESLocationListener = {
+      onLocationChange(location: ESLocationInfo | null) {
+        currentLocation.value = JSON.stringify(location);
+      },
+    };
+
+    const onESCreate = () => {
+      location.addListener(listener);
+    };
+
+    const onESDestroy = () => {
+      location.removeListener(listener);
+    };
+
+    return {
+      onESCreate,
+      onESDestroy,
+      onLaunchLocation,
+      onGetLocation,
+      currentLocation,
+    };
+  },
+});
+</script>
+<style></style>

package/rules/.docs/examples/module/location/qt-basic.vue

@@ -0,0 +1,67 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+    <div class="es-sdk-content-column-css">
+      <s-text-view :text="'当前位置：' + currentLocation" />
+      <div class="es-sdk-content-row-css">
+        <s-text-button
+          text="打开定位设置"
+          @onButtonClicked="onLaunchLocation"
+        />
+        <s-text-button text="获取定位信息" @onButtonClicked="onGetLocation" />
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { ref } from "vue";
+import { defineComponent } from "@vue/runtime-core";
+import type { ESLocationInfo, ESLocationListener } from "@extscreen/es3-core";
+
+export default defineComponent({
+  name: "定位模块",
+  setup() {
+    const currentLocation = ref("");
+
+    function onLaunchLocation() {
+      qt.location.launchLocation();
+    }
+
+    function onGetLocation() {
+      qt.location.getLocation().then(
+        (location) => {
+          currentLocation.value = JSON.stringify(location);
+        },
+        (error) => {
+          currentLocation.value = `${error}`;
+        },
+      );
+    }
+
+    //监听地址变化
+    const listener: ESLocationListener = {
+      onLocationChange(location: ESLocationInfo | null) {
+        currentLocation.value = JSON.stringify(location);
+      },
+    };
+
+    const onESCreate = () => {
+      qt.location.addListener(listener);
+    };
+
+    const onESDestroy = () => {
+      qt.location.removeListener(listener);
+    };
+
+    return {
+      onESCreate,
+      onESDestroy,
+      onLaunchLocation,
+      onGetLocation,
+      currentLocation,
+    };
+  },
+});
+</script>
+<style></style>

package/rules/.docs/examples/module/log/es-basic.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from "@vue/runtime-core";
+import { ESLogLevel, useESLog } from "@extscreen/es3-core";
+
+const TAG = "LogSamplePage";
+
+export default defineComponent({
+  name: "使用初探",
+  setup() {
+    const log = useESLog();
+    //设置最小打印级别
+    log.setMinimumLoggingLevel(ESLogLevel.DEBUG);
+
+    //判断VERBOSE级别日志否可用并打印VERBOSE级别日志
+    if (log.isLoggable(ESLogLevel.VERBOSE)) {
+      log.v(TAG, "----------VERBOSE--------->>>");
+    }
+    //判断DEBUG级别日志否可用并打印DEBUG级别日志
+    if (log.isLoggable(ESLogLevel.DEBUG)) {
+      log.d(TAG, "----------DEBUG--------->>>");
+    }
+    //判断INFO级别日志否可用并打印INFO级别日志
+    if (log.isLoggable(ESLogLevel.INFO)) {
+      log.i(TAG, "----------INFO--------->>>");
+    }
+    //判断WARN级别日志否可用并打印WARN级别日志
+    if (log.isLoggable(ESLogLevel.WARN)) {
+      log.w(TAG, "----------WARN--------->>>");
+    }
+    //判断ERROR级别日志否可用并打印ERROR级别日志
+    if (log.isLoggable(ESLogLevel.ERROR)) {
+      log.e(TAG, "----------ERROR--------->>>");
+    }
+
+    return {};
+  },
+});
+</script>
+<style></style>

package/rules/.docs/examples/module/log/qt-basic.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from "@vue/runtime-core";
+import { ESLogLevel } from "@extscreen/es3-core";
+
+const TAG = "LogSamplePage";
+
+export default defineComponent({
+  name: "使用初探",
+  setup() {
+    //设置最小打印级别
+    qt.log.setMinimumLoggingLevel(ESLogLevel.DEBUG);
+
+    //判断VERBOSE级别日志否可用并打印VERBOSE级别日志
+    if (qt.log.isLoggable(ESLogLevel.VERBOSE)) {
+      qt.log.v(TAG, "----------VERBOSE--------->>>");
+    }
+    //判断DEBUG级别日志否可用并打印DEBUG级别日志
+    if (qt.log.isLoggable(ESLogLevel.DEBUG)) {
+      qt.log.d(TAG, "----------DEBUG--------->>>");
+    }
+    //判断INFO级别日志否可用并打印INFO级别日志
+    if (qt.log.isLoggable(ESLogLevel.INFO)) {
+      qt.log.i(TAG, "----------INFO--------->>>");
+    }
+    //判断WARN级别日志否可用并打印WARN级别日志
+    if (qt.log.isLoggable(ESLogLevel.WARN)) {
+      qt.log.w(TAG, "----------WARN--------->>>");
+    }
+    //判断ERROR级别日志否可用并打印ERROR级别日志
+    if (qt.log.isLoggable(ESLogLevel.ERROR)) {
+      qt.log.e(TAG, "----------ERROR--------->>>");
+    }
+
+    return {};
+  },
+});
+</script>
+<style></style>

package/rules/.docs/examples/module/network/es-basic.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+    <div class="es-sdk-content-column-css">
+      <s-text-view text="网络模块用来获取网络信息" />
+      <s-text-view :text="'网络连接状态：' + isNetworkConnected" />
+      <s-text-view
+        v-if="activeNetworkInfo"
+        :text="JSON.stringify(activeNetworkInfo)"
+      />
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { ref } from "vue";
+import { defineComponent } from "@vue/runtime-core";
+import { useESNetwork, useESToast } from "@extscreen/es3-core";
+import type { ESNetworkInfo } from "@extscreen/es3-core";
+
+export default defineComponent({
+  name: "网络模块",
+  setup() {
+    const network = useESNetwork();
+    const toast = useESToast();
+
+    const activeNetworkInfo = ref<ESNetworkInfo>();
+    const isNetworkConnected = ref<boolean>(false);
+
+    //网络状态监听
+    const connectivityChangeListener = {
+      onConnectivityChange(networkInfo: ESNetworkInfo | null) {
+        toast.showToast(JSON.stringify(networkInfo));
+        initNetwork();
+      },
+    };
+
+    const onESCreate = () => {
+      network.addListener(connectivityChangeListener);
+      initNetwork();
+    };
+
+    function initNetwork() {
+      isNetworkConnected.value = network.isNetworkConnected();
+      const networkInfo = network.getActiveNetworkInfo();
+      if (networkInfo != null) {
+        activeNetworkInfo.value = networkInfo;
+      }
+    }
+
+    function onESDestroy() {
+      network.removeListener(connectivityChangeListener);
+    }
+
+    return {
+      onESCreate,
+      onESDestroy,
+      activeNetworkInfo,
+      isNetworkConnected,
+    };
+  },
+});
+</script>
+<style></style>

package/rules/.docs/examples/module/network/qt-basic.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+    <div class="es-sdk-content-column-css">
+      <s-text-view text="网络模块用来获取网络信息" />
+      <s-text-view :text="'网络连接状态：' + isNetworkConnected" />
+      <s-text-view
+        v-if="activeNetworkInfo"
+        :text="JSON.stringify(activeNetworkInfo)"
+      />
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import { ref } from "vue";
+import { defineComponent } from "@vue/runtime-core";
+import type { ESNetworkInfo } from "@extscreen/es3-core";
+
+export default defineComponent({
+  name: "网络模块",
+  setup() {
+    const activeNetworkInfo = ref<ESNetworkInfo>();
+    const isNetworkConnected = ref<boolean>(false);
+
+    //网络状态监听
+    const connectivityChangeListener = {
+      onConnectivityChange(networkInfo: ESNetworkInfo | null) {
+        qt.toast.showToast(JSON.stringify(networkInfo));
+        initNetwork();
+      },
+    };
+
+    const onESCreate = () => {
+      qt.network.addListener(connectivityChangeListener);
+      initNetwork();
+    };
+
+    function initNetwork() {
+      isNetworkConnected.value = qt.network.isNetworkConnected();
+      const networkInfo = qt.network.getActiveNetworkInfo();
+      if (networkInfo != null) {
+        activeNetworkInfo.value = networkInfo;
+      }
+    }
+
+    function onESDestroy() {
+      qt.network.removeListener(connectivityChangeListener);
+    }
+
+    return {
+      onESCreate,
+      onESDestroy,
+      activeNetworkInfo,
+      isNetworkConnected,
+    };
+  },
+});
+</script>
+<style></style>

package/rules/.docs/examples/module/page/es-app-lifecycle.vue

@@ -0,0 +1,83 @@
+<template>
+  <div id="root">
+    <es-router-view />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "@vue/runtime-core";
+import { ESLogLevel, useESLog } from "@extscreen/es3-core";
+
+const TAG = "Application";
+
+export default defineComponent({
+  name: "App",
+  setup() {
+    const log = useESLog();
+
+    function onESCreate(app, params) {
+      if (log.isLoggable(ESLogLevel.DEBUG)) {
+        log.d(TAG, "-------onESCreate------->>>>", app, params);
+      }
+    }
+
+    function onESCreated(success) {
+      if (log.isLoggable(ESLogLevel.DEBUG)) {
+        log.d(TAG, "-------onESCreated------->>>>", success);
+      }
+    }
+
+    function onESStart() {
+      //
+    }
+
+    function onESNewIntent(intent) {
+      if (log.isLoggable(ESLogLevel.DEBUG)) {
+        log.d(TAG, "-------onESNewIntent------->>>>", intent);
+      }
+    }
+
+    function onESRestart() {
+      //
+    }
+
+    function onESResume() {
+      //
+    }
+
+    function onESPause() {
+      //
+    }
+
+    function onESStop() {
+      //
+    }
+
+    function onESDestroy() {
+      //
+    }
+
+    return {
+      onESCreate,
+      onESCreated,
+      onESStart,
+      onESNewIntent,
+      onESRestart,
+      onESResume,
+      onESPause,
+      onESStop,
+      onESDestroy,
+    };
+  },
+});
+</script>
+
+<style scoped>
+#root {
+  width: 1920px;
+  height: 1080px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+</style>

package/rules/.docs/examples/module/page/es-page-lifecycle.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="es-sdk-root-css">
+    <s-title-view class="es-sdk-content-title-css" :text="$options.name" />
+    <div class="es-sdk-content-divider-css" />
+    <div class="es-sdk-content-row-css">
+      <s-text-view :text="textRef" />
+    </div>
+  </div>
+</template>
+<script>
+import { defineComponent, ref } from "@vue/runtime-core";
+
+export default defineComponent({
+  name: "使用初探",
+  setup() {
+    const textRef = ref("");
+
+    function onESCreate(params) {
+      textRef.value =
+        `${textRef.value} --> ` + `onESCreate${JSON.stringify(params)}`;
+    }
+
+    function onESStart() {
+      textRef.value = `${textRef.value} --> ` + `onESStart`;
+    }
+
+    function onESNewIntent(intent) {
+      textRef.value =
+        `${textRef.value} --> ` + `onESNewIntent${JSON.stringify(params)}`;
+    }
+
+    function onESRestart() {
+      textRef.value = `${textRef.value} --> ` + `onESRestart`;
+    }
+
+    function onESRestoreInstanceState(savedInstanceState) {
+      textRef.value =
+        `${textRef.value} --> ` +
+        `onESRestoreInstanceState${JSON.stringify(params)}`;
+    }
+
+    function onESResume() {
+      textRef.value = `${textRef.value} --> ` + `onESResume`;
+    }
+
+    function onESPause() {
+      textRef.value = `${textRef.value} --> ` + `onESPause`;
+    }
+
+    function onESStop() {
+      textRef.value = `${textRef.value} --> ` + `onESStop`;
+    }
+
+    function onESSaveInstanceState(savedInstanceState) {
+      textRef.value =
+        `${textRef.value} --> ` +
+        `onESSaveInstanceState${JSON.stringify(params)}`;
+    }
+
+    function onESDestroy() {
+      textRef.value = `${textRef.value} --> ` + `onESDestroy`;
+    }
+
+    return {
+      textRef,
+      onESCreate,
+      onESStart,
+      onESResume,
+      onESPause,
+      onESStop,
+      onESDestroy,
+      onESNewIntent,
+      onESRestoreInstanceState,
+      onESSaveInstanceState,
+      onESRestart,
+    };
+  },
+});
+</script>
+<style></style>