neo-cmp-cli 1.12.12 → 1.13.0

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

@@ -0,0 +1,128 @@
+// 导入自定义配置项（用于对接复杂自定义配置）
+// import './customStyleConfig';
+
+/**
+ * @file 数值指标组件对接编辑器的描述文件
+ * @description 定义组件在 Neo 平台编辑器中的配置信息
+ * @author Neo Custom Widget CLI
+ * @version 1.0.0
+ */
+export class TargetNumberModel {
+  /**
+   * 组件类型标识
+   * 用于标识组件的唯一性，在构建时根据当前组件目录名称自动生成
+   * 注意：此字段在构建时会被自动替换，不需要手动设置
+   */
+  // cmpType: string = 'targetNumber';
+
+  /** 组件名称，用于设置在编辑器左侧组件面板中展示的名称 */
+  label: string = '数值指标';
+
+  /** 组件描述，用于设置在编辑器左侧组件面板中展示的描述 */
+  description: string =
+    '用于展示关键数值指标，支持从 XObject 实体对象获取动态数据，支持绑定多个字段进行展示';
+
+  /** 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示  */
+  // tags: string[] = ['自定义组件'];
+
+  /** 组件图标，用于设置在编辑器左侧组件面板中展示的图标 */
+  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/TargetNumber.svg';
+
+  /**
+   * 用于设置组件支持的页面类型
+   *
+   * 当前 NeoCRM 平台存在的页面类型：
+   * all:	1	全页面
+   * entityFormPage:	4	实体表单页
+   * customPage:	6	自定义页面
+   */
+  targetPage: string[] = ['all'];
+
+  /**
+   * 用于设置组件支持的终端类型
+   *
+   * 当前 NeoCRM 平台存在的终端类型：
+   * web:	网页端
+   * mobile: 移动端
+   */
+  targetDevice: string = 'all';
+
+  /** 初次插入页面的默认属性数据 */
+  defaultComProps = {
+    entityApiKey: '',
+    targetNumberStyle: {
+      baseStyle: {
+        backgroundColor: '#ffffff',
+        paddingMargin: {
+          margin: '0',
+          padding: '0',
+        },
+      },
+      layoutStyle: {
+        alignClass: 'flex-col',
+      },
+      titleStyle: {
+        show: true,
+        text: '>> 关键数据',
+        fontSize: 18,
+        fontWeight: 700,
+        color: '#333',
+        backgroundColor: '#eaf3fc',
+      },
+      numberStyle: {
+        fontSize: 32,
+        fontWeight: 600,
+        color: '#262626',
+      },
+      numberTitleStyle: {
+        fontSize: 14,
+        fontWeight: 400,
+        color: '#8c8c8c',
+      },
+    },
+  };
+
+  // 当前组件支持的函数列表（其他组件可触发当前组件的函数）
+  functions = [
+    {
+      apiKey: 'loadData',
+      label: '刷新BI看板数据',
+      helpTextKey: '刷新BI看板组件数据',
+    },
+  ];
+
+  /**
+   * 组件属性配置模式
+   * 支持静态配置：propsSchema，优先级比 propsSchemaCreator 低
+   * 定义组件在编辑器中可配置的属性
+   */
+  propsSchema = [
+    {
+      type: 'xObjectDetailApi',
+      name: 'entityApiKey',
+      label: '绑定实体业务数据',
+      placeholder: '绑定实体业务数据源',
+      disabledFieldSelect: true,
+      disabledAutoFetchData: true,
+    },
+    {
+      type: 'selectFieldDescApi',
+      name: 'selectFieldDesc',
+      xObjectApiKey: 'entityApiKey.xObjectApiKey',
+      mode: 'tags', // 多选，必填
+      label: '绑定字段',
+      placeholder: '请至少选择一个要显示的字段',
+    },
+    /*
+    {
+      type: 'customStyleConfig',
+      name: 'targetNumberStyle',
+      label: '自定义样式配置',
+      viewStyle: 'tabs', // 'tabs'、'fold'
+      wideScreen: false, // 是否开启宽屏展示模式
+    },
+    */
+  ];
+}
+
+export default TargetNumberModel;

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

@@ -0,0 +1,173 @@
+.targetNumber__c {
+  display: flex;
+  flex-direction: column;
+  padding: 0 !important;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  margin-bottom: 12px;
+
+  // 组件标题（根据 titleStyle.show 展示）
+  .target-number-title {
+    line-height: 1.4;
+    background-color: #eaf3fc;
+    padding: 8px 12px;
+  }
+
+  .target-number-block {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 60px;
+    padding: 8px;
+
+    &.flex-col {
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    &.flex-col-reverse {
+      flex-direction: column-reverse;
+      gap: 8px;
+    }
+
+    &.flex-row {
+      flex-direction: row;
+      gap: 12px;
+    }
+
+    &.flex-row-reverse {
+      flex-direction: row-reverse;
+      gap: 12px;
+    }
+
+    // 多字段模式
+    &.multiple-fields {
+      align-items: stretch;
+      justify-content: flex-start;
+    }
+  }
+
+  // 多字段列表容器
+  .target-number-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    width: 100%;
+
+    @media (max-width: 768px) {
+      gap: 12px;
+    }
+
+    @media (max-width: 576px) {
+      gap: 8px;
+    }
+  }
+
+  // 单个数值项
+  .target-number-item {
+    display: flex;
+    flex: 1;
+    min-width: 0;
+    align-items: center;
+    justify-content: center;
+    padding: 12px;
+    background: #fafafa;
+    border-radius: 6px;
+    transition: all 0.3s ease;
+
+    &:hover {
+      background: #f0f0f0;
+    }
+
+    &.flex-col {
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    &.flex-col-reverse {
+      flex-direction: column-reverse;
+      gap: 8px;
+    }
+
+    &.flex-row {
+      flex-direction: row;
+      gap: 12px;
+    }
+
+    &.flex-row-reverse {
+      flex-direction: row-reverse;
+      gap: 12px;
+    }
+
+    @media (max-width: 576px) {
+      padding: 8px;
+      min-width: calc(50% - 4px);
+    }
+  }
+
+  .target-number-value {
+    font-size: 32px;
+    font-weight: 600;
+    color: #262626;
+    line-height: 1.2;
+    word-break: break-all;
+    text-align: center;
+  }
+
+  .target-number-label {
+    font-size: 14px;
+    color: #8c8c8c;
+    font-weight: 400;
+    text-align: center;
+  }
+
+  .target-number-loading {
+    color: #8c8c8c;
+    font-size: 14px;
+    text-align: center;
+  }
+
+  .target-number-error {
+    color: #ff4d4f;
+    font-size: 14px;
+    text-align: center;
+  }
+
+  .target-number-empty {
+    color: #8c8c8c;
+    font-size: 14px;
+    text-align: center;
+    padding: 20px;
+    width: 100%;
+  }
+
+  // 响应式设计
+  @media (max-width: 768px) {
+    padding: 12px;
+
+    .target-number-value {
+      font-size: 28px;
+    }
+
+    .target-number-label {
+      font-size: 13px;
+    }
+  }
+
+  @media (max-width: 576px) {
+    padding: 10px;
+
+    .target-number-value {
+      font-size: 24px;
+    }
+
+    .target-number-label {
+      font-size: 12px;
+    }
+  }
+}
+
+.target-number {
+  background-color: red;
+}

package/template/neo-bi-cmps/src/utils/axiosFetcher.ts

@@ -0,0 +1,37 @@
+import axios from 'axios'; // https://www.axios-http.cn/docs/intro
+
+// 创建基于 axios 的 fetcher 函数
+const axiosFetcher = async (options: any) => {
+  try {
+    const config = {
+      ...options,
+      method: options?.method || 'GET',
+      data: options?.data || {},
+      headers: {
+        'Content-Type': 'application/json',
+        ...options?.headers,
+      },
+      timeout: options?.timeout || 30000,
+    };
+
+    if (config?.method === 'GET') {
+      config.params = options?.data || {};
+    }
+
+    const response = await axios(config);
+    return response?.data || {};
+  } catch (error) {
+    if (error.response) {
+      // 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围
+      console.error('接口请求报错 / 接口服务异常：', error.message);
+    } else if (error.request) {
+      // 请求已经成功发起，但没有收到响应
+      console.error('接口请求报错 / 接口未正常响应：', error.message);
+    } else {
+      console.error('接口请求报错:', error, '，请求参数:', options);
+    }
+    throw error;
+  }
+};
+
+export default axiosFetcher;

package/template/neo-bi-cmps/src/utils/queryObjectData.ts

@@ -0,0 +1,76 @@
+import axiosFetcher from '$utils/axiosFetcher';
+
+/**
+ * 这里存放通用查询类 Open API
+ */
+
+// 获取业务对象数据列表
+export const queryXObjectData = async (options?: any) => {
+  const apiUrl = '/rest/data/v2/query';
+  const curOptions = options || {};
+  const xObjectApiKey = curOptions.xObjectApiKey || '';
+  const fields = curOptions.fields || [];
+  const page = curOptions.page || 1;
+  const pageSize = curOptions.pageSize || 10;
+
+  // 自动添加 objectId 字段
+  if (!fields.includes('id')) {
+    fields.push('id');
+  }
+
+  // 计算分页偏移量
+  const offset = (page - 1) * pageSize;
+
+  // 构建 SQL 查询
+  let querySql = `select ${fields.join(',')} from ${xObjectApiKey}`;
+
+  // 添加排序条件（如果有的话）
+  if (curOptions.orderBy) {
+    querySql += ` order by ${curOptions.orderBy}`;
+  }
+
+  if (curOptions.page || curOptions.pageSize) {
+    // 添加分页限制
+    querySql += ` limit ${pageSize} offset ${offset}`;
+  }
+
+  try {
+    const config = {
+      url: apiUrl,
+      method: 'GET',
+      data: {
+        q: querySql,
+      },
+    };
+
+    const resultData = await axiosFetcher(config);
+
+    if (resultData.code === 200) {
+      const { records, totalSize } = resultData.result || {};
+      return {
+        status: true,
+        code: resultData.code,
+        msg: resultData.msg || '获取业务对象数据列表成功',
+        totalSize,
+        data: records || [],
+      };
+    }
+
+    return {
+      status: false,
+      code: resultData.code,
+      msg: resultData.msg || '获取业务对象数据列表失败',
+      data: [],
+    };
+  } catch (error) {
+    console.error('获取业务对象数据列表失败:', error);
+
+    return {
+      status: false,
+      msg: error.msg || error.message || '获取业务对象数据列表失败',
+      data: [],
+    };
+  }
+};
+
+export default queryXObjectData;

package/template/neo-bi-cmps/src/utils/xobjects.ts

@@ -0,0 +1,162 @@
+import { message } from 'antd';
+import axiosFetcher from './axiosFetcher';
+
+// 获取业务类型列表
+export const getEntityTypeList = async (
+  xObjectApiKey: string,
+  options?: any,
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/busiType`;
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: 'GET',
+    };
+
+    const result = await axiosFetcher(config);
+    return result;
+  } catch (error) {
+    console.error('获取业务类型失败:', error);
+    message.error('获取业务类型失败。');
+    return {};
+  }
+};
+
+// 获取对象列表
+export const getEntityList = async (options?: any) => {
+  const curOptions = options || {};
+  const custom = curOptions.custom || false; // 默认获取标准对象列表
+  const active = curOptions.active || true; // 仅获取有权限的对象
+  const apiUrl = `/rest/metadata/v2.0/xobjects/filter?custom=${custom}&active=${active}`;
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: 'GET',
+    };
+
+    const result = await axiosFetcher(config);
+    return result;
+  } catch (error) {
+    console.error('获取对象列表失败:', error);
+    message.error('获取对象列表失败。');
+    return {};
+  }
+};
+
+// 创建业务数据
+export const createXObject = async (xObjectApiKey: string, options: any) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}`;
+  const formData = curOptions.data || {};
+  try {
+    const config = {
+      ...options,
+      url: apiUrl,
+      method: curOptions.method || 'GET',
+      data: {
+        data: formData,
+      },
+    };
+
+    const result = await axiosFetcher(config);
+    return result;
+  } catch (error) {
+    console.error('创建业务数据失败:', error);
+    throw error;
+  }
+};
+
+// 获取业务对象描述
+export const getXObjectDesc = async (xObjectApiKey: string, options?: any) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/description`;
+  try {
+    const config = {
+      ...options,
+      url: apiUrl,
+      method: curOptions.method || 'GET',
+    };
+
+    const result = await axiosFetcher(config);
+    return result;
+  } catch (error) {
+    console.error('获取业务对象描述:', error);
+    throw error;
+  }
+};
+
+// 更新业务数据
+export const updateXObject = async (
+  xObjectApiKey: string,
+  objectId: string,
+  options: any,
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/${objectId}`;
+  const formData = curOptions.data || {};
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: curOptions.method || 'PATCH',
+      data: {
+        data: formData,
+      },
+    };
+
+    const result = await axiosFetcher(config);
+    return result;
+  } catch (error) {
+    console.error('更新业务数据失败:', error);
+    throw error;
+  }
+};
+
+// 获取业务数据信息
+export const getXObject = async (
+  xObjectApiKey: string,
+  objectId: string,
+  options?: any,
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/${objectId}`;
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: curOptions.method || 'GET',
+    };
+
+    const result = await axiosFetcher(config);
+    return result;
+  } catch (error) {
+    console.error('获取业务数据信息失败:', error);
+    throw error;
+  }
+};
+
+// 删除业务数据
+export const deleteXObject = async (
+  xObjectApiKey: string,
+  objectId: string,
+  options?: any,
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/${objectId}`;
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: curOptions.method || 'DELETE',
+    };
+
+    const result = await axiosFetcher(config);
+    return result;
+  } catch (error) {
+    console.error('删除业务数据:', error);
+    throw error;
+  }
+};

package/template/neo-bi-cmps/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "target": "esnext",
+    "module": "esnext",
+    "allowJs": false,
+    "jsx": "react", // preserve
+    "declaration": false,
+    "noEmit": false,
+    "importHelpers": true,
+    "isolatedModules": false,
+    "strict": false,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": false,
+    "noImplicitReturns": true,
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "paths": {
+      "@": [
+        "./src"
+      ]
+    },
+    "typeRoots": [
+      "./@types",
+      "./node_modules/@types"
+    ],
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": [
+    "src",
+    "test"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

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.12.11",
+    "neo-cmp-cli": "^1.13.0",
     "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.12.11",
+    "neo-cmp-cli": "^1.13.0",
     "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.12.11",
+    "neo-cmp-cli": "^1.13.0",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/neo-web-cmps/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.12.11",
+    "neo-cmp-cli": "^1.13.0",
     "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.12.11",
+    "neo-cmp-cli": "^1.13.0",
     "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.12.11",
+    "neo-cmp-cli": "^1.13.0",
     "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.12.11",
+    "neo-cmp-cli": "^1.13.0",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",