@lxzy/code-snippet 0.0.7 → 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.7",
+  "version": "0.0.9",
   "files": [
     "*",
     "!dist",

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>