@appthen/cli 1.2.11 → 1.2.12

package/tests/test-app/src/pages/test-page-with-errors.tsx

@@ -0,0 +1,51 @@
+/**
+ * 测试页面 - 包含错误的示例
+ * @type Page
+ * @screen 1920w
+ * @frames web
+ */
+import React from 'react';
+
+
+
+class IProps {
+  title?: string;
+}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  users?: string[];
+  loading?: boolean;
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = { users: [], loading: false };
+
+  /**
+   * 已修复：移除方法参数类型注解
+   */
+  handleClick(event) {
+    console.log('Clicked', event);
+  }
+
+  /**
+   * 已修复：移除方法返回类型注解
+   */
+  getUserCount() {
+    return this.state.users?.length || 0;
+  }
+
+  render() {
+    return (
+      <Page className="p-[24px]">
+        <h1>{this.props.title}</h1>
+        <p>用户数量:{0}</p>
+        <button onClick={() => this.handleClick()}>点击我</button>
+      </Page>
+    );
+  }
+}
+
+export default Document;

package/tests/test-app/src/pages/test-page.tsx

@@ -0,0 +1,101 @@
+/**
+ * 测试页面 - 演示TSX规范错误和修复
+ * @type Page
+ * @route /test
+ * @screen 1920w
+ * @frames web
+ */
+import React from 'react';
+
+
+
+class IProps {
+  title?: string;
+}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  users?: {
+    /* @example 1 */id?: number,
+    /* @example 张三 */name?: string,
+    /* @example zhangsan@example.com */email?: string,
+  }[];
+  loading?: boolean;
+  selectedUser?: any;
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = {
+    users: [
+      { id: 1, name: '张三', email: 'zhangsan@example.com' },
+      { id: 2, name: '李四', email: 'lisi@example.com' },
+    ],
+    loading: false,
+    selectedUser: null,
+  };
+
+  handleSelectUser(user) {
+    this.setState({
+      selectedUser: user,
+    });
+  }
+
+  isUserActive() {
+    return this.state.selectedUser?.active || false;
+  }
+
+  handleLoadData(page, size) {
+    return new Promise(resolve => {
+      this.setState({
+        loading: true,
+      });
+      setTimeout(() => {
+        this.setState({
+          loading: false,
+        });
+        resolve();
+      }, 1000);
+    });
+  }
+
+  render() {
+    return (
+      <Page className="p-[24px]">
+        <h1>{this.props.title}</h1>
+        {!!this.state.selectedUser && (
+          <p>已选择用户:{this.state.selectedUser?.name}</p>
+        )}
+        <Button type="primary" onClick={() => this.handleLoadData(1, 10)}>
+          加载数据
+        </Button>
+        <Table
+          columns={[
+            { title: '姓名', dataIndex: 'name', key: 'name' },
+            {
+              title: '邮箱',
+              dataIndex: 'email',
+              render: text => <Text>{text}</Text>,
+            },
+            {
+              title: '操作',
+              render: record => (
+                <Button
+                  size="small"
+                  onClick={() => this.handleSelectUser(record)}
+                >
+                  选择
+                </Button>
+              ),
+            },
+          ]}
+          dataSource={this.state.users}
+          loading={this.state.loading}
+        />
+      </Page>
+    );
+  }
+}
+
+export default Document;

package/tests/test-app/src/pages/test-render.tsx

@@ -0,0 +1,52 @@
+/**
+ * 测试render方法
+ * @type Page
+ * @route /test-render
+ * @screen 1920w
+ * @frames web
+ */
+import React from 'react';
+
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  count?: number;
+  loading?: boolean;
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = { count: 0, loading: false };
+
+  handleClick() {
+    this.setState({
+      count: this.state.count + 1,
+    });
+  }
+
+  render() {
+    // ❌ 违反规范：render() 中有变量声明
+    const count = this.state.count;
+
+    // ❌ 违反规范：render() 中有逻辑语句
+    // ❌ 违反规范：render() 中有逻辑语句
+    // ❌ 违反规范：render() 中有逻辑语句
+    // ❌ 违反规范：render() 中有逻辑语句
+    if (this.state.loading) {
+      return <div>加载中...</div>;
+    }
+    return (
+      <Page className="p-[24px]">
+        <h1>测试 render 方法</h1>
+        <p>计数:{count}</p>
+        <Button onClick={() => this.handleClick()}>点击</Button>
+      </Page>
+    );
+  }
+}
+
+export default Document;

package/tests/test-app/src/pages/test-return-type.tsx

@@ -0,0 +1,41 @@
+/**
+ * 测试返回类型
+ * @type Page
+ * @route /test-return-type
+ * @screen 1920w
+ * @frames web
+ */
+import React from 'react';
+
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  count?: number;
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = { count: 0 };
+
+  handleClick() {
+    this.setState({
+      count: this.state.count + 1,
+    });
+  }
+
+  render() {
+    return (
+      <Page className="p-[24px]">
+        <h1>测试返回类型</h1>
+        <p>计数:{this.state.count}</p>
+        <Button onClick={() => this.handleClick()}>点击</Button>
+      </Page>
+    );
+  }
+}
+
+export default Document;

package/tests/test-app/src/pages/test-type-assertion.tsx

@@ -0,0 +1,37 @@
+/**
+ * 测试类型断言
+ * @type Page
+ * @route /test-type-assertion
+ * @screen 1920w
+ * @frames web
+ */
+import React from 'react';
+
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  user?: any;
+}
+
+
+class Document extends React.Component<IProps, IState> {
+  state = {"user": null}
+  
+
+handleClick() {
+// ❌ 违反规范：使用类型断言 as any
+  const data = this.state.user as any;
+  console.log(data.name);
+}
+
+  render() {
+    return (<Page className="p-[24px]"><h1>测试类型断言</h1><Button onClick={() => this.handleClick()}>点击</Button></Page>);
+  }
+}
+
+export default Document;