@appthen/cli 1.2.10 → 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;

package/tests/test-app/src/pages/testPage.css

@@ -0,0 +1,3 @@
+.a0qCtK4UEZH {
+	color: #4327ce;
+}

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

@@ -0,0 +1,158 @@
+/**
+ * 测试页面
+ * @type Page
+ * @screen 1400w
+ * @frames web
+ */
+import React from 'react';
+import { Page, Text, View } from '@appthen/react';
+import { Button } from '@appthen/antd';
+import './testPage.css';
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  text: string;
+  form: {
+    /* @example 1 */aaa?: string
+  };
+  arr: {
+    /* @example 1 */a?: string,
+    /* @example 2 */b?: string,
+    /* @example 3 */c?: string,
+  }[];
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = {
+    text: '# Fuckyou\n ## test \n asij**diaj**sidj',
+    form: { aaa: '1' },
+    arr: [
+      { a: '1', b: '2', c: '3' },
+      { a: '1', b: '2', c: '3' },
+    ],
+  };
+
+  /**
+   * refresh
+   */
+  refresh() {
+    this.forceUpdate();
+  }
+
+  /**
+   * 页面加载后执行
+   */
+  componentDidMount() {
+    console.log('did Mount');
+  }
+
+  returnTitle(text1) {
+    return this.renderHeader(text1);
+  }
+
+  renderHeader(text) {
+    const text2 = text + 'fuchhhk';
+    const node2 = (
+      <View
+        style={{
+          width: '50px',
+          height: '50px',
+          backgroundColor: 'red',
+        }}
+      >
+        {this.state.arr.map((item, index) => {
+          const { a, b } = item;
+          const str = a + b;
+          return <View children={str}></View>;
+        })}
+      </View>
+    );
+    const node = (
+      <View
+        style={{
+          width: '100px',
+          height: '100px',
+          backgroundColor: 'green',
+        }}
+      >
+        {node2}
+      </View>
+    );
+    return node;
+  }
+
+  render() {
+    const form = this.state.form;
+    return (
+      <Page>
+        <Button
+          type="primary"
+          htmlType="button"
+          size="middle"
+          shape="default"
+          block={false}
+          danger={false}
+          ghost={false}
+          disabled={false}
+          onClick={event => {
+            this.refresh();
+          }}
+        >
+          主按钮123456
+        </Button>
+        <View>
+          <Text className="text-sm text-[#333]">文本</Text>
+          <View>
+            <Text>{this.returnTitle('returnTitle1113331')}</Text>
+          </View>
+          <View className="bg-[#5d40ed]">
+            {this.state.arr.map((item, index) => {
+              const { b } = item;
+              const { text } = this.state;
+              const test = 'fuck_' + text;
+              const node = (
+                <View
+                  testProp={1}
+                  style={{
+                    width: '50px',
+                    height: '50px',
+                    backgroundColor: 'red',
+                  }}
+                >
+                  {test}
+                </View>
+              );
+              return (
+                <View className="flex flex-row">
+                  <View className="flex-1 flex flex-col justify-center items-center">
+                    <View>
+                      <Text>{node}</Text>
+                    </View>
+                    <Text className="text-sm text-[#ffffff]">{test}</Text>
+                  </View>
+                  <View className="flex-1 h-[76px] flex justify-center items-center">
+                    <Text className="text-lg text-[#ffffff]">
+                      {form?.aaa +
+                        'fuck' +
+                        this.state.text +
+                        '---' +
+                        b +
+                        '----' +
+                        index}
+                    </Text>
+                  </View>
+                </View>
+              );
+            })}
+          </View>
+        </View>
+      </Page>
+    );
+  }
+}
+
+export default Document;