neo-cmp-cli 1.3.7 → 1.3.9

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;
-  }
-}