@lxzy/code-snippet 0.0.8 → 0.0.9

package/.opencode/rules/ts.md

@@ -0,0 +1,11 @@
+- ts 类型不需要写详细，不要在 tsx 文件里定义 interface，组件里的方法参数不要写类型定义
+- 组件的 props 不要直接在入参的地方解构，也不要定义 React.FC
+
+```ts
+const AddDrawer: React.FC = ({ a, b, c }) => {}; // 错误
+
+const AddDrawer = (props) => {
+  // 正确
+  const { a, b, c } = props;
+};
+```

package/README.md

@@ -1,15 +1,43 @@
-# umi project
-
-## Getting Started
-
-Install dependencies,
-
-```bash
-$ yarn
 ```
+{
+  // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
+  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
+  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
+  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
+  // Placeholders with the same ids are connected.
+  "快速打印": {
+    "scope": "javascript,javascriptreact,typescript,typescriptreact",
+    "prefix": "clg",
+    "body": ["console.log($1);"],
+    "description": "快速打印"
+  },
+  "react组件模版": {
+    "scope": "javascript, javascriptreact, typescript, typescriptreact",
+    "prefix": "react",
+    "body": [
+      "import React, {useState} from 'react'",
+      "",
+      "export default function ${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}() {",
+      "  return (",
+      "    <div>",
+      "     $1",
+      "    </div>",
+      "  )",
+      "}",
+    ],
+    "description": "react组件模版"
+  },
+  "formily模版": {
+    "scope": "javascript, javascriptreact, typescript, typescriptreact",
+    "prefix": "formily",
+    "body": [
+      "import { createForm, onFieldInputValueChange } from '@formily/core';",
+      "import { Form, FormItem, FormGrid } from '@formily/next';",
+      "import { Field } from '@formily/react';"
+    ],
+    "description": "formily模版"
+  }
+}
 
-Start the dev server,
-
-```bash
-$ yarn start
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lxzy/code-snippet",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "files": [
     "*",
     "!dist",
@@ -62,7 +62,7 @@
     "wangeditor": "^4.7.11"
   },
   "devDependencies": {
-    "@types/node": "^22.1.0",
+    "@types/node": "^22.1.0", 
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@vitejs/plugin-react": "^6.0.0",

package/src/App.tsx

@@ -5,7 +5,7 @@ import ActivitySystemManagement from '@/pages/activityCenter/activitySystemManag
 import ActivitySystemManagementAddPages from '@/pages/activityCenter/activitySystemManagement/addPages';
 import Page404 from '@/pages/404';
 
-const App: React.FC = () => {
+const App = () => {
   return (
     <BrowserRouter>
       <BasicLayout>

package/src/layouts/index.tsx

@@ -13,7 +13,8 @@ const menuDataRender = (menuList: any[]) => {
   });
 };
 
-const BasicLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+const BasicLayout = (props) => {
+  const { children } = props;
   const navigate = useNavigate();
 
   return (

package/src/main.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
+import 'antd/dist/antd.css';
 import './global.css';
 
 ReactDOM.render(

package/src/pages/activityCenter/activitySystemManagement/add.tsx

@@ -29,19 +29,8 @@ const strategyTagOptions = ['常态化', '拉新', '促活', '促销', '品牌
 const ipTagOptions = ['品牌A', '品牌B', '品牌C', '品牌D'];
 const industryTagOptions = ['制造业', '轻工业', '重工业', '服务业', '农业'];
 
-interface AddDrawerProps {
-  visible: boolean;
-  editingItem: any;
-  onClose: () => void;
-  onSuccess: () => void;
-}
-
-const AddDrawer: React.FC<AddDrawerProps> = ({
-  visible,
-  editingItem,
-  onClose,
-  onSuccess,
-}) => {
+const AddDrawer = (props) => {
+  const { visible, editingItem, onClose, onSuccess } = props;
   const formRef = useRef<any>();
 
   const handleSubmit = async (values) => {

package/src/pages/activityCenter/activitySystemManagement/addPages/components/ChannelLinkModal.tsx

@@ -5,23 +5,12 @@ import ProTable from '@ant-design/pro-table';
 import { ModalForm, ProFormText } from '@ant-design/pro-form';
 import axios from 'axios';
 
-interface ChannelLinkModalProps {
-  visible: boolean;
-  pageName: string;
-  pageId: number;
-  onClose: () => void;
-}
-
-const ChannelLinkModal: React.FC<ChannelLinkModalProps> = ({
-  visible,
-  pageName,
-  pageId,
-  onClose,
-}) => {
+const ChannelLinkModal = (props) => {
+  const { visible, pageName, pageId, onClose } = props;
   const actionRef = useRef<any>();
   const [addVisible, setAddVisible] = useState(false);
   const [editVisible, setEditVisible] = useState(false);
-  const [editingItem, setEditingItem] = useState<any>(null);
+  const [editingItem, setEditingItem] = useState(null);
 
   const handleAdd = async (values) => {
     await axios.post('/api/activity/channelLink/add', {

package/src/pages/activityCenter/activitySystemManagement/addPages/components/CustomLink.tsx

@@ -1,39 +1,144 @@
-import React from 'react';
-import { Button } from 'antd';
+import React, { useRef, useState } from 'react';
+import { Button, Modal, Radio, Input, message, Space } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
 import ProTable from '@ant-design/pro-table';
+import { ModalForm } from '@ant-design/pro-form';
 import axios from 'axios';
 
-const CustomLink: React.FC = () => {
+const CustomLink = () => {
+  const actionRef = useRef<any>();
+  const [addVisible, setAddVisible] = useState(false);
+  const [editVisible, setEditVisible] = useState(false);
+  const [editingItem, setEditingItem] = useState(null);
+
+  const handleAdd = async (values) => {
+    await axios.post('/api/activity/customLink/add', values);
+    message.success('新增成功');
+    setAddVisible(false);
+    actionRef.current?.reload();
+    return true;
+  };
+
+  const handleEdit = async (values) => {
+    await axios.post('/api/activity/customLink/update', {
+      ...values,
+      id: editingItem?.id,
+    });
+    message.success('编辑成功');
+    setEditVisible(false);
+    setEditingItem(null);
+    actionRef.current?.reload();
+    return true;
+  };
+
+  const handleDelete = async (record) => {
+    Modal.confirm({
+      title: '确认删除',
+      content: '确定要删除这条自定义链接吗？',
+      onOk: async () => {
+        await axios.post('/api/activity/customLink/delete', { id: record.id });
+        message.success('删除成功');
+        actionRef.current?.reload();
+      },
+    });
+  };
+
+  const getTypeName = (type: number) => {
+    return type === 1 ? '小程序' : 'H5链接';
+  };
+
   return (
     <div>
-      <ProTable
+      <ProTable<any>
         headerTitle={false}
         toolBarRender={() => [
-          <Button key="add" type="primary">新建自定义链接</Button>,
+          <Button
+            key="add"
+            type="primary"
+            icon={<PlusOutlined />}
+            onClick={() => setAddVisible(true)}
+          >
+            新建自定义链接
+          </Button>,
         ]}
+        actionRef={actionRef}
         rowKey="id"
         request={async (params) => {
           const { data: result } = await axios.get('/api/activity/customLinkList', { params });
           return { data: result.data.list, total: result.data.total, success: result.success };
         }}
         columns={[
-          { title: '跳转类型', dataIndex: 'type' },
+          { title: '跳转类型', dataIndex: 'type', render: (_, record) => getTypeName(record.type) },
           { title: '页面路径', dataIndex: 'path' },
           { title: '最近更新时间', dataIndex: 'updateTime' },
           {
             title: '操作',
             valueType: 'option',
-            render: () => (
-              <>
-                <Button type="link" size="small">编辑</Button>
-                <Button type="link" danger size="small">删除</Button>
-              </>
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  size="small"
+                  onClick={() => {
+                    setEditingItem(record);
+                    setEditVisible(true);
+                  }}
+                >
+                  编辑
+                </Button>
+                <Button type="link" danger size="small" onClick={() => handleDelete(record)}>
+                  删除
+                </Button>
+              </Space>
             ),
           },
         ]}
         pagination={false}
         options={false}
+        search={false}
       />
+
+      <ModalForm
+        title="新建自定义链接"
+        visible={addVisible}
+        onVisibleChange={setAddVisible}
+        onFinish={handleAdd}
+        modalProps={{ destroyOnClose: true }}
+      >
+        <div style={{ marginBottom: 24 }}>
+          <div style={{ marginBottom: 8, fontWeight: 500 }}><span style={{ color: '#ff4d4f' }}>*</span> 跳转类型</div>
+          <Radio.Group name="type" defaultValue={1}>
+            <Radio value={1}>小程序</Radio>
+            <Radio value={2}>H5链接</Radio>
+          </Radio.Group>
+        </div>
+        <div style={{ marginBottom: 24 }}>
+          <div style={{ marginBottom: 8, fontWeight: 500 }}><span style={{ color: '#ff4d4f' }}>*</span> 页面路径</div>
+          <Input name="path" placeholder="请输入页面路径" />
+        </div>
+      </ModalForm>
+
+      <ModalForm
+        title="编辑自定义链接"
+        visible={editVisible}
+        onVisibleChange={setEditVisible}
+        onFinish={handleEdit}
+        initialValues={editingItem ? { type: editingItem.type, path: editingItem.path } : {}}
+        key={editingItem?.id}
+        modalProps={{ destroyOnClose: true }}
+      >
+        <div style={{ marginBottom: 24 }}>
+          <div style={{ marginBottom: 8, fontWeight: 500 }}><span style={{ color: '#ff4d4f' }}>*</span> 跳转类型</div>
+          <Radio.Group name="type">
+            <Radio value={1}>小程序</Radio>
+            <Radio value={2}>H5链接</Radio>
+          </Radio.Group>
+        </div>
+        <div style={{ marginBottom: 24 }}>
+          <div style={{ marginBottom: 8, fontWeight: 500 }}><span style={{ color: '#ff4d4f' }}>*</span> 页面路径</div>
+          <Input name="path" placeholder="请输入页面路径" />
+        </div>
+      </ModalForm>
     </div>
   );
 };

package/src/pages/activityCenter/activitySystemManagement/addPages/components/CustomPage.tsx

@@ -4,9 +4,9 @@ import ProTable from '@ant-design/pro-table';
 import axios from 'axios';
 import ChannelLinkModal from './ChannelLinkModal';
 
-const CustomPage: React.FC = () => {
+const CustomPage = () => {
   const [channelLinkVisible, setChannelLinkVisible] = useState(false);
-  const [currentPage, setCurrentPage] = useState<any>(null);
+  const [currentPage, setCurrentPage] = useState(null);
 
   return (
     <div>

package/src/pages/activityCenter/activitySystemManagement/addPages/components/SystemPage.tsx

@@ -3,7 +3,7 @@ import { Button } from 'antd';
 import ProTable from '@ant-design/pro-table';
 import axios from 'axios';
 
-const SystemPage: React.FC = () => {
+const SystemPage = () => {
   return (
     <div>
       <ProTable

package/src/pages/activityCenter/activitySystemManagement/addPages/index.tsx

@@ -4,7 +4,7 @@ import SystemPage from './components/SystemPage';
 import CustomPage from './components/CustomPage';
 import CustomLink from './components/CustomLink';
 
-const AddPages: React.FC = () => {
+const AddPages = () => {
   const [activeTab, setActiveTab] = useState('system');
 
   const tabContent = {

package/src/pages/activityCenter/activitySystemManagement/index.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { Button, DatePicker, message, Modal, Select, Space } from 'antd';
 import ProTable, { ActionType } from '@ant-design/pro-table';
 import { useNavigate } from 'react-router-dom';
@@ -158,7 +158,11 @@ const ActivitySystemManagement = () => {
                 <Button
                   type="link"
                   size="small"
-                  onClick={() => navigate('/activityCenter/activitySystemManagement/addPages')}
+                  onClick={() =>
+                    navigate(
+                      '/activityCenter/activitySystemManagement/addPages',
+                    )
+                  }
                 >
                   添加页面
                 </Button>

package/src/ly/chart/index.less

@@ -1,101 +0,0 @@
-.page {
-  min-height: 100vh;
-  background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
-  padding: 32px 24px;
-  box-sizing: border-box;
-}
-
-.header {
-  text-align: center;
-  margin-bottom: 24px;
-
-  h1 {
-    font-size: 28px;
-    font-weight: 700;
-    color: #1a1a2e;
-    margin: 0 0 8px;
-    letter-spacing: 2px;
-  }
-
-  p {
-    font-size: 14px;
-    color: #888;
-    margin: 0;
-  }
-}
-
-.toolbar {
-  max-width: 1400px;
-  margin: 0 auto 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 12px;
-  background: #fff;
-  border-radius: 12px;
-  padding: 14px 20px;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
-}
-
-.toolbarLeft {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.toolbarRight {
-  display: flex;
-  align-items: center;
-}
-
-.label {
-  font-size: 14px;
-  color: #555;
-  font-weight: 500;
-}
-
-.info {
-  font-size: 13px;
-  color: #666;
-  background: #f0f5ff;
-  padding: 5px 14px;
-  border-radius: 6px;
-  border: 1px solid #d6e4ff;
-
-  strong {
-    color: #1677ff;
-    font-size: 15px;
-    margin: 0 2px;
-  }
-}
-
-.chartWrapper {
-  max-width: 1400px;
-  margin: 0 auto;
-  background: #fff;
-  border-radius: 16px;
-  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
-  padding: 24px 16px 16px;
-}
-
-.chart {
-  width: 100%;
-  height: 520px;
-}
-
-.tips {
-  max-width: 1400px;
-  margin: 16px auto 0;
-  text-align: center;
-
-  span {
-    display: inline-block;
-    background: #fffbe6;
-    color: #ad6800;
-    font-size: 13px;
-    padding: 8px 20px;
-    border-radius: 8px;
-    border: 1px solid #ffe58f;
-  }
-}

package/src/ly/chart/index.tsx

@@ -1,272 +0,0 @@
-import { useEffect, useRef, useState, useCallback } from "react";
-import * as echarts from "echarts";
-import { DatePicker } from "antd";
-import dayjs, { Dayjs } from "dayjs";
-import s from "./index.less";
-
-const { RangePicker } = DatePicker;
-
-// 根据小时生成模拟随机数（带日间波动规律）
-function generateData(startDate: Dayjs, endDate: Dayjs) {
-  const xData: string[] = [];
-  const temperatureData: number[] = [];
-  const humidityData: number[] = [];
-  const powerData: number[] = [];
-
-  const totalDays = endDate.diff(startDate, "day") + 1;
-
-  for (let d = 0; d < totalDays; d++) {
-    const currentDay = startDate.add(d, "day");
-    const dateStr = currentDay.format("YYYY-MM-DD");
-
-    for (let h = 0; h < 24; h++) {
-      const hour = h.toString().padStart(2, "0");
-      xData.push(`${dateStr} ${hour}:00`);
-
-      // 温度：夜间低(14-18°C)，日间高(24-32°C)
-      const tempBase = h >= 8 && h <= 18 ? 24 : 16;
-      const tempRange = h >= 8 && h <= 18 ? 8 : 4;
-      temperatureData.push(
-        +(tempBase + Math.random() * tempRange).toFixed(1)
-      );
-
-      // 湿度：与温度大致相反，夜间高(65-80%)，日间低(40-58%)
-      const humBase = h >= 8 && h <= 18 ? 40 : 65;
-      const humRange = h >= 8 && h <= 18 ? 18 : 15;
-      humidityData.push(
-        +(humBase + Math.random() * humRange).toFixed(1)
-      );
-
-      // 用电量：工作时间高(300-500kWh)，夜间低(80-160kWh)
-      const powBase = h >= 8 && h <= 20 ? 300 : 80;
-      const powRange = h >= 8 && h <= 20 ? 200 : 80;
-      powerData.push(
-        +(powBase + Math.random() * powRange).toFixed(0)
-      );
-    }
-  }
-
-  return { xData, temperatureData, humidityData, powerData };
-}
-
-// 默认时间：当前时间前三天
-const defaultRange: [Dayjs, Dayjs] = [
-  dayjs().subtract(2, "day").startOf("day"),
-  dayjs().startOf("day"),
-];
-
-export default function ChartPage() {
-  const chartRef = useRef<HTMLDivElement>(null);
-  const chartInstance = useRef<echarts.ECharts | null>(null);
-  const [dateRange, setDateRange] = useState<[Dayjs, Dayjs]>(defaultRange);
-
-  // 构建 ECharts 配置
-  const buildOption = useCallback(
-    (data: ReturnType<typeof generateData>): echarts.EChartsOption => {
-      const totalPoints = data.xData.length;
-      // 默认展示约 24 个数据点（1天）的宽度
-      const visiblePercent = Math.min(100, (24 / totalPoints) * 100);
-
-      return {
-        title: {
-          text: `${dateRange[0].format("MM-DD")} 至 ${dateRange[1].format("MM-DD")} 环境监测统计图`,
-          subtext: `共 ${totalPoints} 个数据点 · 温度 / 湿度 / 用电量（每小时采样）`,
-          left: "center",
-          textStyle: { color: "#333", fontSize: 20, fontWeight: "bold" },
-          subtextStyle: { color: "#999", fontSize: 13 },
-          top: 16,
-        },
-        tooltip: {
-          trigger: "axis",
-          backgroundColor: "rgba(255,255,255,0.96)",
-          borderColor: "#eee",
-          textStyle: { color: "#333" },
-          axisPointer: { type: "cross", crossStyle: { color: "#999" } },
-        },
-        legend: {
-          data: ["温度 (°C)", "湿度 (%)", "用电量 (kWh)"],
-          top: 80,
-          itemGap: 32,
-          textStyle: { fontSize: 13 },
-        },
-        grid: {
-          left: 60,
-          right: 60,
-          top: 130,
-          bottom: 120,
-        },
-        xAxis: {
-          type: "category",
-          data: data.xData,
-          axisLabel: {
-            rotate: 45,
-            fontSize: 11,
-            interval: Math.max(0, Math.floor(totalPoints / 24) - 1),
-            formatter: (value: string) => {
-              const parts = value.split(" ");
-              return `${parts[0].slice(5)}\n${parts[1]}`;
-            },
-          },
-          axisTick: { alignWithLabel: true },
-          boundaryGap: false,
-          splitLine: { show: true, lineStyle: { type: "dashed", color: "#eee" } },
-        },
-        yAxis: [
-          {
-            type: "value",
-            name: "温度(°C) / 湿度(%)",
-            position: "left",
-            axisLabel: { formatter: "{value}" },
-            splitLine: { lineStyle: { type: "dashed", color: "#eee" } },
-          },
-          {
-            type: "value",
-            name: "用电量(kWh)",
-            position: "right",
-            axisLabel: { formatter: "{value}" },
-            splitLine: { show: false },
-          },
-        ],
-        dataZoom: [
-          {
-            type: "slider",
-            xAxisIndex: 0,
-            start: 0,
-            end: visiblePercent,
-            bottom: 20,
-            height: 30,
-            borderColor: "#ddd",
-            fillerColor: "rgba(64,136,255,0.15)",
-            handleStyle: { color: "#4088ff" },
-            textStyle: { fontSize: 11 },
-          },
-          {
-            type: "inside",
-            xAxisIndex: 0,
-            start: 0,
-            end: visiblePercent,
-          },
-        ],
-        series: [
-          {
-            name: "温度 (°C)",
-            type: "line",
-            data: data.temperatureData,
-            smooth: true,
-            symbol: "circle",
-            symbolSize: 6,
-            lineStyle: { width: 2.5, color: "#ff6b6b" },
-            itemStyle: { color: "#ff6b6b" },
-            areaStyle: {
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: "rgba(255,107,107,0.25)" },
-                { offset: 1, color: "rgba(255,107,107,0.02)" },
-              ]),
-            },
-          },
-          {
-            name: "湿度 (%)",
-            type: "line",
-            data: data.humidityData,
-            smooth: true,
-            symbol: "circle",
-            symbolSize: 6,
-            lineStyle: { width: 2.5, color: "#4ecdc4" },
-            itemStyle: { color: "#4ecdc4" },
-            areaStyle: {
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: "rgba(78,205,196,0.25)" },
-                { offset: 1, color: "rgba(78,205,196,0.02)" },
-              ]),
-            },
-          },
-          {
-            name: "用电量 (kWh)",
-            type: "line",
-            yAxisIndex: 1,
-            data: data.powerData,
-            smooth: true,
-            symbol: "circle",
-            symbolSize: 6,
-            lineStyle: { width: 2.5, color: "#4088ff" },
-            itemStyle: { color: "#4088ff" },
-            areaStyle: {
-              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: "rgba(64,136,255,0.25)" },
-                { offset: 1, color: "rgba(64,136,255,0.02)" },
-              ]),
-            },
-          },
-        ],
-      };
-    },
-    [dateRange]
-  );
-
-  // 初始化图表
-  useEffect(() => {
-    if (!chartRef.current) return;
-    chartInstance.current = echarts.init(chartRef.current);
-
-    const handleResize = () => chartInstance.current?.resize();
-    window.addEventListener("resize", handleResize);
-
-    return () => {
-      window.removeEventListener("resize", handleResize);
-      chartInstance.current?.dispose();
-    };
-  }, []);
-
-  // 时间区间变化时更新图表
-  useEffect(() => {
-    if (!chartInstance.current) return;
-    const data = generateData(dateRange[0], dateRange[1]);
-    chartInstance.current.setOption(buildOption(data), true);
-  }, [dateRange, buildOption]);
-
-  const onRangeChange = (dates: [Dayjs | null, Dayjs | null] | null) => {
-    if (dates && dates[0] && dates[1]) {
-      setDateRange([dates[0].startOf("day"), dates[1].startOf("day")]);
-    }
-  };
-
-  return (
-    <div className={s.page}>
-      <div className={s.header}>
-        <h1>数据统计看板</h1>
-        <p>环境监测数据 · 每小时采样一次 · 拖动下方滑块或鼠标滚轮可浏览全部数据</p>
-      </div>
-      <div className={s.toolbar}>
-        <div className={s.toolbarLeft}>
-          <span className={s.label}>时间区间：</span>
-          <RangePicker
-            value={dateRange}
-            onChange={onRangeChange}
-            allowClear={false}
-            format="YYYY-MM-DD"
-            disabledDate={(current) => current && current > dayjs().endOf("day")}
-            presets={[
-              { label: "近 1 天", value: [dayjs().subtract(0, "day").startOf("day"), dayjs().startOf("day")] },
-              { label: "近 3 天", value: [dayjs().subtract(2, "day").startOf("day"), dayjs().startOf("day")] },
-              { label: "近 7 天", value: [dayjs().subtract(6, "day").startOf("day"), dayjs().startOf("day")] },
-              { label: "近 15 天", value: [dayjs().subtract(14, "day").startOf("day"), dayjs().startOf("day")] },
-              { label: "近 30 天", value: [dayjs().subtract(29, "day").startOf("day"), dayjs().startOf("day")] },
-            ]}
-          />
-        </div>
-        <div className={s.toolbarRight}>
-          <span className={s.info}>
-            共 <strong>{dateRange[1].diff(dateRange[0], "day") + 1}</strong> 天 /
-            <strong>{(dateRange[1].diff(dateRange[0], "day") + 1) * 24}</strong> 个数据点
-          </span>
-        </div>
-      </div>
-      <div className={s.chartWrapper}>
-        <div ref={chartRef} className={s.chart} />
-      </div>
-      <div className={s.tips}>
-        <span>💡 提示：拖动图表下方滑块可左右浏览数据，也可在图表区域内使用鼠标滚轮缩放</span>
-      </div>
-    </div>
-  );
-}

package/src/ly/chart/test.js

@@ -1,43 +0,0 @@
-const conditionGroups = [
-    {
-        "name": "振动传感器条件组",
-        "description": "加速度/速度/位移/频率阈值",
-        "logic": "or",
-        "alarm_level": "prompt",
-        "action": "notify",
-        "conditions": [
-            {
-                "field_name": "Acceleration   加速度",
-                "field_key": "/VibrationSensor/Acceleration",
-                "field_type": "float",
-                "operator": ">",
-                "value": data?.Acceleration,
-                "unit": ""
-            },
-            {
-                "field_name": "Vibration speed   振动速度",
-                "field_key": "/VibrationSensor/VibrationSpeed",
-                "field_type": "float",
-                "operator": ">",
-                "value": data?.VibrationSpeed,
-                "unit": ""
-            },
-            {
-                "field_name": "Vibration displacement   振动位移",
-                "field_key": "/VibrationSensor/VibrationDisplacement",
-                "field_type": "float",
-                "operator": ">",
-                "value": data?.VibrationDisplacement,
-                "unit": ""
-            },
-            {
-                "field_name": "Vibration frequency   振动频率",
-                "field_key": "/VibrationSensor/VibrationFrequency",
-                "field_type": "float",
-                "operator": ">",
-                "value": data?.VibrationFrequency,
-                "unit": ""
-            }
-        ]
-    }
-]