neo-cmp-cli 1.13.15 → 1.13.17

package/template/neo-bi-cmps/src/components/aiCommitDrawer__c/model.ts

@@ -1,90 +0,0 @@
-export class AiCommitDrawerModel {
-  label: string = 'AI推荐抽屉';
-  description: string =
-    '展示AI推荐的Commit商机，支持From Pipeline和From Commit两个Tab';
-  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/aiCommitDrawer.svg';
-  targetPage: string[] = ['all'];
-  targetDevice: string = 'all';
-
-  defaultComProps = {
-    visible: false,
-    totalAmount: '$6,800,000',
-    closedAmount: '$3,200,000',
-    closedCount: 5,
-    tabs: [
-      {
-        key: 'pipeline',
-        label: 'From Open Pipeline',
-        amount: '$2,500,000',
-        count: 2,
-      },
-      { key: 'commit', label: 'From Commit', amount: '$1,800,000', count: 2 },
-    ],
-    pipelineDeals: [
-      {
-        id: '1',
-        name: 'Starlight Initiative',
-        account: 'Tencent',
-        amount: '$500,000',
-        stage: 'Pipeline',
-        closeDate: '2026-05-20',
-        aiScore: '52%',
-        description:
-          'Strong engagement signals and past wins with this account',
-      },
-      {
-        id: '2',
-        name: 'Galaxy Partnership',
-        account: 'Alibaba',
-        amount: '$2,000,000',
-        stage: 'Best Case',
-        closeDate: '2026-05-10',
-        aiScore: '45%',
-        description: 'High product usage and active engagement in last 7 days',
-      },
-    ],
-    commitDeals: [
-      {
-        id: '3',
-        name: 'Aurora Solution',
-        account: 'ByteDance',
-        amount: '$800,000',
-        stage: 'Commit',
-        closeDate: '2026-04-30',
-        aiScore: '91%',
-      },
-      {
-        id: '4',
-        name: 'Apollo Project',
-        account: 'Huawei Tech',
-        amount: '$1,000,000',
-        stage: 'Commit',
-        closeDate: '2026-04-15',
-        aiScore: '86%',
-      },
-    ],
-  };
-
-  functions = [
-    {
-      apiKey: 'openDrawer',
-      label: '打开抽屉',
-      helpTextKey: '打开AI推荐抽屉',
-    },
-    {
-      apiKey: 'closeDrawer',
-      label: '关闭抽屉',
-      helpTextKey: '关闭AI推荐抽屉',
-    },
-  ];
-
-  propsSchema = [
-    {
-      type: 'boolean',
-      name: 'visible',
-      label: '是否显示',
-    },
-  ];
-}
-
-export default AiCommitDrawerModel;

package/template/neo-bi-cmps/src/components/aiCommitDrawer__c/style.scss

@@ -1,218 +0,0 @@
-.ai-commit-drawer__c-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.3);
-  z-index: 150;
-}
-
-.ai-commit-drawer__c {
-  position: fixed;
-  top: 0;
-  right: 0;
-  width: 480px;
-  height: 100%;
-  background: #fff;
-  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
-  overflow-y: auto;
-  padding: 24px;
-
-  .drawer-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-
-    h3 {
-      font-size: 16px;
-      margin: 0;
-    }
-
-    .close-btn {
-      border: none;
-      background: none;
-      font-size: 20px;
-      cursor: pointer;
-      color: #999;
-
-      &:hover {
-        color: #333;
-      }
-    }
-  }
-
-  .drawer-summary {
-    font-size: 12px;
-    color: #888;
-    margin-bottom: 20px;
-
-    .summary-amount {
-      font-weight: 700;
-      color: #6366f1;
-      font-size: 16px;
-    }
-
-    .summary-desc {
-      margin-left: 4px;
-    }
-  }
-
-  .closed-summary {
-    background: #f8f9fa;
-    border-radius: 10px;
-    padding: 16px;
-    margin-bottom: 20px;
-
-    .closed-info {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    .closed-label {
-      font-size: 12px;
-      color: #888;
-      margin-bottom: 2px;
-    }
-
-    .closed-amount {
-      font-size: 20px;
-      font-weight: 700;
-    }
-
-    .closed-count {
-      font-size: 12px;
-      color: #999;
-    }
-  }
-
-  .drawer-tabs {
-    display: flex;
-    gap: 0;
-    margin-bottom: 16px;
-    border-bottom: 2px solid #e5e7eb;
-  }
-
-  .ai-commit-tab {
-    padding: 8px 16px;
-    font-size: 13px;
-    font-weight: 600;
-    cursor: pointer;
-    border: none;
-    background: none;
-    color: #999;
-    border-bottom: 2px solid transparent;
-    margin-bottom: -2px;
-    transition: all 0.2s;
-    white-space: nowrap;
-
-    &:hover {
-      color: #6366f1;
-    }
-
-    &.active {
-      color: #6366f1;
-      border-bottom-color: #6366f1;
-    }
-  }
-
-  .drawer-content {
-    .deal-card {
-      border: 1px solid #e5e7eb;
-      border-left: 3px solid #6366f1;
-      border-radius: 10px;
-      padding: 14px;
-      margin-bottom: 10px;
-
-      .deal-card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: start;
-        margin-bottom: 6px;
-      }
-
-      .deal-info {
-        flex: 1;
-      }
-
-      .deal-name {
-        font-weight: 600;
-        font-size: 14px;
-      }
-
-      .deal-account {
-        font-size: 12px;
-        color: #888;
-      }
-
-      .deal-meta {
-        font-size: 11px;
-        color: #888;
-        margin-top: 2px;
-      }
-
-      .deal-stage {
-        background: #f0f0f0;
-        padding: 1px 6px;
-        border-radius: 3px;
-        font-size: 10px;
-      }
-
-      .deal-score {
-        color: #6366f1;
-        font-weight: 600;
-        font-size: 13px;
-      }
-
-      .deal-description {
-        font-size: 12px;
-        color: #666;
-        background: #f8f9fa;
-        padding: 6px 8px;
-        border-radius: 4px;
-        margin-bottom: 10px;
-      }
-
-      .deal-actions {
-        display: flex;
-        gap: 8px;
-      }
-
-      .btn-prioritize {
-        flex: 1;
-        padding: 7px;
-        border: none;
-        border-radius: 6px;
-        background: #6366f1;
-        color: #fff;
-        cursor: pointer;
-        font-size: 12px;
-        font-weight: 600;
-        transition: opacity 0.2s;
-
-        &:hover {
-          opacity: 0.9;
-        }
-      }
-
-      .btn-dismiss {
-        flex: 1;
-        padding: 7px;
-        border: 1px solid #ddd;
-        border-radius: 6px;
-        background: #fff;
-        cursor: pointer;
-        font-size: 12px;
-        color: #666;
-        transition: all 0.2s;
-
-        &:hover {
-          border-color: #6366f1;
-          color: #6366f1;
-        }
-      }
-    }
-  }
-}

package/template/neo-bi-cmps/src/components/forecastChart__c/README.md

@@ -1,31 +0,0 @@
-# ForecastChart 组件
-
-预测看板图表组件，展示预测数据的堆叠柱状图。
-
-## 使用方式
-
-```tsx
-import ForecastChart from './components/forecastChart__c';
-
-<ForecastChart
-  title="Forecast Overview"
-  quotaValue="$10M"
-  forecastValue="$7.5M"
-  aiValue="$6.8M"
-  columns={[
-    { label: 'Closed', value: '$3.2M', color: '#3b82f6' },
-    { label: 'Commit', value: '$2.5M', color: '#22c55e' },
-  ]}
-/>
-```
-
-## Props
-
-| 属性 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| title | 标题 | string | 'Forecast Overview' |
-| quotaValue | Quota值 | string | '$10M' |
-| forecastValue | Forecast值 | string | '$7.5M' |
-| aiValue | AI预测值 | string | '$6.8M' |
-| columns | 柱状图数据 | ChartColumn[] | [] |
-| showAiButton | 显示AI按钮 | boolean | true |

package/template/neo-bi-cmps/src/components/forecastChart__c/index.tsx

@@ -1,158 +0,0 @@
-/**
- * @file 预测看板图表组件
- * @description 展示预测数据的堆叠柱状图，包含Closed、Commit、Best Case、Pipeline等
- */
-import * as React from 'react';
-// @ts-ignore
-import { BaseCmp, StatusHoc, NeoEvent } from 'neo-ui-common';
-
-import './style.scss';
-
-interface ChartColumn {
-  label: string;
-  value: string;
-  height: number;
-  color: string;
-}
-
-interface ForecastChartProps {
-  title?: string;
-  quotaValue?: string;
-  forecastValue?: string;
-  aiValue?: string;
-  columns?: ChartColumn[];
-  showAiButton?: boolean;
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-interface ForecastChartState {
-  loading: boolean;
-}
-
-class ForecastChart extends BaseCmp<ForecastChartProps, ForecastChartState> {
-  constructor(props: ForecastChartProps) {
-    super(props);
-    this.state = {
-      loading: false,
-    };
-  }
-
-  componentDidMount() {
-    console.log('ForecastChart 组件挂载');
-  }
-
-  getScaleHeight = (value: string, max: string): number => {
-    const numValue = parseFloat(value.replace(/[$,M]/g, ''));
-    const numMax = parseFloat(max.replace(/[$,M]/g, ''));
-    if (isNaN(numValue) || isNaN(numMax) || numMax === 0) return 0;
-    return (numValue / numMax) * 100;
-  };
-
-  render() {
-    const {
-      title = 'Forecast Overview',
-      quotaValue = '$10M',
-      forecastValue = '$7.5M',
-      aiValue = '$6.8M',
-      columns = [],
-      showAiButton = true,
-      className,
-      style,
-    } = this.props;
-
-    const maxValue = 10; // 默认最大值 $10M
-    const chartHeight = 190; // 总高度
-    const gridLineHeight = chartHeight * 0.8; // 网格区域高度
-
-    // 计算Quota、Forecast、AI基准线位置
-    const quotaPos = 0; // 顶部
-    const forecastPos = this.getScaleHeight(forecastValue, quotaValue);
-    const aiPos = this.getScaleHeight(aiValue, quotaValue);
-
-    return (
-      <div className={`forecast-chart__c ${className || ''}`} style={style}>
-        <div className="chart-header">
-          <h3 className="chart-title">{title}</h3>
-          {showAiButton && (
-            <span
-              className="ai-btn"
-              onClick={() => console.log('AI Analysis clicked')}
-              title="AI Analysis"
-            >
-              ✨
-            </span>
-          )}
-        </div>
-
-        <div className="chart-content">
-          <div className="chart-y-axis">
-            <span>$10M</span>
-            <span>$8M</span>
-            <span>$6M</span>
-            <span>$4M</span>
-            <span>$2M</span>
-            <span>$0</span>
-          </div>
-
-          <div className="chart-main">
-            {/* 网格线 */}
-            <div className="chart-grid">
-              <div style={{ top: '0%' }} />
-              <div style={{ top: '20%' }} />
-              <div style={{ top: '40%' }} />
-              <div style={{ top: '60%' }} />
-              <div style={{ top: '80%' }} />
-              <div style={{ top: '100%' }} />
-            </div>
-
-            {/* Quota基准线 */}
-            <div className="chart-quota-line" style={{ top: `${quotaPos}%` }}>
-              <span className="quota-label">Quota: {quotaValue}</span>
-            </div>
-
-            {/* Forecast基准线 */}
-            <div
-              className="chart-forecast-line"
-              style={{ top: `${forecastPos}%` }}
-            >
-              <span className="forecast-label">Forecast {forecastValue}</span>
-            </div>
-
-            {/* AI基准线 */}
-            <div className="chart-ai-line" style={{ top: `${aiPos}%` }}>
-              <span className="ai-label">✨ AI {aiValue}</span>
-            </div>
-
-            {/* 柱状图 */}
-            <div className="chart-bars">
-              {columns.map((col, index) => {
-                const heightPercent = this.getScaleHeight(
-                  col.value,
-                  quotaValue,
-                );
-                return (
-                  <div key={index} className="chart-bar">
-                    <span className="bar-value" style={{ color: col.color }}>
-                      {col.value}
-                    </span>
-                    <div
-                      className="bar-column"
-                      style={{
-                        height: `${(heightPercent / 100) * gridLineHeight}px`,
-                        backgroundColor: col.color,
-                      }}
-                    />
-                    <span className="bar-label">{col.label}</span>
-                  </div>
-                );
-              })}
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-export default StatusHoc(ForecastChart);

package/template/neo-bi-cmps/src/components/forecastChart__c/model.ts

@@ -1,40 +0,0 @@
-export class ForecastChartModel {
-  label: string = '预测看板图表';
-  description: string =
-    '展示预测数据的堆叠柱状图，包含Closed、Commit、Best Case、Pipeline等';
-  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/forecastChart.svg';
-  targetPage: string[] = ['all'];
-  targetDevice: string = 'all';
-
-  defaultComProps = {
-    title: 'Forecast Overview',
-    quotaValue: '$10M',
-    forecastValue: '$7.5M',
-    aiValue: '$6.8M',
-    columns: [
-      { label: 'Closed', value: '$3.2M', height: 61, color: '#3b82f6' },
-      { label: 'Commit', value: '$2.5M', height: 47, color: '#22c55e' },
-      { label: 'Best Case', value: '$1.8M', height: 34, color: '#10b981' },
-      { label: 'Pipeline', value: '$2.5M', height: 47, color: '#93c5fd' },
-    ],
-    showAiButton: true,
-  };
-
-  functions = [
-    {
-      apiKey: 'refreshData',
-      label: '刷新数据',
-      helpTextKey: '刷新预测图表数据',
-    },
-  ];
-
-  propsSchema = [
-    {
-      type: 'string',
-      name: 'title',
-      label: '标题',
-    },
-  ];
-}
-
-export default ForecastChartModel;

package/template/neo-bi-cmps/src/components/forecastChart__c/style.scss

@@ -1,154 +0,0 @@
-.forecast-chart__c {
-  background: #fff;
-  border-radius: 8px;
-  padding: 20px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-
-  .chart-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-  }
-
-  .chart-title {
-    font-size: 14px;
-    font-weight: 600;
-    margin: 0;
-  }
-
-  .ai-btn {
-    cursor: pointer;
-    font-size: 16px;
-    transition: transform 0.2s;
-
-    &:hover {
-      transform: scale(1.1);
-    }
-  }
-
-  .chart-content {
-    display: flex;
-    gap: 16px;
-    flex: 1;
-    align-items: flex-end;
-    height: 220px;
-  }
-
-  .chart-y-axis {
-    width: 50px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: flex-end;
-    padding-right: 8px;
-    font-size: 11px;
-    color: #999;
-  }
-
-  .chart-main {
-    flex: 1;
-    position: relative;
-    padding: 16px 16px 40px 0;
-  }
-
-  .chart-grid {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 20px;
-    bottom: 50px;
-
-    div {
-      position: absolute;
-      width: 100%;
-      border-top: 1px solid #eee;
-    }
-  }
-
-  .chart-quota-line {
-    position: absolute;
-    left: 0;
-    right: 0;
-    border-top: 2.5px solid #22c55e;
-    z-index: 5;
-
-    .quota-label {
-      position: absolute;
-      top: -18px;
-      left: 0;
-      font-size: 11px;
-      background: #22c55e;
-      color: #fff;
-      padding: 1px 8px;
-      border-radius: 3px;
-    }
-  }
-
-  .chart-forecast-line {
-    position: absolute;
-    left: 0;
-    right: 0;
-    border-top: 2px solid #8b5cf6;
-    z-index: 5;
-
-    .forecast-label {
-      position: absolute;
-      top: -16px;
-      right: 0;
-      font-size: 10px;
-      color: #8b5cf6;
-    }
-  }
-
-  .chart-ai-line {
-    position: absolute;
-    left: 0;
-    right: 0;
-    border-top: 2px dashed #a78bfa;
-    z-index: 5;
-
-    .ai-label {
-      position: absolute;
-      top: -16px;
-      right: 80px;
-      font-size: 10px;
-      color: #a78bfa;
-    }
-  }
-
-  .chart-bars {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 20px;
-    bottom: 50px;
-    display: flex;
-    align-items: flex-end;
-    gap: 0;
-  }
-
-  .chart-bar {
-    flex: 0 0 60px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  .bar-value {
-    font-size: 11px;
-    font-weight: 600;
-    margin-bottom: 4px;
-  }
-
-  .bar-column {
-    width: 50px;
-    border-radius: 4px 4px 0 0;
-  }
-
-  .bar-label {
-    font-size: 10px;
-    color: #666;
-    margin-top: 6px;
-  }
-}