@quicktvui/ai 1.0.9 → 1.1.0

package/rules/.source/hellotv/src/pages/history/scss/history.scss

@@ -0,0 +1,148 @@
+.history {
+  width: 1920px;
+  height: 1080px;
+  background-color: transparent;
+  flex-direction: row;
+}
+
+.history-sidebar {
+  width: 340px;
+  height: 1080px;
+  background-color: rgba(255, 255, 255, 0.03);
+}
+
+.history-sidebar-tips {
+  width: 340px;
+  height: 50px;
+  background-color: transparent;
+  margin-top: 75px;
+  margin-bottom: 30px;
+  color: white;
+  font-size: 40px;
+}
+
+.history-sidebar-item {
+  width: 340px;
+  height: 106px;
+  background-color: transparent;
+  align-items: center;
+  justify-content: center;
+  focus-background-color: $theme-btn-focus-color;
+  focus-border-radius: 8px;
+}
+
+.history-sidebar-item-text {
+  width: 340px;
+  height: 106px;
+  background-color: transparent;
+  position: absolute;
+  color: $theme-text-normal-color;
+  font-size: 36px;
+  focus-color: $theme-text-focus-color;
+  select-color: $theme-text-select-color;
+}
+
+.history-content {
+  width: 1580px;
+  height: 1080px;
+  background-color: transparent;
+}
+
+.history-content-btns {
+  width: 1500px;
+  height: 60px;
+  background-color: transparent;
+  margin-top: 40px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.history-content-tips {
+  width: 1500px;
+  height: 60px;
+  background-color: transparent;
+  margin-top: 40px;
+  color: rgba(255, 255, 255, 0.55);
+  font-size: 30px;
+}
+
+.history-content-loading {
+  width: 1580px;
+  height: 1000px;
+  background-color: transparent;
+  align-items: center;
+  justify-content: center;
+}
+
+.history-content-empty {
+  width: 1580px;
+  height: 1000px;
+  background-color: transparent;
+  align-items: center;
+  justify-content: center;
+}
+
+.history-content-empty-text {
+  width: 180px;
+  height: 40px;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.55);
+  font-size: 30px;
+}
+
+.history-content-ul {
+  width: 1460px;
+  height: 1080px;
+  background-color: transparent;
+  margin-top: 25px;
+  margin-left: 60px;
+}
+
+.history-content-ul-item {
+  width: 325px;
+  height: 266px;
+  background-color: transparent;
+}
+
+.history-content-ul-item-delete {
+  width: 325px;
+  height: 186px;
+  background-color: rgba(0, 0, 0, 0.65);
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  z-index: 100;
+}
+
+.history-content-ul-item-title {
+  width: 325px;
+  height: 40px;
+  background-color: transparent;
+  position: absolute;
+  color: $theme-text-normal-color;
+  font-size: 30px;
+  focus-color: white;
+}
+
+.history-content-ul-item-progress {
+  width: 325px;
+  height: 34px;
+  background-color: transparent;
+  color: $theme-text-normal-color;
+  font-size: 24px;
+}
+
+.history-content-ul-item-end {
+  width: 1580px;
+  height: 100px;
+  background-color: transparent;
+}
+
+.history-content-ul-item-end-text {
+  width: 1580px;
+  height: 100px;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.55);
+  font-size: 28px;
+}

package/rules/.source/hellotv/src/pages/home/adapter/exit/home-exit-adapter.ts

@@ -0,0 +1,20 @@
+import { QTListViewItem } from "@quicktvui/quicktvui3";
+import { ExitListItem } from "./home-exit-imp";
+
+export function buildExitList(res: Array<ExitListItem>): Array<QTListViewItem> {
+  const listData: QTListViewItem[] = [];
+  if (res && res.length > 0) {
+    res.forEach((item, index) => {
+      listData.push({
+        type: 1,
+        title: item.title,
+        image: {
+          normal: item.cover,
+        },
+        decoration: { left: 40, right: index === res.length - 1 ? 40 : 0 },
+        jumpParams: item.jumpParams,
+      });
+    });
+  }
+  return listData;
+}

package/rules/.source/hellotv/src/pages/home/adapter/exit/home-exit-imp.ts

@@ -0,0 +1,13 @@
+import { LaunchParams } from "../../../../tools/launch";
+
+export interface TopResource {
+  url: string;
+  //跳转参数
+  jumpParams?: LaunchParams;
+}
+
+export interface ExitListItem {
+  title: string;
+  cover: string;
+  jumpParams: LaunchParams;
+}

package/rules/.source/hellotv/src/pages/home/adapter/media/create-home-player-interceptor.ts

@@ -0,0 +1,50 @@
+import {
+  ESIPlayerInterceptor,
+  ESMediaSourceList,
+  ESPlayerInterceptorType,
+  ESPlayerInterceptResult,
+} from "@extscreen/es3-player";
+import { ESMediaItem } from "@extscreen/es3-player-manager";
+import homeManager from "../../api";
+import { encodeDefinition } from "../../../../components/media/build-data/media-control-adapter";
+
+export const createHomePlayerInterceptor = (): ESIPlayerInterceptor => {
+  const intercept = async (
+    ...params: Array<any>
+  ): Promise<ESPlayerInterceptResult> => {
+    try {
+      const mediaItem = params[0] as ESMediaItem;
+      const id: string = mediaItem.id + "";
+      const type: number = mediaItem.type;
+      const urls = await homeManager.getHomePlayUrl(id, type);
+      if (urls && urls.length > 0) {
+        const mediaSourceList: ESMediaSourceList = {
+          index: 0,
+          list: [
+            {
+              uri: urls[0].playUrl,
+              definition: urls[0].definition ?? encodeDefinition(),
+            },
+          ],
+        };
+        const result: ESPlayerInterceptResult = {
+          result: {
+            mediaSourceList: mediaSourceList,
+          },
+        };
+        return Promise.resolve(result);
+      } else {
+        return Promise.reject("数据为空");
+      }
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const release = () => {};
+  return {
+    id: "homePlayerInterceptor",
+    type: ESPlayerInterceptorType.ES_PLAYER_INTERCEPTOR_TYPE_MEDIA_ITEM,
+    intercept,
+    release,
+  };
+};

package/rules/.source/hellotv/src/pages/home/adapter/media/home-media-imp.ts

@@ -0,0 +1,74 @@
+import { IMediaList } from "../../../../components/media/build-data/media-imp";
+/**
+ * 首页播放类型
+ */
+export enum HomePlayType {
+  //未知
+  TYPE_UNDEFINED = -1,
+  //小窗播放
+  TYPE_CELL = 0,
+  //小窗列表播放
+  TYPE_CELL_LIST = 1,
+  //背景播放
+  TYPE_BG = 2,
+  //4K 播放
+  TYPE_4K = 3,
+  //短视频 全屏背景播放
+  TYPE_SHORT_SCREEN = 4,
+  //小 4K 播放
+  TYPE_SMALL_4K = 5,
+}
+
+/**
+ * 小窗列表Item 类型
+ */
+export enum CellListItemType {
+  //文字类型
+  TYPE_TEXT = 1,
+  //图片类型
+  TYPE_IMG = 2,
+}
+/**
+ * 播放状态
+ */
+export enum PlayerState {
+  //默认
+  STATE_WAIT = -1,
+  //开始
+  STATE_START = 0,
+  //播放中
+  STATE_PLAYING = 1,
+  //暂停
+  STATE_PAUSE = 2,
+  //停止
+  STATE_STOP = 3,
+  //恢复播放器播放
+  STATE_RESUME = 4,
+  //重置播放器
+  STATE_RESET = 5,
+  //回收播放器资源
+  STATE_RELEASE = 6,
+}
+
+/**
+ * 首页播放器数据
+ */
+export interface HomePlayData {
+  //播放类型
+  type: HomePlayType;
+  //播放窗口宽
+  windowWidth: number;
+  //播放窗口高
+  windowHeight: number;
+  //播放器窗口宽
+  playerWidth: number;
+  //播放器窗口高
+  playerHeight: number;
+  //播放数据
+  playerData: Array<IMediaList>;
+  //播放器窗口距离左边距离
+  playerLeft: number;
+  //播放器窗口距离顶部距离
+  playerTop: number;
+  [prop: string]: any;
+}

package/rules/.source/hellotv/src/pages/home/adapter/tab-bar/tab-bar-adapter.ts

@@ -0,0 +1,151 @@
+import { ESListViewItemDecoration } from "@extscreen/es3-component";
+import { QTTab, QTTabItem } from "@quicktvui/quicktvui3";
+import TabBarConfig from "./tab-bar-config";
+import { BarType, TabBarItem } from "./tab-bar-imp";
+import TabBarItemType from "./tab-bar-item-type";
+
+class BarsData {
+  barsData: QTTab;
+  barsBgUrls: Map<string, string> = new Map<string, string>();
+}
+
+const barsDataManager = new BarsData();
+export default barsDataManager;
+
+/**
+ * build nav bars数据
+ * @param tabs
+ */
+export function buildTabBarAdapter(bars: Array<TabBarItem>): QTTab {
+  let length = bars.length;
+  let defFocusIndex = 0;
+  //添加我的tab
+  if (TabBarConfig.tab.showMineTab && length > 1) {
+    length = bars.unshift({
+      id: TabBarConfig.tab.id,
+      name: TabBarConfig.tab.mineTabName,
+      type: BarType.TYPE_TEXT,
+    });
+    defFocusIndex++;
+  }
+  const barItemList: Array<QTTabItem> = [];
+  for (let i = 0; i < length; i++) {
+    const bar = bars[i];
+    if (i === defFocusIndex) {
+      barsDataManager.barsBgUrls.set("firstShowBg", bar.id);
+    }
+    //设置默认选中项
+    if (bar.isDefault) {
+      defFocusIndex = i;
+      barsDataManager.barsBgUrls.set("firstShowBg", bar.id);
+    }
+    //设置左右距离边界间距
+    const decoration: ESListViewItemDecoration = {
+      left: i === 0 ? TabBarConfig.tab.leftGap : TabBarConfig.tab.defaultGap,
+      right:
+        i === length - 1
+          ? TabBarConfig.tab.rightGap
+          : TabBarConfig.tab.defaultGap,
+      top: 10,
+    };
+    const barItem: QTTabItem = buildBarItem(bar, decoration);
+    //添加背景图
+    barItem["backgroundImg"] = bar.backgroundImage;
+    //存储背景图
+    if (bar.backgroundImage != null) {
+      barsDataManager.barsBgUrls.set(bar.id, bar.backgroundImage);
+    }
+    //添加跳转数据
+    barItem["jumpParams"] = bar.jumpParams;
+    barItemList.push(barItem);
+  }
+  const mBars: QTTab = buildBars(defFocusIndex, defFocusIndex, barItemList);
+  barsDataManager.barsData = mBars;
+  return mBars;
+}
+
+/**
+ * 封装bar数据
+ * @param bar
+ * @param decoration
+ */
+export function buildBarItem(
+  bar: TabBarItem,
+  decoration?: ESListViewItemDecoration,
+): QTTabItem {
+  const type: BarType = bar.type;
+  let barItem: QTTabItem;
+  switch (type) {
+    case BarType.TYPE_TEXT: // 文本类型
+      barItem = buildBarTextItem(bar, decoration);
+      break;
+    case BarType.TYPE_IMG: //图片类型
+      barItem = buildBarImgItem(bar, decoration);
+      break;
+    default: // 默认返回 文本类型
+      barItem = buildBarTextItem(bar, decoration);
+      break;
+  }
+  return barItem;
+}
+
+/**
+ * 文字类型数据封装
+ * @param bar
+ * @param decoration
+ */
+export function buildBarTextItem(
+  bar: TabBarItem,
+  decoration?: ESListViewItemDecoration,
+): QTTabItem {
+  const type = bar?.corner
+    ? TabBarItemType.BAR_CORNER_TYPE
+    : TabBarItemType.BAR_TEXT_TYPE;
+  const barItem: QTTabItem = {
+    _id: bar.id,
+    type: type,
+    text: bar.title + "",
+    titleSize: TabBarConfig.tab.titleSize,
+    corner: bar.corner,
+    decoration: decoration,
+  };
+  return barItem;
+}
+
+/**
+ * 图片类型数据封装
+ * @param bar
+ * @param decoration
+ */
+export function buildBarImgItem(
+  bar: TabBarItem,
+  decoration?: ESListViewItemDecoration,
+): QTTabItem {
+  const barItem: QTTabItem = {
+    _id: bar.id,
+    type: TabBarItemType.BAR_IMG_TYPE,
+    text: bar?.title + "",
+    titleSize: TabBarConfig.tab.titleSize,
+    image: bar.image,
+    decoration: decoration,
+  };
+  return barItem;
+}
+
+/**
+ * 封装整体bars数据
+ * @param defFocusIndex
+ * @param defIndex
+ * @param bars
+ */
+export function buildBars(
+  defFocusIndex: number = 0,
+  defIndex: number = 0,
+  bars: Array<QTTabItem>,
+): QTTab {
+  return {
+    defaultFocusIndex: defFocusIndex,
+    defaultIndex: defIndex,
+    itemList: bars,
+  };
+}

package/rules/.source/hellotv/src/pages/home/adapter/tab-bar/tab-bar-config.ts

@@ -0,0 +1,17 @@
+export default {
+  tab: {
+    // 是否展示"我的"Tab
+    showMineTab: false,
+    // "我的"Tab展示名称
+    mineTabName: "我的",
+    id: "_mine",
+    //默认导航间距
+    defaultGap: 0,
+    //最左侧导航间距
+    leftGap: 60,
+    //最右侧导航间距
+    rightGap: 80,
+    //导航字体大小
+    titleSize: 44,
+  },
+};

package/rules/.source/hellotv/src/pages/home/adapter/tab-bar/tab-bar-imp.ts

@@ -0,0 +1,53 @@
+import { LaunchParams } from "../../../../tools/launch";
+
+/**
+ * 导航类型
+ */
+export enum BarType {
+  //文本类型
+  TYPE_TEXT = 1,
+  //图片类型
+  TYPE_IMG = 2,
+}
+
+/**
+ * 导航
+ */
+export interface TabBarItem {
+  //导航ID
+  id: string;
+  //导航类型1：文本，2：图片
+  type: BarType;
+  //导航名称
+  title?: string;
+  //导航背景图
+  backgroundImage?: string;
+  //默认选中导航
+  isDefault?: boolean;
+  //图片类型导航数据
+  image?: {
+    //默认图
+    normal: string;
+    //选中图
+    selected: string;
+    //焦点图
+    focused: string;
+    //图片尺寸
+    style: {
+      width: string;
+      height: string;
+    };
+  };
+  //文本导航角标
+  corner?: {
+    //默认图
+    normal: string;
+    //选中图
+    selected: string;
+    //焦点图
+    focused: string;
+  };
+  //跳转参数
+  jumpParams?: LaunchParams;
+  [props: string]: any;
+}

package/rules/.source/hellotv/src/pages/home/adapter/tab-bar/tab-bar-item-type.ts

@@ -0,0 +1,6 @@
+export default {
+  BAR_TEXT_TYPE: 1, //文字类型
+  BAR_IMG_TYPE: 2, //图片类型
+  BAR_CORNER_TYPE: 3, //文字+角标 类型
+  BAR_CORNER_ICON_TYPE: 4, //文字&文字ICON+角标
+};