@ray-js/t-agent-ui-ray 0.2.1-beta.3 → 0.2.2-beta-2

package/dist/tiles/ExecuteCardTile/index.js

@@ -4,23 +4,13 @@ import "core-js/modules/esnext.iterator.for-each.js";
 import "core-js/modules/esnext.iterator.map.js";
 import { Image, Switch, Text, View } from '@ray-js/components';
 import React, { useMemo } from 'react';
-// import {
-//   ChangeInfoItem,
-//   DeviceInfoItem,
-//   SceneInfoItem,
-//   SceneType,
-// } from '@ray-js/t-agent-plugin-assistant';
 import './index.less';
 import { triggerRule } from '@ray-js/ray';
 import { routeScene } from '../../utils';
 import lockPng from '../OperateCardTile/lock.png';
 import bookmark from './bookmark.png';
 import { useTranslate } from '../../hooks';
-export let SceneType = /*#__PURE__*/function (SceneType) {
-  SceneType[SceneType["EXECUTE"] = 1] = "EXECUTE";
-  SceneType[SceneType["AUTO"] = 2] = "AUTO";
-  return SceneType;
-}({});
+import { SceneType } from '../types';
 export default function ExecuteCardTile(props) {
   const {
     tile
@@ -101,7 +91,7 @@ export default function ExecuteCardTile(props) {
     } = card;
     if (intent === 'shareDevice') {
       ty.router({
-        url: "tuyaSmart://thing_single_device_share?devId=".concat(deviceId),
+        url: "thingSmart://thing_single_device_share?devId=".concat(deviceId),
         fail(err) {
           console.error('router thing_single_device_share fail', err);
         }
@@ -130,7 +120,7 @@ export default function ExecuteCardTile(props) {
       sceneId
     } = card;
     ty.router({
-      url: "tuyaSmart://editScene?sceneId=".concat(sceneId, "&biz_type=ai_smart&action=delete"),
+      url: "thingSmart://editScene?sceneId=".concat(sceneId, "&biz_type=ai_smart&action=delete"),
       fail: console.error
     });
   };
@@ -173,7 +163,7 @@ export default function ExecuteCardTile(props) {
   }, cards.map(card => {
     return /*#__PURE__*/React.createElement(View, {
       className: "t-agent-execute-card-tile-card",
-      key: card.id
+      key: card.deviceId || card.sceneId
     }, card.displayType === 'device' && /*#__PURE__*/React.createElement(View, {
       className: "t-agent-execute-card-tile-device",
       onClick: () => handleTap(card)
@@ -181,7 +171,9 @@ export default function ExecuteCardTile(props) {
       src: card.icon,
       mode: "widthFix",
       className: "t-agent-execute-card-tile-device-icon"
-    }), /*#__PURE__*/React.createElement(View, null, card.name)), card.displayType === 'energy' && /*#__PURE__*/React.createElement(View, {
+    }), /*#__PURE__*/React.createElement(View, {
+      className: "t-agent-execute-card-tile-device-title"
+    }, card.name)), card.displayType === 'energy' && /*#__PURE__*/React.createElement(View, {
       className: "t-agent-execute-card-tile-energy",
       onClick: () => handleTap(card)
     }, /*#__PURE__*/React.createElement(Image, {

package/dist/tiles/ExecuteCardTile/index.less

@@ -1,154 +1,180 @@
 .t-agent-execute-card-tile {
-  .t-agent-execute-card-tile-card {
-    .t-agent-execute-card-tile-device {
-      display: flex;
-      align-items: center;
-      min-height: 44px;
-      background-color: var(--app-B1);
-      padding: 12px;
-      border-radius: var(--app-C1_1);
-      margin-top: 8px;
-
-      .t-agent-execute-card-tile-device-icon {
-        width: 40px;
-        height: 40px;
-        margin-right: 10px;
-      }
-    }
-
-    .t-agent-execute-card-tile-energy {
-      display: flex;
-      align-items: center;
-      min-height: 44px;
-      background-color: var(--app-B1);
-      padding: 12px;
-      border-radius: var(--app-C1_1);
-      margin-top: 8px;
-
-      .t-agent-execute-card-tile-energy-icon {
-        width: 32px;
-        height: 32px;
-        border-radius: 4px;
-      }
-
-      .t-agent-execute-card-tile-energy-content {
-        margin-left: 8px;
-        flex: 1;
-        .t-agent-execute-card-tile-energy-content-title {
-          font-size: 16px;
-          color: var(--app-C1);
-          line-height: 22px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 2;
-          -webkit-box-orient: vertical;
-        }
-
-        .t-agent-execute-card-tile-energy-content-desc {
-          font-size: 13px;
-          color: var(--app-B1-N3);
-          line-height: 18px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 2;
-          -webkit-box-orient: vertical;
-        }
-      }
-    }
-
-    .t-agent-execute-card-tile-scene {
-      min-height: 44px;
-      background-color: var(--app-B1);
-      display: flex;
-      align-items: center;
-      padding: 12px;
-      border-radius: var(--app-C1_1);
-      margin-top: 8px;
-
-      .t-agent-execute-card-tile-scene-icon-wrapper {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 32px;
-        height: 32px;
-        border-radius: 10px;
-        margin-right: 8px;
-        .t-agent-execute-card-tile-scene-icon {
-          width: 20px;
-          height: 20px;
-          filter: brightness(100);
-        }
-      }
-
-      .t-agent-execute-card-tile-scene-name {
-        flex: 1;
-        font-size: 16px;
-        line-height: 22px;
-        color: var(--app-C1);
-      }
-
-      .t-agent-execute-card-tile-scene-switch {
-        margin-left: auto;
-      }
-
-      .t-agent-execute-card-tile-scene-delete {
-        display: flex;
-        align-items: center;
-        height: 24px;
-        padding-right: 12px;
-        padding-left: 12px;
-        color: var(--app-M2);
-        background: #fff;
-        border-radius: var(--app-C1_1);
-        font-size: 12px;
-      }
-    }
-
-    .t-agent-execute-card-tile-execute {
-      display: flex;
-      align-items: center;
-      min-height: 44px;
-      background-color: #e36468;
-      padding: 12px;
-      border-radius: var(--app-C1_1);
-      margin-top: 8px;
-
-      &.t-agent-execute-card-tile-execute-disabled {
-        opacity: 0.3;
-      }
-
-      .t-agent-execute-card-tile-execute-icon {
-        width: 40px;
-        height: 40px;
-        margin-right: 10px;
-      }
-
-      .t-agent-execute-card-tile-execute-name {
-        font-size: 16px;
-        line-height: 22px;
-        color: #ffffff;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-      }
-
-      .t-agent-execute-card-tile-execute-button {
-        margin-left: auto;
-        line-height: 18px;
-        padding: 3px 12px;
-        font-size: 12px;
-        font-weight: 600;
-        color: #e36468;
-        background-color: #ffffff;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        border-radius: 18px;
-      }
-    }
+
+}
+
+.t-agent-execute-card-tile-card {
+
+}
+
+.t-agent-execute-card-tile-device {
+  display: flex;
+  align-items: center;
+  min-height: 44px;
+  background-color: var(--app-B1);
+  padding: 12px;
+  border-radius: var(--app-C1_1);
+  margin-top: 8px;
+}
+
+.t-agent-execute-card-tile-device-icon {
+  width: 40px;
+  height: 40px;
+  margin-right: 10px;
+  flex-shrink: 0;
+}
+
+.t-agent-execute-card-tile-device-title {
+  font-size: 16px;
+  line-height: 22px;
+  color: var(--app-C1);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: normal;
+  min-width: 200rpx;
+  overflow-wrap: break-word;
+}
+
+.t-agent-execute-card-tile-energy {
+  display: flex;
+  align-items: center;
+  min-height: 44px;
+  background-color: var(--app-B1);
+  padding: 12px;
+  border-radius: var(--app-C1_1);
+  margin-top: 8px;
+}
+
+.t-agent-execute-card-tile-energy-icon {
+  width: 32px;
+  height: 32px;
+  border-radius: 4px;
+}
+
+.t-agent-execute-card-tile-energy-content {
+  margin-left: 8px;
+  flex: 1;
+}
+
+.t-agent-execute-card-tile-energy-content-title {
+  font-size: 16px;
+  color: var(--app-C1);
+  line-height: 22px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.t-agent-execute-card-tile-energy-content-desc {
+  font-size: 13px;
+  color: var(--app-B1-N3);
+  line-height: 18px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.t-agent-execute-card-tile-scene {
+  min-height: 44px;
+  background-color: var(--app-B1);
+  display: flex;
+  align-items: center;
+  padding: 12px;
+  border-radius: var(--app-C1_1);
+  margin-top: 8px;
+}
+
+.t-agent-execute-card-tile-scene-icon-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 10px;
+  margin-right: 8px;
+}
+
+.t-agent-execute-card-tile-scene-icon {
+  width: 20px;
+  height: 20px;
+  filter: brightness(100);
+}
+
+.t-agent-execute-card-tile-scene-name {
+  flex: 1;
+  font-size: 16px;
+  line-height: 22px;
+  color: var(--app-C1);
+}
+
+.t-agent-execute-card-tile-scene-switch {
+  margin-left: auto;
+}
+
+.t-agent-execute-card-tile-scene-delete {
+  display: flex;
+  align-items: center;
+  height: 24px;
+  padding-right: 12px;
+  padding-left: 12px;
+  color: var(--app-M2);
+  background: #fff;
+  border-radius: var(--app-C1_1);
+  font-size: 12px;
+}
+
+.t-agent-execute-card-tile-execute {
+  display: flex;
+  align-items: center;
+  min-height: 44px;
+  background-color: #e36468;
+  padding: 12px;
+  border-radius: var(--app-C1_1);
+  margin-top: 8px;
+
+  &.t-agent-execute-card-tile-execute-disabled {
+    opacity: 0.3;
   }
 }
+
+.t-agent-execute-card-tile-execute-icon {
+  width: 40px;
+  height: 40px;
+  margin-right: 10px;
+  flex-shrink: 0;
+}
+
+.t-agent-execute-card-tile-execute-name {
+  font-size: 16px;
+  line-height: 22px;
+  color: #ffffff;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  min-width: 200rpx;
+  word-break: normal;
+  overflow-wrap: break-word;
+}
+
+.t-agent-execute-card-tile-execute-button {
+  margin-left: auto;
+  line-height: 18px;
+  padding: 3px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #e36468;
+  background-color: #ffffff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 18px;
+  flex-shrink: 0;
+}

package/dist/tiles/OperateCardTile/index.d.ts

@@ -2,16 +2,13 @@ import React from 'react';
 import './index.less';
 import { TileProps } from '../../types';
 import { IOperations } from './Expand';
-type DeviceInfoItem = any;
-type SceneInfoItem = any;
-type ChangeInfoItem = any;
+import { ChangeInfoItem, DeviceInfoItem, SceneInfoItem } from '../types';
 export interface OperateCardTileData {
     deviceInfo: DeviceInfoItem[];
     sceneInfo: SceneInfoItem[];
     changeInfo: ChangeInfoItem[];
 }
-export interface OperateCardTileProps extends TileProps {
-    data: OperateCardTileData;
+export interface OperateCardTileProps extends TileProps<OperateCardTileData> {
     /** 自定义详情内容渲染函数 */
     renderDetail?: (props: {
         operations: IOperations;
@@ -21,4 +18,3 @@ export interface OperateCardTileProps extends TileProps {
     }) => React.ReactNode;
 }
 export default function OperateCardTile(props: OperateCardTileProps): React.JSX.Element | null;
-export {};

package/dist/tiles/OperateCardTile/index.js

@@ -5,9 +5,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import { Text, View } from '@ray-js/components';
 import React, { useMemo, useState } from 'react';
 import './index.less';
-// import { ChangeInfoItem, DeviceInfoItem, SceneInfoItem } from '@ray-js/t-agent-plugin-assistant';
-
-import { useTranslate } from '../../hooks';
+import { useTileProps, useTranslate } from '../../hooks';
 import Expand from './Expand';
 import { formatMessage } from '../../utils';
 const handleDesc = (detail, t) => {
@@ -100,7 +98,7 @@ export default function OperateCardTile(props) {
   const tapScene = e => {
     const sceneId = e.currentTarget.dataset.id;
     ty.router({
-      url: "tuyaSmart://editScene?sceneId=".concat(sceneId, "&biz_type=ai_smart&action=edit"),
+      url: "thingSmart://editScene?sceneId=".concat(sceneId, "&biz_type=ai_smart&action=edit"),
       fail: () => {
         ty.showToast({
           title: t('t-agent.operate-card-tile.open.scene.failed'),
@@ -197,6 +195,9 @@ export default function OperateCardTile(props) {
     };
   }, [deviceInfo, sceneInfo, changeInfo, t]);
   const desc = useMemo(() => handleDesc(operations, t), [operations, t]);
+  const {
+    notifyHeightChanged
+  } = useTileProps();
   if (!operations.device.length && !operations.scene.length && !operations.moreDevice.length && !operations.moreScene.length) {
     return null;
   }
@@ -208,6 +209,7 @@ export default function OperateCardTile(props) {
     className: "t-agent-scene-control-tile-summary-detail",
     onClick: () => {
       setShowDetail(!showDetail);
+      notifyHeightChanged();
     }
   }, showDetail ? t('t-agent.operate-card-tile.hide.details') : t('t-agent.operate-card-tile.view.details'))), renderDetail && renderDetail({
     operations,

package/dist/tiles/types.d.ts

@@ -0,0 +1,31 @@
+export declare enum SceneType {
+    EXECUTE = 1,
+    AUTO = 2
+}
+export interface SceneInfoItem {
+    success: boolean;
+    icon: string;
+    name: string;
+    sceneId: string;
+    displayColor: string;
+    type: SceneType;
+    intent: 'queryScene' | 'controlScene' | 'createScene' | 'deleteScene' | 'updateScene';
+    enabled: boolean;
+    valid: boolean;
+}
+export interface DeviceInfoItem {
+    success: boolean;
+    icon: string;
+    name: string;
+    deviceId: string;
+    intent: 'queryDevice' | 'controlDevice' | 'shareDevice';
+    room?: string;
+}
+export interface ChangeInfoItem {
+    id: string;
+    type: 'room' | 'device' | 'scene' | 'group' | 'home' | 'deviceRoom';
+    fromData: string;
+    toData: string;
+    success: boolean;
+    desc: string;
+}

package/dist/tiles/types.js

@@ -0,0 +1,5 @@
+export let SceneType = /*#__PURE__*/function (SceneType) {
+  SceneType[SceneType["EXECUTE"] = 1] = "EXECUTE";
+  SceneType[SceneType["AUTO"] = 2] = "AUTO";
+  return SceneType;
+}({});

package/dist/types.d.ts

@@ -52,6 +52,7 @@ export interface TileProps<T = any, P = any> {
     emitTileEvent: (payload: P) => void;
     isLatestMessage?: boolean;
     agent: UIChatAgent;
+    notifyHeightChanged: () => void;
 }
 export interface MarkdownBlock {
     id: string;

package/dist/utils/createSharedStore.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+export declare function createSharedStore<T>(): readonly [({ value, children }: React.PropsWithChildren<{
+    value: T;
+}>) => React.JSX.Element, <K extends keyof T>(key: K) => T[K], <K_1 extends keyof T>(key: K_1) => [T[K_1], (v: T[K_1]) => void]];

package/dist/utils/createSharedStore.js

@@ -0,0 +1,64 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { createContext, useContext, useRef, useState, useEffect, useLayoutEffect } from 'react';
+export function createSharedStore() {
+  const Context = /*#__PURE__*/createContext(null);
+  return [function (_ref) {
+    let {
+      value,
+      children
+    } = _ref;
+    const storeRef = useRef({
+      value,
+      listeners: new Map(),
+      setValue(newValue) {
+        const oldValue = storeRef.current.value;
+        storeRef.current.value = newValue;
+        for (const key of Object.keys(newValue)) {
+          if (oldValue[key] !== newValue[key]) {
+            var _storeRef$current$lis;
+            (_storeRef$current$lis = storeRef.current.listeners.get(key)) === null || _storeRef$current$lis === void 0 || _storeRef$current$lis.forEach(fn => fn());
+          }
+        }
+      },
+      updateKey(key, val) {
+        const newValue = _objectSpread(_objectSpread({}, storeRef.current.value), {}, {
+          [key]: val
+        });
+        storeRef.current.setValue(newValue);
+      },
+      subscribe(key, fn) {
+        if (!storeRef.current.listeners.has(key)) {
+          storeRef.current.listeners.set(key, new Set());
+        }
+        storeRef.current.listeners.get(key).add(fn);
+        return () => {
+          storeRef.current.listeners.get(key).delete(fn);
+        };
+      }
+    });
+    useLayoutEffect(() => {
+      // ✅ 在 render 阶段同步设置最新 value
+      storeRef.current.setValue(value);
+    }, [value]);
+    return /*#__PURE__*/React.createElement(Context.Provider, {
+      value: storeRef.current
+    }, children);
+  }, function (key) {
+    const store = useContext(Context);
+    if (!store) throw new Error('useSharedValue must be used within Provider');
+    const [, forceUpdate] = useState(0);
+    useEffect(() => store.subscribe(key, () => forceUpdate(n => n + 1)), [key, store]);
+    return store.value[key];
+  }, function (key) {
+    const store = useContext(Context);
+    if (!store) throw new Error('useSharedState must be used within Provider');
+    const [, forceUpdate] = useState(0);
+    useEffect(() => store.subscribe(key, () => forceUpdate(n => n + 1)), [key, store]);
+    return [store.value[key], val => {
+      store.updateKey(key, val);
+    }];
+  }];
+}

package/dist/utils/index.js

@@ -1,6 +1,6 @@
 export function routeScene(sceneId) {
   ty.router({
-    url: "tuyaSmart://editScene?sceneId=".concat(sceneId, "&biz_type=ai_smart&action=edit"),
+    url: "thingSmart://editScene?sceneId=".concat(sceneId, "&biz_type=ai_smart&action=edit"),
     fail: err => {
       console.error('router fail', sceneId, err);
       ty.showToast({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.2.1-beta.3",
+  "version": "0.2.2-beta-2",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -40,5 +40,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "6fb3ba83a8b1a980b000506781a43e75403f3211"
+  "gitHead": "33a1985d3a14487fe5f354411b0c46c8a8af19c7"
 }