neo-cmp-cli 1.3.7 → 1.3.8

package/src/template/neo-custom-cmp-template/src/components/contact-form/index.tsx

@@ -1,249 +0,0 @@
-import * as React from 'react';
-import { Form, Input, Select, Button, message, Card } from 'antd';
-// @ts-ignore
-import { xObject } from 'neo-open-api'; // Neo Open API
-const { Option } = Select;
-
-import './style.scss';
-
-interface ContactFormProps {
-  title: string;
-  showSubmitButton?: boolean;
-  data?: any;
-}
-
-interface ContactFormState {
-  formData: {
-    name: string;
-    entityType?: number;
-    phone__c: string;
-  };
-  entityTypeList: any[];
-  loading: boolean;
-}
-
-export default class ContactForm extends React.PureComponent<
-  ContactFormProps,
-  ContactFormState
-> {
-  private formRef: any;
-
-  constructor(props: ContactFormProps) {
-    super(props);
-
-    this.state = {
-      formData: {
-        name: 'wibetter',
-        phone__c: '15900000003',
-      },
-      entityTypeList: [],
-      loading: false,
-    };
-
-    // 获取业务类型列表
-    xObject.getEntityTypeList('customContact__c').then((res: any) => {
-      if (res && res.status) {
-        this.setState({
-          entityTypeList: res.data || [],
-        });
-      }
-    });
-
-    this.handleInputChange = this.handleInputChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-    this.resetForm = this.resetForm.bind(this);
-  }
-
-  handleInputChange(
-    field: keyof ContactFormState['formData'],
-    value: string | number,
-  ) {
-    this.setState((prevState) => ({
-      formData: {
-        ...prevState.formData,
-        [field]: value,
-      },
-    }));
-  }
-
-  validateForm() {
-    const { formData } = this.state;
-
-    if (!formData.name.trim()) {
-      message.error('请输入联系人姓名');
-      return false;
-    }
-
-    if (!formData.phone__c.trim()) {
-      message.error('请输入手机号');
-      return false;
-    }
-
-    // 手机号格式验证
-    const phoneRegex = /^1[3-9]\d{9}$/;
-    if (!phoneRegex.test(formData.phone__c)) {
-      message.error('请输入正确的手机号格式');
-      return false;
-    }
-
-    return true;
-  }
-
-  async handleSubmit() {
-    if (!this.validateForm()) {
-      return;
-    }
-    this.setState({ loading: true });
-
-    try {
-      const { formData } = this.state;
-      // 获取当前用户信息
-      const curAmisData = this.props.data || {};
-      const userInfo = curAmisData.__NeoCurrentUser;
-
-      // 准备提交的数据
-      let submitData = {
-        name: formData.name.trim(),
-        phone__c: formData.phone__c.trim(),
-        entityType: formData.entityType,
-      };
-
-      if (userInfo && userInfo.id) {
-        submitData = Object.assign(submitData, {
-          userId: userInfo.id, // 当前用户ID，非必填
-          dimDepart: userInfo.departId, // 当前用户所属部门ID，非必填
-        });
-      }
-
-      // 调用 API 提交数据
-      const response: any = await xObject.create('customContact__c', {
-        data: submitData,
-      });
-
-      if (response && response.status) {
-        message.success('联系人创建成功！');
-        // 成功后重置表单
-        setTimeout(() => {
-          this.resetForm();
-        }, 1000);
-      } else {
-        message.error('创建联系人失败:', response.msg);
-      }
-    } catch (error: any) {
-      message.error('创建联系人失败:', error);
-    } finally {
-      this.setState({ loading: false });
-    }
-  }
-
-  resetForm() {
-    this.setState({
-      formData: {
-        name: '',
-        phone__c: '',
-      },
-    });
-
-    // 重置 Ant Design 表单
-    if (this.formRef) {
-      this.formRef.resetFields();
-    }
-  }
-
-  render() {
-    const { title, showSubmitButton } = this.props;
-    const { formData, loading, entityTypeList } = this.state;
-    const curAmisData = this.props.data || {};
-    const systemInfo = curAmisData.__NeoSystemInfo || {};
-
-    return (
-      <div className="contact-form-container">
-        <Card
-          title={title || '创建联系人'}
-          extra={systemInfo.tenantName ? `【${systemInfo.tenantName}】` : ''}
-          className="contact-form-card"
-        >
-          <Form
-            ref={(ref) => {
-              this.formRef = ref;
-            }}
-            layout="vertical"
-            className="contact-form"
-            initialValues={formData}
-          >
-            <Form.Item
-              label="姓名"
-              required
-              rules={[{ required: true, message: '请输入联系人姓名' }]}
-            >
-              <Input
-                value={formData.name}
-                onChange={(e) => this.handleInputChange('name', e.target.value)}
-                placeholder="请输入联系人姓名"
-                disabled={loading}
-              />
-            </Form.Item>
-
-            <Form.Item
-              label="手机号"
-              required
-              rules={[
-                { required: true, message: '请输入手机号' },
-                { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号格式' },
-              ]}
-            >
-              <Input
-                value={formData.phone__c}
-                onChange={(e) =>
-                  this.handleInputChange('phone__c', e.target.value)
-                }
-                placeholder="请输入手机号"
-                disabled={loading}
-              />
-            </Form.Item>
-
-            <Form.Item label="业务类型">
-              <Select
-                value={formData.entityType}
-                onChange={(value) =>
-                  this.handleInputChange('entityType', value)
-                }
-                placeholder="请选择业务类型"
-                disabled={loading}
-              >
-                {entityTypeList.map((item) => (
-                  <Option
-                    key={item.apiKey}
-                    value={item.id}
-                    disabled={!item.active}
-                  >
-                    {item.label}
-                  </Option>
-                ))}
-              </Select>
-            </Form.Item>
-
-            {showSubmitButton && (
-              <Form.Item className="form-actions">
-                <Button
-                  onClick={this.resetForm}
-                  disabled={loading}
-                  style={{ marginRight: 8 }}
-                >
-                  重置
-                </Button>
-                <Button
-                  type="primary"
-                  onClick={this.handleSubmit}
-                  loading={loading}
-                >
-                  保存联系人
-                </Button>
-              </Form.Item>
-            )}
-          </Form>
-        </Card>
-      </div>
-    );
-  }
-}

package/src/template/neo-custom-cmp-template/src/components/contact-form/model.ts

@@ -1,63 +0,0 @@
-/**
- * @file 自定义组件对接编辑器的描述文件
- */
-export class ContactFormModel {
-  /**
-   * cmpType 为自定义组件名称，用于标识组件的唯一性
-   * 在构建时根据当前组件目录名称自动生成
-   */
-  // cmpType: string = 'contact-form';
-
-  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
-  label: string = '联系人表单';
-
-  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string =
-    '基于 Ant Design 的联系人表单组件，支持姓名、所有人、业务类型、所属部门、手机号等字段';
-
-  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示（可设置多个分类标签）
-  tags: string[] = ['自定义组件'];
-
-  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
-  iconSrc: string = 'https://custom-widgets.bj.bcebos.com/contact-form.svg';
-
-  // 初次插入页面的默认属性数据
-  defaultComProps = {
-    title: '创建联系人',
-    label: '联系人表单',
-    showSubmitButton: true,
-  };
-
-  // 设计器端预览时展示的默认数据
-  previewComProps = {
-    label: '联系人表单',
-  };
-
-  /**
-   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
-   */
-  propsSchema = [
-    {
-      type: 'textarea',
-      name: 'title',
-      label: '表单标题',
-      value: '创建联系人',
-      placeholder: '请输入表单标题',
-    },
-    {
-      type: 'switch',
-      name: 'showSubmitButton',
-      label: '显示提交按钮',
-      value: true,
-    },
-  ];
-
-  // 支持 函数式写法：propsSchemaCreator，com 为组件实例。优先级比 propsSchema 高
-  /*
-  propsSchemaCreator = (com: any) => {
-    return [];
-  };
-  */
-}
-
-export default ContactFormModel;

package/src/template/neo-custom-cmp-template/src/components/contact-form/style.scss

@@ -1,120 +0,0 @@
-.contact-form-container {
-  .contact-form-card {
-    .ant-card-head {
-      border-bottom: 1px solid #f0f0f0;
-
-      .ant-card-head-title {
-        font-size: 18px;
-        font-weight: 600;
-        color: #262626;
-      }
-    }
-
-    .contact-form {
-      .ant-form-item {
-        margin-bottom: 20px;
-
-        .ant-form-item-label {
-          padding-bottom: 4px;
-
-          label {
-            font-weight: 500;
-            color: #262626;
-
-            &.ant-form-item-required::before {
-              color: #ff4d4f;
-            }
-          }
-        }
-
-        .ant-input,
-        .ant-select-selector {
-          border-radius: 6px;
-          border-color: #d9d9d9;
-
-          &:hover {
-            border-color: #40a9ff;
-          }
-
-          &:focus,
-          &.ant-select-focused .ant-select-selector {
-            border-color: #1890ff;
-            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
-          }
-        }
-
-        .ant-select {
-          .ant-select-selector {
-            height: 40px;
-
-            .ant-select-selection-item {
-              line-height: 38px;
-            }
-          }
-        }
-
-        .ant-input {
-          height: 40px;
-        }
-      }
-
-      .form-actions {
-        margin-bottom: 0;
-        padding-top: 16px;
-        border-top: 1px solid #f0f0f0;
-        text-align: right;
-
-        .ant-btn {
-          height: 40px;
-          padding: 8px 24px;
-          border-radius: 6px;
-          font-weight: 500;
-
-          &.ant-btn-primary {
-            background-color: #1890ff;
-            border-color: #1890ff;
-
-            &:hover {
-              background-color: #40a9ff;
-              border-color: #40a9ff;
-            }
-
-            &:active {
-              background-color: #096dd9;
-              border-color: #096dd9;
-            }
-          }
-
-          &:not(.ant-btn-primary) {
-            color: #262626;
-            background-color: #fff;
-            border-color: #d9d9d9;
-
-            &:hover {
-              color: #1890ff;
-              border-color: #1890ff;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .contact-form-container {
-    .contact-form-card {
-      .contact-form {
-        .form-actions {
-          text-align: center;
-
-          .ant-btn {
-            width: 100%;
-            margin: 4px 0;
-          }
-        }
-      }
-    }
-  }
-}

package/src/template/react-ts-custom-cmp-template/src/components/info-card/index.tsx

@@ -1,69 +0,0 @@
-import * as React from 'react';
-import './style.scss'; // 组件内容样式
-
-interface InfoCardProps {
-  title: string;
-  backgroundImage: string;
-  imgCount: number;
-  commentCount: number;
-  data?: any;
-}
-
-export default class InfoCard extends React.PureComponent<InfoCardProps> {
-  constructor(props: InfoCardProps) {
-    super(props);
-    this.agreeDataFormat = this.agreeDataFormat.bind(this);
-  }
-
-  agreeDataFormat(agreeData: number) {
-    if (agreeData && agreeData <= 9999) {
-      return agreeData;
-    }
-    if (agreeData && agreeData > 9999) {
-      return `${Math.floor(agreeData / 1000) / 10}w`;
-    }
-    return '';
-  }
-
-  render() {
-    const { title, backgroundImage, imgCount, commentCount } = this.props;
-    console.log('当前自定义组件：', this.props, this);
-    const curAmisData = this.props.data || {};
-
-    const userInfo = curAmisData.__NeoCurrentUser;
-    const systemInfo = curAmisData.__NeoSystemInfo || {};
-
-    const curBackgroundImage =
-      backgroundImage || 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg';
-    return (
-      <div className="info-card-container">
-        <div className="news-title">
-          {title ||
-            '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。'}
-          {systemInfo.tenantName ? `【${systemInfo.tenantName}】` : ''}
-        </div>
-        <div className="item-imgbox">
-          {userInfo && userInfo.icon && (
-            <div className="user-info-box">
-              <img src={userInfo.icon} className="user-icon" />
-              <span className="user-name">{userInfo.name}</span>
-            </div>
-          )}
-          <div
-            className="news-img"
-            style={{ backgroundImage: `url(${curBackgroundImage})` }}
-          ></div>
-          {imgCount > 0 && <div className="img-count">{imgCount}</div>}
-        </div>
-        <div className="news-info">
-          <div className="left media-mark">NeoCRM · 低代码平台</div>
-          {commentCount && commentCount > 0 && (
-            <div className="cmt-num right">
-              {this.agreeDataFormat(commentCount)}评
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-}

package/src/template/react-ts-custom-cmp-template/src/components/info-card/model.ts

@@ -1,78 +0,0 @@
-/**
- * @file 自定义组件对接编辑器的描述文件
- */
-export class InfoCardModel {
-  /**
-   * cmpType 为自定义组件名称，用于标识组件的唯一性
-   * 在构建时根据当前组件目录名称自动生成
-   */
-  // cmpType: string = 'info-card';
-
-  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
-  label: string = '信息卡片';
-
-  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '信息展示卡片';
-
-  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示（可设置多个分类标签）
-  tags: string[] = ['自定义组件'];
-
-  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
-  iconSrc: string = 'https://neo-widgets.bj.bcebos.com/custom-widget.svg';
-  // iconSrc = 'https://neo-widgets.bj.bcebos.com/favicon.png';
-
-  // 初次插入页面的默认属性数据
-  defaultComProps = {
-    title:
-      '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。',
-    label: '信息卡片',
-    backgroundImage: 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg',
-    imgCount: 3,
-    commentCount: 2025,
-  };
-
-  // 设计器端预览时展示的默认数据
-  previewComProps = {
-    label: '信息卡片',
-  };
-
-  /**
-   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
-   */
-  propsSchema = [
-    {
-      type: 'textarea',
-      name: 'title',
-      label: '卡片title',
-      value:
-        '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。',
-    },
-    {
-      type: 'text',
-      name: 'backgroundImage',
-      label: '展示图片',
-      value: 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg',
-    },
-    {
-      type: 'number',
-      name: 'imgCount',
-      label: '图片数量',
-      value: 3,
-    },
-    {
-      type: 'number',
-      name: 'commentCount',
-      label: '评论数',
-      value: 2025,
-    },
-  ];
-
-  // 支持 函数式写法：propsSchemaCreator，com 为组件实例。优先级比 propsSchema 高
-  /*
-  propsSchemaCreator = (com: any) => {
-    return [];
-  };
-  */
-}
-
-export default InfoCardModel;

package/src/template/react-ts-custom-cmp-template/src/components/info-card/style.scss

@@ -1,105 +0,0 @@
-:root {
-  --padding-bottom: 12px;
-}
-
-.info-card-container {
-  position: relative;
-  box-sizing: border-box;
-
-  /* border-bottom: 1px solid #ececec; */
-  margin: 6px 12px;
-  padding: 6px var(--padding-bottom);
-  background-color: #fff;
-
-  .news-title {
-    padding: 6px 0;
-    font-family: PingFangSC-Regular;
-    font-size: 16px;
-    line-height: 22px;
-    color: #5f5e5e;
-  }
-
-  .item-imgbox {
-    position: relative;
-    height: 395px;
-    background: #f0f0f0;
-    cursor: pointer;
-    box-sizing: border-box;
-    text-align: center;
-    overflow: hidden;
-
-    .news-img {
-      width: 100%;
-      height: 100%;
-      box-sizing: border-box;
-      background-size: contain;
-    }
-
-    .img-count {
-      position: absolute;
-      top: 0;
-      right: 0;
-      padding: 6px 8px;
-      color: #fff;
-      min-width: 60px;
-      text-align: center;
-      line-height: 1.2;
-      background: rgb(0 0 0 / 40%);
-      font-size: 25px;
-      box-sizing: border-box;
-      overflow: hidden;
-    }
-
-    .user-info-box {
-      position: absolute;
-      top: 10px;
-      left: 10px;
-      width: 100px;
-      min-height: 100px;
-      padding: 6px 8px;
-      color: #fff;
-      min-width: 60px;
-      text-align: center;
-      line-height: 1.2;
-      background: rgb(0 0 0 / 40%);
-      font-size: 25px;
-      box-sizing: border-box;
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-
-      .user-icon {
-        width: 64px;
-        height: 64px;
-        border-radius: 50%;
-      }
-
-      .user-name {
-        font-size: 16px;
-        font-weight: 600;
-        margin-top: 10px;
-      }
-    }
-  }
-
-  .news-info {
-    font-family: PingFangSC-Light;
-    height: 28px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .media-mark,
-  .cmt-num {
-    display: inline-block;
-    height: 28px;
-    line-height: 28px;
-    font-family: PingFangSC-Light;
-    font-size: 18px;
-    color: #828282;
-  }
-}