neo-cmp-cli 1.13.12 → 1.13.13

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

@@ -0,0 +1,140 @@
+.stage-time-chart__c {
+  background: #fff;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+
+  .chart-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 4px;
+  }
+
+  .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-legend {
+    display: flex;
+    gap: 16px;
+    font-size: 11px;
+    color: #888;
+    margin-bottom: 16px;
+  }
+
+  .legend-item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .legend-actual {
+    display: inline-block;
+    width: 12px;
+    height: 8px;
+    background: #22c55e;
+    border-radius: 2px;
+    margin-right: 4px;
+    vertical-align: middle;
+  }
+
+  .legend-target {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 6px solid #6366f1;
+    margin-right: 4px;
+    vertical-align: middle;
+  }
+
+  .legend-limit {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 6px solid #ef4444;
+    margin-right: 4px;
+    vertical-align: middle;
+  }
+
+  .chart-body {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    flex: 1;
+  }
+
+  .stage-time-item {
+    cursor: pointer;
+  }
+
+  .stage-time-header {
+    display: flex;
+    justify-content: space-between;
+    font-size: 12px;
+    margin-bottom: 4px;
+  }
+
+  .stage-name {
+    color: #333;
+  }
+
+  .stage-time-value {
+    font-weight: 600;
+  }
+
+  .stage-time-bar {
+    position: relative;
+    height: 28px;
+    background: #eee;
+    border-radius: 3px;
+  }
+
+  .stage-time-actual {
+    height: 100%;
+    border-radius: 4px;
+    transition: width 0.3s ease;
+  }
+
+  .stage-time-target {
+    position: absolute;
+    top: -3px;
+    width: 0;
+    height: 0;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-top: 8px solid #6366f1;
+    margin-left: -5px;
+    z-index: 2;
+  }
+
+  .stage-time-limit {
+    position: absolute;
+    top: -3px;
+    width: 0;
+    height: 0;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-top: 8px solid #ef4444;
+    margin-left: -5px;
+    z-index: 2;
+  }
+}

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

@@ -0,0 +1,37 @@
+# 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

@@ -0,0 +1,80 @@
+/**
+ * @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);

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

@@ -0,0 +1,45 @@
+export class TabSwitchModel {
+  label: string = 'Tab切换';
+  description: string = '支持Pipeline/Forecast等Tab切换功能';
+  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/tabSwitch.svg';
+  targetPage: string[] = ['all'];
+  targetDevice: string = 'all';
+
+  defaultComProps = {
+    tabs: [
+      { key: 'pipeline', label: 'Pipeline', icon: '' },
+      { key: 'forecast', label: 'Forecast', icon: '' },
+    ],
+    activeTab: 'pipeline',
+  };
+
+  functions = [
+    {
+      apiKey: 'setActiveTab',
+      label: '设置当前Tab',
+      helpTextKey: '设置当前激活的Tab页',
+    },
+  ];
+
+  propsSchema = [
+    {
+      type: 'object',
+      name: 'tabs',
+      label: 'Tab配置',
+      schema: [
+        {
+          type: 'string',
+          name: 'tabLabel',
+          label: 'Tab标签',
+        },
+      ],
+    },
+    {
+      type: 'string',
+      name: 'activeTab',
+      label: '当前激活Tab',
+    },
+  ];
+}
+
+export default TabSwitchModel;

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

@@ -0,0 +1,37 @@
+.tab-switch__c {
+  .tab-bar {
+    display: flex;
+    gap: 0;
+    margin-bottom: 20px;
+    border-bottom: 2px solid #e5e7eb;
+  }
+
+  .tab-btn {
+    padding: 10px 24px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    border: none;
+    background: none;
+    color: #999;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -2px;
+    transition: all 0.2s;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+
+    &:hover {
+      color: #6366f1;
+    }
+
+    &.active {
+      color: #6366f1;
+      border-bottom-color: #6366f1;
+    }
+
+    .tab-icon {
+      font-size: 14px;
+    }
+  }
+}

package/template/neo-custom-cmp-template/package.json

@@ -55,7 +55,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.13.12",
+    "neo-cmp-cli": "^1.13.13",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/neo-h5-cmps/package.json

@@ -49,7 +49,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.13.12",
+    "neo-cmp-cli": "^1.13.13",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/neo-order-cmps/package.json

@@ -47,7 +47,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.13.12",
+    "neo-cmp-cli": "^1.13.13",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/neo-web-entity-grid/package.json

@@ -52,7 +52,7 @@
     "@types/react-dom": "^16.9.15",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
-    "neo-cmp-cli": "^1.13.12",
+    "neo-cmp-cli": "^1.13.13",
     "prettier": "^2.0.5"
   },
   "overrides": {

package/template/neo-web-form/package.json

@@ -53,7 +53,7 @@
     "@types/react-dom": "^16.9.15",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
-    "neo-cmp-cli": "^1.13.12",
+    "neo-cmp-cli": "^1.13.13",
     "prettier": "^2.0.5"
   },
   "overrides": {

package/template/react-custom-cmp-template/package.json

@@ -45,7 +45,7 @@
   "devDependencies": {
     "@commitlint/cli": "^18.0.0",
     "@commitlint/config-conventional": "^18.0.0",
-    "neo-cmp-cli": "^1.13.12",
+    "neo-cmp-cli": "^1.13.13",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/react-ts-custom-cmp-template/package.json

@@ -47,7 +47,7 @@
     "@commitlint/config-conventional": "^18.0.0",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.13.12",
+    "neo-cmp-cli": "^1.13.13",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/vue2-custom-cmp-template/package.json

@@ -45,7 +45,7 @@
   "devDependencies": {
     "@commitlint/cli": "^18.0.0",
     "@commitlint/config-conventional": "^18.0.0",
-    "neo-cmp-cli": "^1.13.12",
+    "neo-cmp-cli": "^1.13.13",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",