neo-cmp-cli 1.1.8 → 1.1.10

package/src/template/echart-custom-cmp-template/src/components/list-widget/index.tsx

@@ -1,208 +0,0 @@
-import * as React from 'react';
-import './style.scss';
-
-interface ListItem {
-  id: string;
-  title: string;
-  description: string;
-  image: string;
-  author: string;
-  createTime: string;
-  views: number;
-  likes: number;
-  comments: number;
-  tags: string[];
-  status: 'published' | 'draft' | 'archived';
-}
-
-interface ListWidgetProps {
-  title: string;
-  showImage: boolean;
-  showTags: boolean;
-  itemCount: number;
-  listType: 'default' | 'card' | 'simple';
-  data?: any;
-}
-
-/**
- * 通过 Cursor 生成的一个自定义组件示例
- * 组件名：ListWidget
- * 组件描述：支持配置的列表展示组件，内置模拟数据
- */
-export default class ListWidget extends React.PureComponent<ListWidgetProps> {
-  constructor(props: ListWidgetProps) {
-    super(props);
-    this.generateMockData = this.generateMockData.bind(this);
-    this.formatNumber = this.formatNumber.bind(this);
-    this.renderListItem = this.renderListItem.bind(this);
-  }
-
-  // 生成模拟数据
-  generateMockData(count: number): ListItem[] {
-    const mockTitles = [
-      '营销服全场景智能CRM解决方案',
-      '企业数字化转型最佳实践',
-      '客户关系管理新趋势分析',
-      '数字化营销策略深度解析',
-      '智能客服系统优化方案',
-      '数据驱动的客户洞察',
-      '全渠道客户体验提升',
-      'AI赋能销售管理创新',
-    ];
-
-    const mockDescriptions = [
-      '帮助企业搭建数字化客户经营平台，实现业绩高质量增长，提升客户满意度和忠诚度。',
-      '通过数据分析和智能算法，为企业提供精准的客户画像和个性化服务方案。',
-      '整合多渠道客户触点，打造无缝的客户体验，提升品牌价值和市场竞争力。',
-      '运用人工智能技术，优化销售流程，提高转化率，降低获客成本。',
-      '建立完善的客户数据体系，实现精准营销和个性化推荐，提升客户价值。',
-      '通过智能分析客户行为，预测客户需求，提前制定营销策略。',
-      '构建全生命周期客户管理体系，从获客到留存的全流程优化。',
-      '利用大数据和机器学习技术，实现客户价值的最大化挖掘。',
-    ];
-
-    const mockAuthors = [
-      '张三',
-      '李四',
-      '王五',
-      '赵六',
-      '钱七',
-      '孙八',
-      '周九',
-      '吴十',
-    ];
-    const mockTags = [
-      'CRM',
-      '营销',
-      '数字化',
-      'AI',
-      '数据分析',
-      '客户管理',
-      '智能客服',
-      '企业服务',
-    ];
-    const mockImages = [
-      'https://picsum.photos/400/200?random=1',
-      'https://picsum.photos/400/200?random=2',
-      'https://picsum.photos/400/200?random=3',
-      'https://picsum.photos/400/200?random=4',
-      'https://picsum.photos/400/200?random=5',
-      'https://picsum.photos/400/200?random=6',
-      'https://picsum.photos/400/200?random=7',
-      'https://picsum.photos/400/200?random=8',
-    ];
-
-    return Array.from({ length: count }, (_, index) => ({
-      id: `item-${index + 1}`,
-      title: mockTitles[index % mockTitles.length],
-      description: mockDescriptions[index % mockDescriptions.length],
-      image: mockImages[index % mockImages.length],
-      author: mockAuthors[index % mockAuthors.length],
-      createTime: new Date(
-        Date.now() - Math.random() * 30 * 24 * 60 * 60 * 1000,
-      ).toLocaleDateString(),
-      views: Math.floor(Math.random() * 1000) + 100,
-      likes: Math.floor(Math.random() * 500) + 50,
-      comments: Math.floor(Math.random() * 200) + 10,
-      tags: mockTags.slice(0, Math.floor(Math.random() * 3) + 1),
-      status: ['published', 'draft', 'archived'][
-        Math.floor(Math.random() * 3)
-      ] as 'published' | 'draft' | 'archived',
-    }));
-  }
-
-  // 格式化数字显示
-  formatNumber(num: number): string {
-    if (num < 1000) return num.toString();
-    if (num < 10000) return `${(num / 1000).toFixed(1)}k`;
-    return `${(num / 10000).toFixed(1)}w`;
-  }
-
-  // 获取状态标签颜色
-  getStatusColor(status: string): string {
-    const statusMap: { [key: string]: string } = {
-      published: 'green',
-      draft: 'orange',
-      archived: 'gray',
-    };
-    return statusMap[status] || 'default';
-  }
-
-  // 获取状态文本
-  getStatusText(status: string): string {
-    const statusMap: { [key: string]: string } = {
-      published: '已发布',
-      draft: '草稿',
-      archived: '已归档',
-    };
-    return statusMap[status] || '未知';
-  }
-
-  // 渲染列表项内容
-  renderListItem(item: ListItem) {
-    const { showImage, showTags } = this.props;
-
-    return (
-      <div key={item.id} className="list-item">
-        {showImage && (
-          <div className="item-image">
-            <img src={item.image} alt={item.title} />
-          </div>
-        )}
-        <div className="item-content">
-          <div className="item-header">
-            <h3 className="item-title">{item.title}</h3>
-            <span
-              className={`item-status status-${this.getStatusColor(
-                item.status,
-              )}`}
-            >
-              {this.getStatusText(item.status)}
-            </span>
-          </div>
-          <div className="item-description">{item.description}</div>
-          <div className="item-meta">
-            <div className="item-meta-info">
-              <span className="meta-item">作者：{item.author}</span>
-              <span className="meta-separator">·</span>
-              <span className="meta-item">发布时间：{item.createTime}</span>
-            </div>
-            {showTags && item.tags.length > 0 && (
-              <div className="item-tags">
-                {item.tags.map((tag, index) => (
-                  <span key={index} className="tag">
-                    {tag}
-                  </span>
-                ))}
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  render() {
-    const { title, itemCount, listType, data } = this.props;
-
-    const curAmisData = data || {};
-    const systemInfo = curAmisData.__NeoSystemInfo || {};
-
-    const mockData = this.generateMockData(itemCount);
-
-    return (
-      <div className="list-widget-container">
-        <div className="list-header">
-          <h2 className="list-title">
-            {title || '内容列表'}
-            {systemInfo.tenantName ? `【${systemInfo.tenantName}】` : ''}
-          </h2>
-        </div>
-
-        <div className={`list-content list-${listType}`}>
-          {mockData.map((item) => this.renderListItem(item))}
-        </div>
-      </div>
-    );
-  }
-}

package/src/template/echart-custom-cmp-template/src/components/list-widget/model.ts

@@ -1,90 +0,0 @@
-/**
- * @file 列表组件对接编辑器的描述文件
- */
-export class ListWidgetModel {
-  /**
-   * cmpType 为自定义组件名称，用于标识组件的唯一性
-   * 在构建时根据当前组件目录名称自动生成
-   */
-  // cmpType: string = 'list-widget';
-
-  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
-  label: string = '列表组件';
-
-  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '支持配置的列表展示组件，内置模拟数据';
-
-  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示（可设置多个分类标签）
-  tags: string[] = ['自定义组件'];
-
-  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
-  iconSrc: string = 'https://neo-widgets.bj.bcebos.com/favicon.png';
-  // iconSrc: string = 'https://custom-widgets.bj.bcebos.com/custom-icon1.svg'; // custom-icon2
-
-  // 初次插入页面的默认属性数据
-  defaultComProps = {
-    title: '内容列表',
-    label: '列表组件',
-    showImage: true,
-    showTags: true,
-    itemCount: 8,
-    listType: 'default',
-  };
-
-  // 设计器端预览时展示的默认数据
-  previewComProps = {
-    label: '列表组件',
-  };
-
-  /**
-   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
-   */
-  propsSchema = [
-    {
-      type: 'text',
-      name: 'title',
-      label: '列表标题',
-      value: '内容列表',
-    },
-    {
-      type: 'switch',
-      name: 'showImage',
-      label: '显示图片',
-      value: true,
-    },
-    {
-      type: 'switch',
-      name: 'showTags',
-      label: '显示标签',
-      value: true,
-    },
-    {
-      type: 'number',
-      name: 'itemCount',
-      label: '列表项数量',
-      value: 8,
-      min: 1,
-      max: 50,
-    },
-    {
-      type: 'radios',
-      name: 'listType',
-      label: '列表样式',
-      value: 'default',
-      options: [
-        { label: '默认样式', value: 'default' },
-        { label: '卡片样式', value: 'card' },
-        { label: '简洁样式', value: 'simple' },
-      ],
-    },
-  ];
-
-  // 支持 函数式写法：propsSchemaCreator，com 为组件实例。优先级比 propsSchema 高
-  /*
-  propsSchemaCreator = (com: any) => {
-    return [];
-  };
-  */
-}
-
-export default ListWidgetModel;

package/src/template/echart-custom-cmp-template/src/components/list-widget/style.scss

@@ -1,350 +0,0 @@
-:root {
-  --list-padding: 16px;
-  --list-border-radius: 8px;
-  --list-shadow: 0 2px 8px rgb(0 0 0 / 10%);
-  --list-hover-shadow: 0 4px 12px rgb(0 0 0 / 15%);
-}
-
-.list-widget-container {
-  position: relative;
-  box-sizing: border-box;
-  margin: 12px;
-  padding: var(--list-padding);
-  background-color: #fff;
-  border-radius: var(--list-border-radius);
-  box-shadow: var(--list-shadow);
-
-  .list-header {
-    margin-bottom: 20px;
-    padding-bottom: 16px;
-    border-bottom: 2px solid #f0f0f0;
-    position: relative;
-
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: -2px;
-      left: 0;
-      width: 40px;
-      height: 2px;
-      background: linear-gradient(90deg, #1890ff, #40a9ff);
-      border-radius: 1px;
-    }
-
-    .list-title {
-      margin: 0;
-      color: #262626;
-      font-weight: 600;
-      font-size: 20px;
-      position: relative;
-    }
-  }
-
-  .list-content {
-    .list-item {
-      padding: 18px 0;
-      border-bottom: 1px solid #f5f5f5;
-      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-      position: relative;
-
-      &::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 0;
-        bottom: 0;
-        width: 3px;
-        background: linear-gradient(180deg, #1890ff, #40a9ff);
-        opacity: 0;
-        transition: opacity 0.3s ease;
-        border-radius: 0 2px 2px 0;
-      }
-
-      &:hover {
-        background-color: #fafafa;
-        border-radius: 8px;
-        margin: 0 -12px;
-        padding: 18px 12px;
-        box-shadow: var(--list-hover-shadow);
-        transform: translateX(4px);
-
-        &::before {
-          opacity: 1;
-        }
-      }
-
-      &:last-child {
-        border-bottom: none;
-      }
-
-      .item-image {
-        width: 100%;
-        height: 200px;
-        margin-bottom: 16px;
-        border-radius: 8px;
-        overflow: hidden;
-        position: relative;
-
-        img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-          transition: transform 0.3s ease;
-        }
-
-        &:hover img {
-          transform: scale(1.05);
-        }
-      }
-
-      .item-content {
-        .item-header {
-          display: flex;
-          justify-content: space-between;
-          align-items: flex-start;
-          margin-bottom: 8px;
-          gap: 12px;
-
-          .item-title {
-            margin: 0;
-            color: #262626;
-            font-weight: 500;
-            line-height: 1.4;
-            flex: 1;
-            font-size: 16px;
-          }
-
-          .item-status {
-            padding: 2px 6px;
-            border-radius: 4px;
-            font-size: 11px;
-            line-height: 1.2;
-            font-weight: 500;
-
-            &.status-green {
-              background-color: #f6ffed;
-              color: #52c41a;
-              border: 1px solid #b7eb8f;
-            }
-
-            &.status-orange {
-              background-color: #fff7e6;
-              color: #fa8c16;
-              border: 1px solid #ffd591;
-            }
-
-            &.status-gray {
-              background-color: #f5f5f5;
-              color: #8c8c8c;
-              border: 1px solid #d9d9d9;
-            }
-          }
-        }
-
-        .item-description {
-          margin-bottom: 12px;
-          line-height: 1.6;
-          color: #595959;
-          font-size: 14px;
-          display: box;
-          -webkit-line-clamp: 2;
-          line-clamp: 2;
-          -webkit-box-orient: vertical;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-
-        .item-meta {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          flex-wrap: wrap;
-          gap: 8px;
-
-          .item-meta-info {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-
-            .meta-item {
-              color: #8c8c8c;
-              font-size: 12px;
-            }
-
-            .meta-separator {
-              color: #8c8c8c;
-              font-size: 12px;
-            }
-          }
-
-          .item-tags {
-            display: flex;
-            gap: 6px;
-            flex-wrap: wrap;
-
-            .tag {
-              padding: 2px 6px;
-              background-color: #e6f7ff;
-              color: #1890ff;
-              border: 1px solid #91d5ff;
-              border-radius: 4px;
-              font-size: 11px;
-              line-height: 1.2;
-            }
-          }
-        }
-      }
-    }
-
-    // 卡片样式
-    &.list-card {
-      .list-item {
-        margin-bottom: 12px;
-        padding: 16px;
-        background: #fff;
-        border: 1px solid #f0f0f0;
-        border-radius: var(--list-border-radius);
-        box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
-
-        &:hover {
-          box-shadow: var(--list-hover-shadow);
-          border-color: #d9d9d9;
-          transform: translateY(-2px);
-        }
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-
-        .item-image {
-          height: 180px;
-          margin-bottom: 12px;
-        }
-      }
-    }
-
-    // 简洁样式
-    &.list-simple {
-      .list-item {
-        padding: 12px 0;
-        border-bottom: 1px solid #f0f0f0;
-
-        &:hover {
-          background-color: transparent;
-          box-shadow: none;
-          margin: 0;
-          padding: 12px 6px;
-        }
-
-        .item-image {
-          height: 120px;
-          margin-bottom: 8px;
-        }
-
-        .item-content {
-          .item-header {
-            margin-bottom: 4px;
-
-            .item-title {
-              font-size: 14px;
-              font-weight: 400;
-            }
-          }
-
-          .item-description {
-            font-size: 12px;
-            color: #8c8c8c;
-            margin-bottom: 8px;
-            -webkit-line-clamp: 1;
-            line-clamp: 1;
-          }
-
-          .item-meta {
-            .item-tags {
-              .tag {
-                font-size: 10px;
-                padding: 1px 4px;
-                line-height: 1.1;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .list-widget-container {
-    margin: 8px;
-    padding: 12px;
-
-    .list-content {
-      .list-item {
-        .item-content {
-          .item-header {
-            flex-direction: column;
-            align-items: flex-start;
-            gap: 8px;
-
-            .item-title {
-              margin-right: 0;
-            }
-          }
-
-          .item-meta {
-            flex-direction: column;
-            align-items: flex-start;
-            gap: 8px;
-          }
-        }
-      }
-    }
-  }
-}
-
-// 暗色主题支持
-@media (prefers-color-scheme: dark) {
-  .list-widget-container {
-    background-color: #1f1f1f;
-    color: #fff;
-
-    .list-header {
-      border-bottom-color: #303030;
-
-      .list-title {
-        color: #fff;
-      }
-    }
-
-    .list-content {
-      .list-item {
-        border-bottom-color: #303030;
-
-        &:hover {
-          background-color: #2a2a2a;
-        }
-
-        .item-content {
-          .item-header {
-            .item-title {
-              color: #fff;
-            }
-          }
-
-          .item-description {
-            color: #ccc;
-          }
-        }
-      }
-
-      &.list-card {
-        .list-item {
-          background: #1f1f1f;
-          border-color: #303030;
-        }
-      }
-    }
-  }
-}