neo-cmp-cli 1.13.16 → 1.13.18

package/template/neo-pipeline-cmps/src/components/simpleTable__c/model.ts

@@ -0,0 +1,124 @@
+/**
+ * @file XObject table component editor descriptor file (simplified version)
+ * @description Defines the component configuration for the Neo platform editor
+ * @author Neo Custom Widget CLI
+ * @version 1.0.0
+ */
+export class SimpleTableModel {
+  /**
+   * Component type identifier
+   * Used to uniquely identify the component; automatically generated from the current component directory name during build
+   * Note: This field is automatically replaced during build and does not need to be set manually
+   */
+  // cmpType: string = 'simpleTable';
+
+  /** Component name, displayed in the editor's left component panel */
+  label: string = 'Opportunity List';
+
+  /** Component description, displayed in the editor's left component panel */
+  description: string =
+    'Data table component based on XObject, supports data display only, does not support CRUD operations';
+
+  /** Category tags, determines which category the component appears under in the editor's left component panel */
+  // tags: string[] = ['Custom Components'];
+
+  /** Component icon, displayed in the editor's left component panel */
+  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/table.svg';
+
+  /**
+   * Sets the page types supported by the component
+   *
+   * Page types available in the current NeoCRM platform:
+   * all:	1	All pages
+   * entityFormPage:	4	Entity form page
+   * customPage:	6	Custom page
+   */
+  targetPage: string[] = ['all'];
+
+  /**
+   * Sets the device types supported by the component
+   *
+   * Device types available in the current NeoCRM platform:
+   * web:	Web
+   * mobile: Mobile
+   */
+  targetDevice: string = 'web';
+
+  /** Default property data when first inserted into a page */
+  defaultComProps = {
+    title: 'Opportunity List',
+    activeStage: 'Prospecting',
+    description: 'Filtered by Close Date, Opportunity Owner, Business Type',
+  };
+
+  // List of functions supported by the current component (other components can trigger these functions)
+  functions = [
+    {
+      apiKey: 'loadData',
+      label: 'Refresh Table',
+      helpTextKey: 'Refresh the current table data',
+    },
+    {
+      apiKey: 'setFilter',
+      label: 'Set Filter Conditions',
+      helpTextKey:
+        'Set filter conditions consistent with the chart (closeDate / ownerId / entityType), and re-query the table',
+      funcInParams: [
+        {
+          apiKey: 'filter',
+          label: 'Filter condition data',
+          type: 'Object',
+          required: false,
+        },
+      ],
+    },
+    {
+      apiKey: 'updateActiveStage',
+      label: 'Update Active Stage',
+      helpTextKey: 'Set the currently active sales stage',
+      funcInParams: [
+        {
+          apiKey: 'activeStage',
+          label: 'Current active stage',
+          type: 'String',
+          required: false,
+        },
+      ],
+    },
+  ];
+
+  /**
+   * Component property configuration schema
+   * Supports static configuration: propsSchema, with lower priority than propsSchemaCreator
+   * Defines the configurable properties of the component in the editor
+   */
+  propsSchema = [
+    {
+      type: 'panelInput',
+      name: 'title',
+      label: 'Table Title',
+      placeholder: 'Enter table title',
+    },
+    {
+      type: 'panelInput',
+      name: 'description',
+      label: 'Table Description',
+      placeholder: 'Description text displayed below the title',
+    },
+    /*
+    {
+      type: 'xObjectDataApi', // Configuration item for fetching entity business data list
+      name: 'xObjectDataApi',
+      label: 'Entity Data Source',
+      value: {
+        xObjectApiKey: 'customContact__c',
+        fields: ['name', 'phone__c'],
+      },
+      placeholder: 'Select entity data source',
+      custom: true,
+    },
+    */
+  ];
+}
+
+export default SimpleTableModel;

package/template/neo-pipeline-cmps/src/components/simpleTable__c/style.scss

@@ -0,0 +1,192 @@
+/** Table header AI icon: same usage as openChatPageBtn's openChatPageBtn-icon (background image) */
+.simpleTable-th-title-with-ai-icon {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.simpleTable-th-ai-icon {
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+  background-image: url('../../assets/img/aiLogo.png');
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+  display: inline-block;
+}
+
+.simpleTable__c {
+  background: #fff;
+  border-radius: 8px;
+
+  .table-wrapper {
+    // border: 1px solid #ddd;
+    padding: 16px 20px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .panel-header {
+    padding: 12px 0 6px 0;
+    background: #fff;
+    border-bottom: 1px solid #ddd;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+
+    .panel-header-text {
+      flex: 1;
+      min-width: 0;
+    }
+
+    h3 {
+      margin: 0;
+      font-size: 14px;
+      font-weight: 600;
+      color: #262626;
+    }
+
+    .panel-header-description {
+      margin: 6px 0 0;
+      font-size: 12px;
+      color: #888;
+      line-height: 1.5;
+    }
+
+    .panel-header-summary {
+      flex-shrink: 0;
+      margin-left: 12px;
+      padding-top: 2px;
+      font-size: 13px;
+      font-weight: 500;
+      color: #666;
+      line-height: 1.4;
+      text-align: right;
+      white-space: nowrap;
+
+      .summary-amount {
+        font-weight: 700;
+      }
+    }
+  }
+
+  .table-container {
+    flex: 1;
+    overflow-y: auto;
+
+    .ant-table {
+      .ant-table-thead > tr > th {
+        background-color: #f9f9f9;
+        font-weight: 600;
+        color: #262626;
+        border-bottom: 1px solid #eee;
+        padding: 10px;
+        text-align: left;
+        font-size: 13px;
+        position: sticky;
+        top: 0;
+      }
+
+      .ant-table-tbody > tr > td {
+        border-bottom: 1px solid #eee;
+        padding: 10px;
+        text-align: left;
+        font-size: 13px;
+      }
+
+      .ant-table-tbody > tr:hover > td {
+        background-color: #f5f5f5;
+      }
+    }
+
+    .ant-empty {
+      padding: 40px 0;
+
+      .ant-empty-description {
+        color: #8c8c8c;
+        font-size: 14px;
+      }
+    }
+  }
+
+  .ant-spin {
+    .ant-spin-dot {
+      font-size: 20px;
+    }
+
+    .ant-spin-text {
+      color: #8c8c8c;
+      font-size: 14px;
+    }
+  }
+
+  .simpleTable-opp-name-link {
+    color: #1677ff;
+    text-decoration: none;
+    cursor: pointer;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  .opp-health-tag {
+    display: inline-block;
+    padding: 2px 10px;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 1.4;
+    white-space: nowrap;
+  }
+
+  .opp-health-tag--green {
+    background: #22c55f;
+    color: #fff;
+  }
+
+  .opp-health-tag--yellow {
+    background: #f59e0d;
+    color: #fff;
+  }
+
+  .opp-health-tag--red {
+    background: #ef4444;
+    color: #fff;
+  }
+
+  // Responsive design
+  @media (max-width: 768px) {
+    .panel-header {
+      padding: 12px;
+    }
+
+    .table-container {
+      .ant-table {
+        .ant-table-thead > tr > th,
+        .ant-table-tbody > tr > td {
+          padding: 8px 12px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 576px) {
+    .panel-header {
+      padding: 10px;
+    }
+
+    .table-container {
+      .ant-table {
+        .ant-table-thead > tr > th,
+        .ant-table-tbody > tr > td {
+          padding: 6px 8px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}

package/template/neo-pipeline-cmps/src/components/stageSwitch__c/README.md

@@ -0,0 +1,36 @@
+# StageSwitch Component
+
+Stage switch card component that toggles between different sales stage data.
+
+## Usage
+
+```tsx
+import StageSwitch from './components/stageSwitch__c';
+
+<StageSwitch
+  stages={[
+    { key: 'Prospecting', name: 'Prospecting', amount: '$3.2M', count: 15 },
+    { key: 'Proposal', name: 'Proposal', amount: '$4.5M', count: 8 },
+  ]}
+  activeStage="Prospecting"
+  onStageChange={(stage) => console.log('Changed:', stage.key)}
+/>
+```
+
+## Props
+
+| Property | Description | Type | Default |
+|----------|-------------|------|---------|
+| stages | Stage data | StageTab[] | [] |
+| activeStage | Current stage | string | First stage |
+| onStageChange | Stage switch callback | (stage: StageTab) => void | - |
+
+## StageTab
+
+| Property | Description | Type |
+|----------|-------------|------|
+| key | Unique identifier | string |
+| name | Stage name | string |
+| amount | Amount | string |
+| count | Count | number |
+| changes | Change data | { amount, amountDirection, count, countDirection } |