neo-cmp-cli 1.13.15 → 1.13.17

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

@@ -1,66 +0,0 @@
-export class PipelineFunnelModel {
-  label: string = 'Pipeline漏斗图';
-  description: string = '展示销售管道的漏斗转化情况，直观显示各阶段金额和数量';
-  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/pipelineFunnel.svg';
-  targetPage: string[] = ['all'];
-  targetDevice: string = 'all';
-
-  defaultComProps = {
-    title: 'Pipeline Funnel',
-    totalAmount: '$11.1M',
-    stages: [
-      {
-        name: 'Prospecting',
-        amount: '$3.2M',
-        count: 15,
-        conversionRate: '—',
-        color: '#3b82f6',
-      },
-      {
-        name: 'Needs Analysis',
-        amount: '$1.8M',
-        count: 7,
-        conversionRate: '56.3%',
-        color: '#22c55e',
-      },
-      {
-        name: 'Proposal/Price Quote',
-        amount: '$4.5M',
-        count: 8,
-        conversionRate: '28.1%',
-        color: '#f59e0b',
-      },
-      {
-        name: 'Closed Won',
-        amount: '$1.6M',
-        count: 3,
-        conversionRate: '10.0%',
-        color: '#8b5cf6',
-      },
-    ],
-    showAiButton: true,
-  };
-
-  functions = [
-    {
-      apiKey: 'refreshData',
-      label: '刷新数据',
-      helpTextKey: '刷新漏斗图数据',
-    },
-  ];
-
-  propsSchema = [
-    {
-      type: 'string',
-      name: 'title',
-      label: '标题',
-    },
-    {
-      type: 'string',
-      name: 'totalAmount',
-      label: '总金额',
-    },
-  ];
-}
-
-export default PipelineFunnelModel;

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

@@ -1,133 +0,0 @@
-.pipeline-funnel__c {
-  background: #fff;
-  border-radius: 8px;
-  padding: 20px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
-
-  .funnel-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-  }
-
-  .funnel-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);
-    }
-  }
-
-  .funnel-total {
-    text-align: center;
-    margin-bottom: 16px;
-
-    .funnel-total-label {
-      font-size: 12px;
-      color: #888;
-    }
-
-    .funnel-total-value {
-      font-size: 22px;
-      font-weight: 700;
-    }
-  }
-
-  .funnel-body {
-    display: flex;
-    align-items: stretch;
-    gap: 0;
-  }
-
-  .funnel-left-rates {
-    width: 100px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: 0;
-    font-size: 11px;
-    color: #888;
-  }
-
-  .funnel-rate {
-    height: 48px;
-    display: flex;
-    align-items: center;
-  }
-
-  .funnel-main {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  .funnel-segment {
-    width: 100%;
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    font-size: 12px;
-    font-weight: 600;
-    cursor: pointer;
-    transition: opacity 0.2s;
-
-    &:hover {
-      opacity: 0.85;
-    }
-  }
-
-  .funnel-right-data {
-    width: 110px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: 0;
-    font-size: 11px;
-    color: #555;
-    text-align: right;
-  }
-
-  .funnel-data {
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-  }
-
-  .funnel-legend {
-    display: flex;
-    gap: 12px;
-    justify-content: center;
-    flex-wrap: wrap;
-    margin-top: 16px;
-    font-size: 11px;
-    color: #666;
-  }
-
-  .legend-item {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-  }
-
-  .legend-dot {
-    display: inline-block;
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    margin-right: 4px;
-    vertical-align: middle;
-  }
-}

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

@@ -1,118 +0,0 @@
-/**
- * @file 阶段切换卡片组件
- * @description 切换显示不同销售阶段的数据
- */
-import * as React from 'react';
-// @ts-ignore
-import { BaseCmp, StatusHoc, NeoEvent } from 'neo-ui-common';
-
-import './style.scss';
-
-interface StageTab {
-  key: string;
-  name: string;
-  amount: string;
-  count: number;
-  changes?: {
-    amount: string;
-    amountDirection: 'up' | 'down';
-    count: string;
-    countDirection: 'up' | 'down';
-  };
-}
-
-interface StageSwitchProps {
-  stages?: StageTab[];
-  activeStage?: string;
-  onStageChange?: (stage: StageTab) => void;
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-interface StageSwitchState {
-  activeStage: string;
-}
-
-class StageSwitch extends BaseCmp<StageSwitchProps, StageSwitchState> {
-  constructor(props: StageSwitchProps) {
-    super(props);
-    this.state = {
-      activeStage: props.activeStage || (props.stages?.[0]?.key ?? ''),
-    };
-  }
-
-  componentDidMount() {
-    console.log('StageSwitch 组件挂载');
-  }
-
-  componentWillReceiveProps(nextProps: StageSwitchProps) {
-    if (
-      nextProps.activeStage &&
-      nextProps.activeStage !== this.props.activeStage
-    ) {
-      this.setState({ activeStage: nextProps.activeStage });
-    }
-  }
-
-  handleStageClick(stage: StageTab) {
-    this.setState({ activeStage: stage.key });
-    const { onStageChange } = this.props;
-    if (onStageChange) {
-      onStageChange(stage);
-    }
-  }
-
-  render() {
-    const { stages = [], className, style } = this.props;
-    const { activeStage } = this.state;
-
-    return (
-      <div className={`stage-switch__c ${className || ''}`} style={style}>
-        <div className="stage-tabs">
-          {stages.map((stage) => (
-            <div
-              key={stage.key}
-              className={`stage-tab ${
-                activeStage === stage.key ? 'active' : ''
-              }`}
-              onClick={() => this.handleStageClick(stage)}
-            >
-              <div className="stage-name">{stage.name}</div>
-              <div className="stage-amount-row">
-                <span className="stage-amount">{stage.amount}</span>
-                <span className="stage-count">({stage.count})</span>
-              </div>
-              {stage.changes && (
-                <div className="stage-sub">
-                  <span
-                    className={`change-amount ${
-                      stage.changes.amountDirection === 'up'
-                        ? 'positive'
-                        : 'negative'
-                    }`}
-                  >
-                    {stage.changes.amountDirection === 'up' ? '↑' : '↓'}{' '}
-                    {stage.changes.amount}
-                  </span>
-                  <span> &nbsp; </span>
-                  <span
-                    className={`change-count ${
-                      stage.changes.countDirection === 'up'
-                        ? 'positive'
-                        : 'negative'
-                    }`}
-                  >
-                    {stage.changes.countDirection === 'up' ? '↑' : '↓'}{' '}
-                    {stage.changes.count}
-                  </span>
-                </div>
-              )}
-            </div>
-          ))}
-        </div>
-      </div>
-    );
-  }
-}
-
-export default StatusHoc(StageSwitch);

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

@@ -1,92 +0,0 @@
-export class StageSwitchModel {
-  label: string = '阶段切换卡片';
-  description: string = '切换显示不同销售阶段的数据，包含金额、数量和变化趋势';
-  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/stageSwitch.svg';
-  targetPage: string[] = ['all'];
-  targetDevice: string = 'all';
-
-  defaultComProps = {
-    stages: [
-      {
-        key: 'Prospecting',
-        name: 'Prospecting',
-        amount: '$3.2M',
-        count: 15,
-        changes: {
-          amount: '$280K',
-          amountDirection: 'up',
-          count: '3',
-          countDirection: 'up',
-        },
-      },
-      {
-        key: 'Needs Analysis',
-        name: 'Needs Analysis',
-        amount: '$1.8M',
-        count: 7,
-        changes: {
-          amount: '$320K',
-          amountDirection: 'down',
-          count: '2',
-          countDirection: 'down',
-        },
-      },
-      {
-        key: 'Proposal',
-        name: 'Proposal/Price Quote',
-        amount: '$4.5M',
-        count: 8,
-        changes: {
-          amount: '$500K',
-          amountDirection: 'up',
-          count: '3',
-          countDirection: 'up',
-        },
-      },
-      {
-        key: 'Closed Won',
-        name: 'Closed Won',
-        amount: '$1.6M',
-        count: 3,
-        changes: {
-          amount: '$400K',
-          amountDirection: 'up',
-          count: '1',
-          countDirection: 'up',
-        },
-      },
-      {
-        key: 'Closed Lost',
-        name: 'Closed Lost',
-        amount: '$0.9M',
-        count: 4,
-        changes: {
-          amount: '$200K',
-          amountDirection: 'down',
-          count: '2',
-          countDirection: 'up',
-        },
-      },
-    ],
-    activeStage: 'Prospecting',
-  };
-
-  functions = [
-    {
-      apiKey: 'setActiveStage',
-      label: '设置当前阶段',
-      helpTextKey: '设置当前激活的销售阶段',
-    },
-  ];
-
-  propsSchema = [
-    {
-      type: 'object',
-      name: 'stages',
-      label: '阶段配置',
-      schema: [],
-    },
-  ];
-}
-
-export default StageSwitchModel;

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

@@ -1,126 +0,0 @@
-/**
- * @file 阶段停留时间组件
- * @description 展示各销售阶段的平均停留时间，包含实际值、目标值和限制值
- */
-import * as React from 'react';
-// @ts-ignore
-import { BaseCmp, StatusHoc, NeoEvent } from 'neo-ui-common';
-
-import './style.scss';
-
-interface StageTimeItem {
-  stageName: string;
-  actualTime: string;
-  actualPercent: number;
-  actualColor: string;
-  targetPercent: number;
-  limitPercent: number;
-}
-
-interface StageTimeChartProps {
-  title?: string;
-  items?: StageTimeItem[];
-  showAiButton?: boolean;
-  onStageClick?: (stageName: string) => void;
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-interface StageTimeChartState {
-  loading: boolean;
-}
-
-class StageTimeChart extends BaseCmp<StageTimeChartProps, StageTimeChartState> {
-  constructor(props: StageTimeChartProps) {
-    super(props);
-    this.state = {
-      loading: false,
-    };
-  }
-
-  componentDidMount() {
-    console.log('StageTimeChart 组件挂载');
-  }
-
-  render() {
-    const {
-      title = 'Avg. Time in Stage',
-      items = [],
-      showAiButton = true,
-      onStageClick,
-      className,
-      style,
-    } = this.props;
-
-    return (
-      <div className={`stage-time-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-legend">
-          <span className="legend-item">
-            <span className="legend-actual" />
-            Actual
-          </span>
-          <span className="legend-item">
-            <span className="legend-target" />
-            Target
-          </span>
-          <span className="legend-item">
-            <span className="legend-limit" />
-            Limit
-          </span>
-        </div>
-
-        <div className="chart-body">
-          {items.map((item, index) => (
-            <div
-              key={index}
-              className="stage-time-item"
-              onClick={() => onStageClick?.(item.stageName)}
-            >
-              <div className="stage-time-header">
-                <span className="stage-name">{item.stageName}</span>
-                <span
-                  className="stage-time-value"
-                  style={{ color: item.actualColor }}
-                >
-                  {item.actualTime}
-                </span>
-              </div>
-              <div className="stage-time-bar">
-                <div
-                  className="stage-time-actual"
-                  style={{
-                    width: `${item.actualPercent}%`,
-                    backgroundColor: item.actualColor,
-                  }}
-                />
-                <div
-                  className="stage-time-target"
-                  style={{ left: `${item.targetPercent}%` }}
-                />
-                <div
-                  className="stage-time-limit"
-                  style={{ left: `${item.limitPercent}%` }}
-                />
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    );
-  }
-}
-
-export default StatusHoc(StageTimeChart);

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

@@ -1,57 +0,0 @@
-export class StageTimeChartModel {
-  label: string = '阶段停留时间';
-  description: string =
-    '展示各销售阶段的平均停留时间，包含实际值、目标值和限制值';
-  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/stageTimeChart.svg';
-  targetPage: string[] = ['all'];
-  targetDevice: string = 'all';
-
-  defaultComProps = {
-    title: 'Avg. Time in Stage',
-    items: [
-      {
-        stageName: 'Prospecting',
-        actualTime: '8天6时',
-        actualPercent: 28,
-        actualColor: '#22c55e',
-        targetPercent: 33,
-        limitPercent: 50,
-      },
-      {
-        stageName: 'Needs Analysis',
-        actualTime: '15天12时',
-        actualPercent: 52,
-        actualColor: '#eab308',
-        targetPercent: 40,
-        limitPercent: 60,
-      },
-      {
-        stageName: 'Proposal/Price Quote',
-        actualTime: '22天8时',
-        actualPercent: 74,
-        actualColor: '#ef4444',
-        targetPercent: 50,
-        limitPercent: 67,
-      },
-    ],
-    showAiButton: true,
-  };
-
-  functions = [
-    {
-      apiKey: 'refreshData',
-      label: '刷新数据',
-      helpTextKey: '刷新停留时间数据',
-    },
-  ];
-
-  propsSchema = [
-    {
-      type: 'string',
-      name: 'title',
-      label: '标题',
-    },
-  ];
-}
-
-export default StageTimeChartModel;

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

@@ -1,37 +0,0 @@
-# TabSwitch 组件
-
-Tab切换组件，支持多个Tab页之间的切换。
-
-## 使用方式
-
-```tsx
-import TabSwitch from './components/tabSwitch__c';
-
-// 使用示例
-<TabSwitch
-  tabs={[
-    { key: 'pipeline', label: 'Pipeline' },
-    { key: 'forecast', label: 'Forecast' },
-  ]}
-  activeTab="pipeline"
-  onTabChange={(key) => console.log('切换到:', key)}
-/>
-```
-
-## Props
-
-| 属性 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| tabs | Tab配置数组 | TabItem[] | [] |
-| activeTab | 当前激活的Tab | string | 第一个Tab |
-| onTabChange | Tab切换回调 | (key: string) => void | - |
-| className | 自定义类名 | string | - |
-| style | 自定义样式 | React.CSSProperties | - |
-
-## TabItem
-
-| 属性 | 说明 | 类型 |
-|------|------|------|
-| key | 唯一标识 | string |
-| label | 显示文本 | string |
-| icon | 图标 | string |

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

@@ -1,80 +0,0 @@
-/**
- * @file Tab切换组件
- * @description 支持Pipeline/Forecast等Tab切换功能
- */
-import * as React from 'react';
-// @ts-ignore
-import { BaseCmp, StatusHoc, NeoEvent } from 'neo-ui-common';
-
-import './style.scss';
-
-interface TabItem {
-  key: string;
-  label: string;
-  icon?: string;
-}
-
-interface TabSwitchProps {
-  tabs: TabItem[];
-  activeTab?: string;
-  onTabChange?: (key: string) => void;
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-interface TabSwitchState {
-  activeTab: string;
-}
-
-class TabSwitch extends BaseCmp<TabSwitchProps, TabSwitchState> {
-  constructor(props: TabSwitchProps) {
-    super(props);
-    this.state = {
-      activeTab: props.activeTab || (props.tabs?.[0]?.key ?? ''),
-    };
-
-    this.handleTabClick = this.handleTabClick.bind(this);
-  }
-
-  componentDidMount() {
-    console.log('TabSwitch 组件挂载');
-  }
-
-  componentWillReceiveProps(nextProps: TabSwitchProps) {
-    if (nextProps.activeTab && nextProps.activeTab !== this.props.activeTab) {
-      this.setState({ activeTab: nextProps.activeTab });
-    }
-  }
-
-  handleTabClick(key: string) {
-    this.setState({ activeTab: key });
-    const { onTabChange } = this.props;
-    if (onTabChange) {
-      onTabChange(key);
-    }
-  }
-
-  render() {
-    const { tabs = [], className, style } = this.props;
-    const { activeTab } = this.state;
-
-    return (
-      <div className={`tab-switch__c ${className || ''}`} style={style}>
-        <div className="tab-bar">
-          {tabs.map((tab) => (
-            <button
-              key={tab.key}
-              className={`tab-btn ${activeTab === tab.key ? 'active' : ''}`}
-              onClick={() => this.handleTabClick(tab.key)}
-            >
-              {tab.icon && <span className="tab-icon">{tab.icon}</span>}
-              {tab.label}
-            </button>
-          ))}
-        </div>
-      </div>
-    );
-  }
-}
-
-export default StatusHoc(TabSwitch);