@coding-script/script-engine 0.0.4 → 0.0.6

package/dist/autocomplete/completion-source.js

@@ -15,10 +15,12 @@ function buildMemberCompletions(typeInfo) {
     });
     for (const func of typeInfo.functions){
         const sig = formatFunctionSignature(func);
+        const ret = func.returnType ? ` → ${func.returnType}` : '';
+        const detail = func.description ? `${sig}${ret} — ${func.description}` : `${sig}${ret}`;
         options.push({
             label: func.name,
             type: 'function',
-            detail: func.description ? `${sig} — ${func.description}` : sig,
+            detail,
             info: func.description || void 0,
             apply: `${func.name}()`,
             boost: -1

package/dist/components/function-row.js

@@ -2,7 +2,7 @@ import react, { useState } from "react";
 const FunctionRow = ({ func, colors })=>{
     const [hovered, setHovered] = useState(false);
     const params = func.parameters.map((p)=>`${p.name}: ${p.dataType}`).join(', ');
-    const sig = `${func.name}(${params})`;
+    const sig = `${func.name}(${params})${func.returnType ? ` → ${func.returnType}` : ''}`;
     return /*#__PURE__*/ react.createElement("div", {
         style: {
             padding: '4px 12px 4px 28px',
@@ -35,7 +35,13 @@ const FunctionRow = ({ func, colors })=>{
             color: colors.textSecondary,
             fontSize: 11
         }
-    }, "(", params, ")")), func.description && /*#__PURE__*/ react.createElement("div", {
+    }, "(", params, ")"), func.returnType && /*#__PURE__*/ react.createElement("span", {
+        style: {
+            color: colors.typeColor,
+            fontSize: 11,
+            marginLeft: 'auto'
+        }
+    }, "→ ", func.returnType)), func.description && /*#__PURE__*/ react.createElement("div", {
         style: {
             fontSize: 11,
             color: colors.textSecondary,

package/dist/components/toolbar-button.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ToolbarButtonProps } from '../types';
-export declare const ToolbarButton: React.FC<ToolbarButtonProps>;
+export declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/toolbar-button.js

@@ -1,7 +1,9 @@
-import react, { useState } from "react";
-const ToolbarButton = ({ label, title, backgroundColor, hoverBackgroundColor, textColor, borderColor, onClick })=>{
+import react, { forwardRef, useState } from "react";
+const ToolbarButton = /*#__PURE__*/ forwardRef(({ label, title, backgroundColor, hoverBackgroundColor, textColor, borderColor, onClick, active }, ref)=>{
     const [hovered, setHovered] = useState(false);
+    const bg = active ? hoverBackgroundColor : hovered ? hoverBackgroundColor : backgroundColor;
     return /*#__PURE__*/ react.createElement("button", {
+        ref: ref,
         onClick: onClick,
         onMouseEnter: ()=>setHovered(true),
         onMouseLeave: ()=>setHovered(false),
@@ -9,7 +11,7 @@ const ToolbarButton = ({ label, title, backgroundColor, hoverBackgroundColor, te
             display: 'inline-flex',
             alignItems: 'center',
             gap: 4,
-            background: hovered ? hoverBackgroundColor : backgroundColor,
+            background: bg,
             border: `1px solid ${borderColor}`,
             color: textColor,
             cursor: 'pointer',
@@ -22,5 +24,6 @@ const ToolbarButton = ({ label, title, backgroundColor, hoverBackgroundColor, te
         },
         title: title
     }, label);
-};
+});
+ToolbarButton.displayName = 'ToolbarButton';
 export { ToolbarButton };

package/dist/components/toolbar.js

@@ -51,17 +51,6 @@ function calcTooltipPos(anchorRect, el) {
         maxHeight: Math.max(maxHeight, 80)
     };
 }
-const KV_RE = /^([^:]+):\s*([\s\S]+)$/;
-function renderDescLine(line, accent) {
-    const m = line.match(KV_RE);
-    if (m) return /*#__PURE__*/ react.createElement("span", null, /*#__PURE__*/ react.createElement("span", {
-        style: {
-            color: accent,
-            fontWeight: 600
-        }
-    }, m[1]), /*#__PURE__*/ react.createElement("span", null, ": ", m[2]));
-    return line;
-}
 const QuestionIcon = ({ color })=>/*#__PURE__*/ react.createElement("svg", {
         width: "13",
         height: "13",
@@ -125,7 +114,7 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
     }, [
         description
     ]);
-    const descLines = description ? description.replace(/\\n/g, '\n').split('\n').filter((l)=>l.trim()) : [];
+    const descHtml = description ? description.replace(/\\n/g, '\n').replace(/\n/g, '<br>') : '';
     const handleThemeToggle = ()=>{
         const next = isDark ? 'light' : 'dark';
         onThemeChange?.(next);
@@ -155,28 +144,19 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
         style: {
             marginRight: 'auto'
         }
-    }), descLines.length > 0 && /*#__PURE__*/ react.createElement("button", {
+    }), descHtml && /*#__PURE__*/ react.createElement(ToolbarButton, {
         ref: descBtnRef,
-        onClick: ()=>setShowDesc((v)=>!v),
-        style: {
-            display: 'inline-flex',
-            alignItems: 'center',
-            gap: 4,
-            padding: '4px 10px',
-            borderRadius: 4,
-            border: `1px solid ${isDark ? '#2d5a27' : '#b7eb8f'}`,
-            background: showDesc ? isDark ? '#3a7033' : '#d4ecd3' : isDark ? '#2d5a27' : '#e6f4e5',
-            color: isDark ? '#98c379' : '#389e0d',
-            cursor: 'pointer',
-            fontSize: 12,
-            lineHeight: 1.4,
-            whiteSpace: 'nowrap',
-            transition: 'background 0.15s'
-        },
-        title: showDesc ? '隐藏脚本说明' : '查看脚本说明'
-    }, /*#__PURE__*/ react.createElement(QuestionIcon, {
-        color: "currentColor"
-    }), "脚本说明"), enableThemeToggle && /*#__PURE__*/ react.createElement(ToolbarButton, {
+        label: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(QuestionIcon, {
+            color: "currentColor"
+        }), "脚本说明"),
+        title: showDesc ? '隐藏脚本说明' : '查看脚本说明',
+        backgroundColor: isDark ? '#2d5a27' : '#e6f4e5',
+        hoverBackgroundColor: isDark ? '#3a7033' : '#d4ecd3',
+        textColor: isDark ? '#98c379' : '#389e0d',
+        borderColor: isDark ? '#2d5a27' : '#b7eb8f',
+        active: showDesc,
+        onClick: ()=>setShowDesc((v)=>!v)
+    }), enableThemeToggle && /*#__PURE__*/ react.createElement(ToolbarButton, {
         label: isDark ? '🌞 浅色模式' : '🌙 深色模式',
         title: isDark ? '切换到浅色主题' : '切换到深色主题',
         backgroundColor: btnBg,
@@ -225,7 +205,7 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
             textColor: item.textColor,
             borderColor: item.borderColor,
             onClick: item.onClick
-        })), toolbarExtra, showDesc && tipPos && descLines.length > 0 && /*#__PURE__*/ react.createElement("div", {
+        })), toolbarExtra, showDesc && tipPos && descHtml && /*#__PURE__*/ react.createElement("div", {
         ref: tipRef,
         style: {
             position: 'fixed',
@@ -245,12 +225,10 @@ const Toolbar = ({ title, theme, onThemeChange, enableThemeToggle, enableFormat,
             zIndex: 9999,
             boxShadow: '0 4px 16px rgba(0,0,0,0.3)',
             pointerEvents: 'auto'
+        },
+        dangerouslySetInnerHTML: {
+            __html: descHtml
         }
-    }, descLines.map((line, i)=>/*#__PURE__*/ react.createElement("div", {
-            key: i,
-            style: {
-                marginBottom: i < descLines.length - 1 ? 4 : 0
-            }
-        }, renderDescLine(line, colors.accent)))));
+    }));
 };
 export { Toolbar };

package/dist/types/index.d.ts

@@ -6,15 +6,17 @@ export interface ToolbarButtonProps {
     /** 鼠标悬停提示文字（原生 title 属性） */
     title: string;
     /** 按钮背景色 */
-    backgroundColor: string;
+    backgroundColor?: string;
     /** 鼠标悬停时的背景色 */
-    hoverBackgroundColor: string;
+    hoverBackgroundColor?: string;
     /** 文字颜色 */
-    textColor: string;
+    textColor?: string;
     /** 边框颜色 */
-    borderColor: string;
+    borderColor?: string;
     /** 点击回调 */
     onClick: () => void;
+    /** 是否处于激活状态（可选，激活时使用 hoverBackgroundColor 作为背景色） */
+    active?: boolean;
 }
 /** 工具栏自定义按钮项（用于 toolbar 数组） */
 export interface ToolbarItem extends ToolbarButtonProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-script/script-engine",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "script-engine components",
   "keywords": [
     "coding-script",