light-chaser-pro 1.0.0

package/prompt//351/200/273/350/276/221/344/274/230/345/214/226/346/217/220/347/244/272/350/257/215.md

@@ -0,0 +1,98 @@
+## 项目基础信息
+
+技术栈锁定：React 18 + TypeScript 5 + MobX + AntD 5.20.0 + Less + Vite 5
+项目类型：数据可视化编辑器（类DataV/EasyV），支持拖拽组件和多数据源
+响应式：项目为PC端设计软件，不考虑响应式效果
+
+## 项目依赖
+
+```json
+{
+  "dependencies": {
+    "@antv/g-base": "^0.5.15",
+    "@antv/g2plot": "^2.4.31",
+    "@icon-park/react": "^1.4.2",
+    "@monaco-editor/react": "^4.6.0",
+    "@scena/react-ruler": "^0.17.1",
+    "antd": "^5.20.0",
+    "countup.js": "^2.8.0",
+    "crypto-js": "^4.2.0",
+    "echarts": "^5.5.1",
+    "ezuikit-js": "^7.7.10",
+    "flv.js": "^1.6.2",
+    "hls.js": "^1.5.11",
+    "hotkeys-js": "^3.13.15",
+    "jsencrypt": "^3.3.2",
+    "light-chaser-types": "workspace:^",
+    "light-chaser-ui": "workspace:^",
+    "light-chaser-util": "workspace:^",
+    "localforage": "^1.10.0",
+    "lodash": "^4.17.21",
+    "mobx": "^6.7.0",
+    "mobx-react": "^7.6.0",
+    "monaco-editor": "^0.44.0",
+    "mqtt": "^5.10.1",
+    "nprogress": "^0.2.0",
+    "odometer_countup": "^1.0.4",
+    "pixi.js": "^8.4.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-moveable": "^0.54.1",
+    "react-router-dom": "^6.21.0",
+    "react-selecto": "^1.22.6",
+    "react-timer-hook": "^3.0.7"
+  },
+  "devDependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
+    "@amap/amap-jsapi-types": "^0.0.15",
+    "@types/crypto-js": "^4.2.2",
+    "@types/ezuikit-js": "^8.0.0",
+    "@types/lodash": "^4.14.178",
+    "@types/node": "^20.10.4",
+    "@types/nprogress": "^0.2.3",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@types/react-router-dom": "^5.3.3",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "less": "^3.11.1",
+    "postcss-loader": "3.0.0",
+    "react-refresh": "^0.8.3",
+    "rollup-plugin-visualizer": "^6.0.5",
+    "style-loader": "1.3.0",
+    "typescript": "^5.0.2",
+    "vite": "^5.0.7"
+  }
+}
+```
+
+## 绝对禁令（违规立即终止）：
+
+1. 禁止引入新依赖（除非明确要求）
+2. 禁止修改现有状态管理逻辑
+3. 禁止删除已有代码注释
+4. 禁止使用未授权的第三方库
+
+## 代码风格（严格遵循）：
+
+参考我提供的代码案例，输出的代码风格应该和我提供的代码案例一致。
+
+## 可参考的上下文
+
+```ts
+
+```
+
+## 需要调整的代码
+
+```ts
+
+```
+
+## 修改要求
+
+

package/prompt//351/205/215/347/275/256/351/241/271/347/224/237/346/210/220/345/267/245/344/275/234/346/265/201.md

@@ -0,0 +1,401 @@
+# 步骤一：提供原始配置对象
+
+```js
+const config = {
+    token: {
+        colorPrimary: '#4FB8FF',                      // 主高亮色
+        colorSuccess: '#3CED92',                      // 成功指示色
+        colorWarning: '#faad14',                      // 保持AntD默认，但使用橙色系
+        colorError: '#FF6E6E',                        // 警示色
+        colorInfo: '#4FB8FF',                         // 信息色与主色一致
+        colorTextBase: '#FFFFFF',                     // 主要文字色
+        colorBgBase: '#1E1E2F',                       // 背景色
+        colorBgContainer: '#2C2C3E',                  // 容器背景色
+        colorBgContainerDisabled: 'rgba(44,44,62,0.6)', // 禁用状态的容器背景
+        colorBgElevated: '#2C2C3E',                   // 悬浮/弹层背景
+        colorBorder: '#3A3A4E',                       // 边框色
+        colorSplit: 'rgba(255,255,255,0.1)',          // 分割线颜色
+        colorText: '#FFFFFF',                         // 主要文字色
+        colorTextHeading: '#FFFFFF',                  // 标题文字色
+        colorTextSecondary: '#A0A0B2',                // 次级文字色
+        colorTextTertiary: 'rgba(160,160,178,0.7)',   // 三级文字色
+        colorTextQuaternary: 'rgba(160,160,178,0.4)', // 四级文字色
+        colorTextPlaceholder: 'rgba(160,160,178,0.4)', // 占位符文字色
+        colorTextDisabled: 'rgba(160,160,178,0.4)',   // 禁用文字色
+        colorTextLightSolid: '#FFFFFF',               // 深色上的亮色文字
+        colorIcon: '#A0A0B2',                         // 图标颜色
+        colorIconHover: '#FFFFFF',                    // 图标悬停颜色
+        colorFillSecondary: 'rgba(79,184,255,0.1)',   // 次级填充色
+        colorFillTertiary: 'rgba(79,184,255,0.05)',   // 三级填充色
+        colorErrorBg: 'rgba(255,110,110,0.1)',        // 错误背景色
+        colorErrorBgHover: 'rgba(255,110,110,0.15)',  // 错误背景悬停色
+        colorErrorBorderHover: '#FF6E6E',             // 错误边框悬停色
+        colorErrorText: '#FF6E6E',                    // 错误文字色
+        colorWarningBg: 'rgba(250,173,20,0.1)',       // 警告背景色
+        colorWarningBgHover: 'rgba(250,173,20,0.15)', // 警告背景悬停色
+        colorWarningBorderHover: '#faad14',           // 警告边框悬停色
+        colorWarningText: '#faad14',                  // 警告文字色
+        controlHeight: 32,
+        controlHeightLG: 40,
+        controlHeightSM: 24,
+        borderRadius: 8,                              // 卡片圆角
+        borderRadiusLG: 8,
+        borderRadiusSM: 4,                            // 按钮圆角
+        borderRadiusXS: 2,
+        lineWidth: 1,
+        lineWidthBold: 2,
+        lineType: 'solid',
+        fontFamily: "Inter, Roboto, 'Helvetica Neue', sans-serif", // 无衬线字体
+        fontSize: 14,                                 // 正文说明字号
+        fontSizeLG: 18,                               // 区块标题字号
+        fontSizeSM: 12,                               // 辅助信息字号
+        fontWeightStrong: 600,
+        lineHeight: 1.5714285714285714,
+        lineHeightLG: 1.5,
+        padding: 16,                                  // 次轴间距
+        paddingSM: 12,
+        paddingXS: 8,
+        paddingXXS: 4,
+        marginXS: 8,
+        marginXXS: 4,
+    },
+    components: {
+        colorBgContainer: '#2C2C3E',                     // container 背景
+        colorBorder: '#3A3A4E',
+        colorText: '#FFFFFF',
+        colorPrimary: '#4FB8FF',                         // 主色
+        colorPrimaryHover: '#6DC6FF',                    // 通用 hover 主色（亮度提升10%）
+        colorPrimaryActive: '#3DA5E6',                   // 深一点主色 active
+        colorTextHeading: '#FFFFFF',                     // 和 colorText 一致
+        colorTextLabel: '#A0A0B2',                       // label → 次级文本色
+        colorTextDescription: 'rgba(160,160,178,0.7)',   // description → 三级文本色
+        colorSplit: 'rgba(255,255,255,0.1)',
+        colorBgElevated: '#2C2C3E',
+        hoverBorderColor: '#6DC6FF',                     // 输入 hover
+        activeBorderColor: '#4FB8FF',                    // 输入 active
+        hoverBg: '#3A3A4E',                              // 输入 hover 背景（亮度提升）
+        activeBg: '#3A3A4E',                             // 输入 active 背景
+        activeShadow: '0 0 0 2px rgba(79,184,255,0.2)',  // active 阴影
+        warningActiveShadow: '0 0 0 2px rgba(250,173,20,0.2)',
+        errorActiveShadow: '0 0 0 2px rgba(255,110,110,0.2)',
+        cellActiveWithRangeBg: 'rgba(79,184,255,0.2)',
+        cellBgDisabled: 'rgba(44,44,62,0.6)',
+        cellHoverBg: 'rgba(79,184,255,0.1)',
+        cellHoverWithRangeBg: 'rgba(79,184,255,0.15)',
+        cellRangeBorderColor: '#4FB8FF',
+        addonBg: 'rgba(0,0,0,0.1)',
+        multipleItemBg: 'rgba(79,184,255,0.1)',
+        multipleItemBorderColor: 'transparent',
+        multipleItemBorderColorDisabled: 'transparent',
+        multipleItemColorDisabled: 'rgba(160,160,178,0.4)',
+        multipleSelectorBgDisabled: 'rgba(44,44,62,0.6)',
+        controlItemBgActive: 'rgba(79,184,255,0.2)',
+        cellHeight: 24,
+        cellWidth: 36,
+        withoutTimeCellHeight: 66,
+        textHeight: 40,
+        timeCellHeight: 28,
+        timeColumnHeight: 224,
+        timeColumnWidth: 56,
+        multipleItemHeight: 24,
+        multipleItemHeightLG: 32,
+        multipleItemHeightSM: 16,
+        presetsWidth: 120,
+        presetsMaxWidth: 200,
+        fontSize: 14,
+        inputFontSize: 14,
+        inputFontSizeLG: 16,
+        inputFontSizeSM: 14,
+        lineHeight: 1.5714285714285714,
+        paddingBlock: 4,
+        paddingBlockLG: 7,
+        paddingBlockSM: 0,
+        paddingInline: 11,
+        paddingInlineLG: 11,
+        paddingInlineSM: 7,
+    },
+}
+}
+```
+
+# 步骤二，将配置对象按照功能进行划分，允许属性重复
+
+```js
+const config = {
+    /**
+     * ===============================
+     * 主题主色 & 状态色体系
+     * ===============================
+     */
+    token: {
+        colorPrimary: '#4FB8FF',                      // 主高亮色
+        colorPrimaryHover: '#6DC6FF',                 // 主色 hover（更亮）
+        colorPrimaryActive: '#3DA5E6',                // 主色 active（更深）
+        colorInfo: '#4FB8FF',                         // 信息色 = 主色
+
+        colorSuccess: '#3CED92',                      // 成功色
+        colorWarning: '#faad14',                      // 警告色
+        colorError: '#FF6E6E',                        // 错误色
+
+        colorErrorBg: 'rgba(255,110,110,0.1)',        // 错误背景
+        colorErrorBgHover: 'rgba(255,110,110,0.15)',  // 错误背景 hover
+        colorErrorBorderHover: '#FF6E6E',             // 错误边框 hover
+        colorErrorText: '#FF6E6E',                    // 错误文字
+
+        colorWarningBg: 'rgba(250,173,20,0.1)',       // 警告背景
+        colorWarningBgHover: 'rgba(250,173,20,0.15)', // 警告背景 hover
+        colorWarningBorderHover: '#faad14',           // 警告边框 hover
+        colorWarningText: '#faad14',                  // 警告文字
+    },
+
+    components: {
+        colorPrimary: '#4FB8FF',                      // 主色
+        colorPrimaryHover: '#6DC6FF',                 // hover
+        colorPrimaryActive: '#3DA5E6',                // active
+    },
+
+    /**
+     * ===============================
+     * 背景体系
+     * ===============================
+     */
+    token: {
+        colorBgBase: '#1E1E2F',                       // 全局背景
+        colorBgContainer: '#2C2C3E',                  // 容器背景
+        colorBgContainerDisabled: 'rgba(44,44,62,0.6)', // 禁用容器背景
+        colorBgElevated: '#2C2C3E',                   // 弹层 / 悬浮背景
+
+        colorFillSecondary: 'rgba(79,184,255,0.1)',   // 次级填充
+        colorFillTertiary: 'rgba(79,184,255,0.05)',   // 三级填充
+    },
+
+    components: {
+        colorBgContainer: '#2C2C3E',                  // 组件容器背景
+        colorBgElevated: '#2C2C3E',                   // 浮层背景
+        hoverBg: '#3A3A4E',                           // 输入 hover 背景
+        activeBg: '#3A3A4E',                          // 输入 active 背景
+        addonBg: 'rgba(0,0,0,0.1)',                   // addon 背景
+    },
+
+    /**
+     * ===============================
+     * 边框 / 分割线 / 阴影
+     * ===============================
+     */
+    token: {
+        colorBorder: '#3A3A4E',                       // 默认边框
+        colorSplit: 'rgba(255,255,255,0.1)',          // 分割线
+
+        lineWidth: 1,                                 // 普通线宽
+        lineWidthBold: 2,                             // 粗线宽
+        lineType: 'solid',                            // 线条类型
+    },
+
+    components: {
+        colorBorder: '#3A3A4E',                       // 组件边框
+        colorSplit: 'rgba(255,255,255,0.1)',          // 组件分割线
+
+        hoverBorderColor: '#6DC6FF',                  // hover 边框
+        activeBorderColor: '#4FB8FF',                 // active 边框
+
+        activeShadow: '0 0 0 2px rgba(79,184,255,0.2)', // active 阴影
+        warningActiveShadow: '0 0 0 2px rgba(250,173,20,0.2)',
+        errorActiveShadow: '0 0 0 2px rgba(255,110,110,0.2)',
+    },
+
+    /**
+     * ===============================
+     * 文本 / 字体体系
+     * ===============================
+     */
+    token: {
+        fontFamily: "Inter, Roboto, 'Helvetica Neue', sans-serif", // 字体
+        fontSize: 14,                                 // 正文字号
+        fontSizeLG: 18,                               // 大号字号
+        fontSizeSM: 12,                               // 小字号
+        fontWeightStrong: 600,                        // 加粗
+
+        lineHeight: 1.5714285714285714,
+        lineHeightLG: 1.5,
+
+        colorTextBase: '#FFFFFF',                    // 基础文字
+        colorText: '#FFFFFF',                        // 主文字
+        colorTextHeading: '#FFFFFF',                 // 标题
+        colorTextSecondary: '#A0A0B2',               // 次级文字
+        colorTextTertiary: 'rgba(160,160,178,0.7)',  // 三级
+        colorTextQuaternary: 'rgba(160,160,178,0.4)',// 四级
+        colorTextPlaceholder: 'rgba(160,160,178,0.4)', // placeholder
+        colorTextDisabled: 'rgba(160,160,178,0.4)',  // 禁用
+        colorTextLightSolid: '#FFFFFF',              // 深背景亮字
+    },
+
+    components: {
+        colorText: '#FFFFFF',                        // 组件文字
+        colorTextHeading: '#FFFFFF',
+        colorTextLabel: '#A0A0B2',
+        colorTextDescription: 'rgba(160,160,178,0.7)',
+
+        fontSize: 14,
+        inputFontSize: 14,
+        inputFontSizeLG: 16,
+        inputFontSizeSM: 14,
+    },
+
+    /**
+     * ===============================
+     * 图标
+     * ===============================
+     */
+    token: {
+        colorIcon: '#A0A0B2',
+        colorIconHover: '#FFFFFF',
+    },
+
+    /**
+     * ===============================
+     * 控件尺寸 / 圆角
+     * ===============================
+     */
+    token: {
+        controlHeight: 32,
+        controlHeightLG: 40,
+        controlHeightSM: 24,
+
+        borderRadius: 8,
+        borderRadiusLG: 8,
+        borderRadiusSM: 4,
+        borderRadiusXS: 2,
+    },
+
+    /**
+     * ===============================
+     * 间距：Padding / Margin
+     * ===============================
+     */
+    token: {
+        padding: 16,
+        paddingSM: 12,
+        paddingXS: 8,
+        paddingXXS: 4,
+        marginXS: 8,
+        marginXXS: 4,
+    },
+
+    components: {
+        paddingBlock: 4,
+        paddingBlockLG: 7,
+        paddingBlockSM: 0,
+        paddingInline: 11,
+        paddingInlineLG: 11,
+        paddingInlineSM: 7,
+    },
+
+    /**
+     * ===============================
+     * 组件通用交互 & 多选元素
+     * ===============================
+     */
+    components: {
+        multipleItemBg: 'rgba(79,184,255,0.1)',
+        multipleItemBorderColor: 'transparent',
+        multipleItemBorderColorDisabled: 'transparent',
+        multipleItemColorDisabled: 'rgba(160,160,178,0.4)',
+        multipleSelectorBgDisabled: 'rgba(44,44,62,0.6)',
+        controlItemBgActive: 'rgba(79,184,255,0.2)',
+    },
+
+    /**
+     * ===============================
+     * DatePicker / 时间选择专用
+     * ===============================
+     */
+    components: {
+        cellActiveWithRangeBg: 'rgba(79,184,255,0.2)',
+        cellBgDisabled: 'rgba(44,44,62,0.6)',
+        cellHoverBg: 'rgba(79,184,255,0.1)',
+        cellHoverWithRangeBg: 'rgba(79,184,255,0.15)',
+        cellRangeBorderColor: '#4FB8FF',
+
+        cellHeight: 24,
+        cellWidth: 36,
+        withoutTimeCellHeight: 66,
+
+        textHeight: 40,
+
+        timeCellHeight: 28,
+        timeColumnHeight: 224,
+        timeColumnWidth: 56,
+
+        multipleItemHeight: 24,
+        multipleItemHeightLG: 32,
+        multipleItemHeightSM: 16,
+
+        presetsWidth: 120,
+        presetsMaxWidth: 200,
+    },
+};
+
+```
+
+# 步骤三，按照分类好的对象，生成对应json-schema UI配置对象
+
+```ts
+[{
+    type: 'accordion',
+    label: '主题主色 & 状态色',
+    key: 'style',
+    children: [
+        /**
+         * token 颜色配置
+         */
+        {
+            key: "token",
+            type: "grid",
+            children: [
+                {key: "colorPrimary", type: "color-picker", label: "主高亮色", value: style?.token?.colorPrimary || "#4FB8FF", config: {showText: true}},
+                {key: "colorPrimaryHover", type: "color-picker", label: "主色 Hover", value: style?.token?.colorPrimaryHover || "#6DC6FF", config: {showText: true}},
+                {key: "colorPrimaryActive", type: "color-picker", label: "主色 Active", value: style?.token?.colorPrimaryActive || "#3DA5E6", config: {showText: true}},
+                {key: "colorInfo", type: "color-picker", label: "信息色", value: style?.token?.colorInfo || "#4FB8FF", config: {showText: true}},
+
+                {key: "colorSuccess", type: "color-picker", label: "成功色", value: style?.token?.colorSuccess || "#3CED92", config: {showText: true}},
+                {key: "colorWarning", type: "color-picker", label: "警告色", value: style?.token?.colorWarning || "#faad14", config: {showText: true}},
+                {key: "colorError", type: "color-picker", label: "错误色", value: style?.token?.colorError || "#FF6E6E", config: {showText: true}},
+
+                {key: "colorErrorBg", type: "color-picker", label: "错误背景", value: style?.token?.colorErrorBg || "rgba(255,110,110,0.1)", config: {showText: true}},
+                {key: "colorErrorBgHover", type: "color-picker", label: "错误背景 Hover", value: style?.token?.colorErrorBgHover || "rgba(255,110,110,0.15)", config: {showText: true}},
+                {key: "colorErrorBorderHover", type: "color-picker", label: "错误边框 Hover", value: style?.token?.colorErrorBorderHover || "#FF6E6E", config: {showText: true}},
+                {key: "colorErrorText", type: "color-picker", label: "错误文字", value: style?.token?.colorErrorText || "#FF6E6E", config: {showText: true}},
+
+                {key: "colorWarningBg", type: "color-picker", label: "警告背景", value: style?.token?.colorWarningBg || "rgba(250,173,20,0.1)", config: {showText: true}},
+                {key: "colorWarningBgHover", type: "color-picker", label: "警告背景 Hover", value: style?.token?.colorWarningBgHover || "rgba(250,173,20,0.15)", config: {showText: true}},
+                {key: "colorWarningBorderHover", type: "color-picker", label: "警告边框 Hover", value: style?.token?.colorWarningBorderHover || "#faad14", config: {showText: true}},
+                {key: "colorWarningText", type: "color-picker", label: "警告文字", value: style?.token?.colorWarningText || "#faad14", config: {showText: true}},
+            ]
+        },
+
+        /**
+         * components 颜色配置
+         */
+        {
+            key: "components",
+            type: "grid",
+            children: [
+                {key: "colorPrimary", type: "color-picker", label: "组件主色", value: style?.components?.colorPrimary || "#4FB8FF", config: {showText: true}},
+                {key: "colorPrimaryHover", type: "color-picker", label: "组件 Hover 主色", value: style?.components?.colorPrimaryHover || "#6DC6FF", config: {showText: true}},
+                {key: "colorPrimaryActive", type: "color-picker", label: "组件 Active 主色", value: style?.components?.colorPrimaryActive || "#3DA5E6", config: {showText: true}},
+            ]
+        }
+    ]
+},
+// ...以此类推
+]
+
+```
+
+1. 分析上面的步骤并形成工作流模板W
+2. 然后我会给你原始数据，你按照工作流W为我生成结果。
+3. 如果你没问题，告诉我准备好了。如果缺少信息，你告诉我，我来补充。
+
+注意：上面只是一个模板，不是真正的生产数据。
+
+现在！！！他妈的！直接了当的告诉我, 准备好了没有！