neo-cmp-cli 1.3.6 → 1.3.8

package/src/template/echarts-custom-cmp-template/src/utils/url.ts

@@ -0,0 +1,82 @@
+/**
+ * 获取URL参数
+ * @returns
+ */
+export function getUrlParams() {
+  const urlParams: { [key: string]: string } = {};
+  let url = window.location.href;
+  if (url.indexOf('?') !== -1) {
+    url = url.substring(url.indexOf('?') + 1, url.length);
+    const urlArr = url.split('&');
+    for (let i = 0, size = urlArr.length; i < size; i++) {
+      const urlArrItem = urlArr[i].split('=');
+      // 对参数值进行 URL 解码，避免中文字符串乱码
+      urlParams[urlArrItem[0]] = urlArrItem[1]
+        ? decodeURIComponent(urlArrItem[1])
+        : '';
+    }
+  }
+  return urlParams;
+}
+
+/**
+ * 从URL参数中提取指定的字段数值
+ * @param paramName 参数名称
+ * @param defaultValue 默认值
+ * @returns 参数值或默认值
+ *
+ * @example
+ * // 从当前页面URL提取debug参数
+ * const debug = getUrlParam('debug', false)
+ *
+ * // 提取数字参数
+ * const page = getUrlParam('page', 1)
+ *
+ * // 提取字符串参数
+ * const mode = getUrlParam('mode', 'production')
+ */
+export function getUrlParam(paramName: string, defaultValue: any = null): any {
+  const urlParams = getUrlParams();
+  const paramValue = urlParams[paramName];
+
+  // 尝试转换数据类型
+  if (paramValue === 'true') return true;
+  if (paramValue === 'false') return false;
+  if (paramValue === 'null') return null;
+  if (paramValue === 'undefined') return undefined;
+
+  // 尝试转换为数字
+  const numValue = Number(paramValue);
+  if (!isNaN(numValue) && isFinite(numValue)) {
+    return numValue;
+  }
+
+  return paramValue ?? defaultValue;
+}
+
+/**
+ * 从URL参数中提取多个字段数值
+ * @param params 参数配置对象，键为参数名，值为默认值
+ * @param url 可选的URL字符串，默认使用当前页面URL
+ * @returns 包含所有参数值的对象
+ *
+ * @example
+ * const params = getUrlParams({
+ *   debug: false,
+ *   mode: 'production',
+ *   page: 1,
+ *   theme: 'light'
+ * })
+ */
+export function getUrlParamsByKeys(
+  params: Record<string, any>,
+  url?: string,
+): Record<string, any> {
+  const result: Record<string, any> = {};
+
+  for (const [paramName, defaultValue] of Object.entries(params)) {
+    result[paramName] = getUrlParam(paramName, defaultValue);
+  }
+
+  return result;
+}

package/src/template/neo-custom-cmp-template/neo.config.js

@@ -80,8 +80,8 @@ module.exports = {
     entry: { // 根据 src/components 目录下的文件自动生成 entry 相关配置
       // 外链调试（在线上页面设计器端预览自定义组件）
       index: [
-        './src/components/info-card/register.ts',
-        './src/components/info-card/model.ts',
+        './src/components/entity-form/register.ts',
+        './src/components/entity-form/model.ts',
       ],
     },
     NODE_ENV: 'development',
@@ -105,8 +105,8 @@ module.exports = {
     【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。
     NODE_ENV: 'production',
     entry: { // 根据 src/components 目录下的文件自动生成 entry 相关配置
-      InfoCardModel: './src/components/info-card/model.ts',
-      infoCard: './src/components/info-card/register.ts'
+      InfoCardModel: './src/components/entity-form/model.ts',
+      infoCard: './src/components/entity-form/register.ts'
     },
     cssExtract: false, // 不额外提取css文件
     ossType: 'ali', // oss类型：ali、baidu

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

@@ -38,7 +38,7 @@
     "url": "https://github.com/wibetter/neo-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.0.3",
+    "neo-register": "^1.0.5",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
     "axios": "^0.27.2",
@@ -52,7 +52,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.3.5",
+    "neo-cmp-cli": "^1.3.8",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/src/template/neo-custom-cmp-template/src/assets/img/custom-form.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1760606213824" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2396" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M258.133333 128A106.666667 106.666667 0 0 0 362.666667 213.333333h298.666666a106.666667 106.666667 0 0 0 104.533334-85.333333h87.424A128 128 0 0 1 981.333333 255.744v597.845333A127.872 127.872 0 0 1 853.290667 981.333333H170.666667A128 128 0 0 1 42.666667 853.589333V255.744A127.872 127.872 0 0 1 170.709333 128H258.133333zM298.666667 384a42.666667 42.666667 0 1 0 0 85.333333h256a42.666667 42.666667 0 0 0 0-85.333333H298.666667z m0 170.666667a42.666667 42.666667 0 0 0 0 85.333333h426.666666a42.666667 42.666667 0 0 0 0-85.333333H298.666667z m0 170.666666a42.666667 42.666667 0 0 0 0 85.333334h256a42.666667 42.666667 0 0 0 0-85.333334H298.666667zM362.666667 42.666667h298.666666a64 64 0 0 1 0 128h-298.666666a64 64 0 0 1 0-128z" p-id="2397" fill="#0764f5"></path></svg>

package/src/template/neo-custom-cmp-template/src/assets/img/data-list.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1759212323849" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3505" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M202.8 408.1c-55 0-99.7 44.7-99.7 99.7s44.7 99.7 99.7 99.7c40.7 0 75.8-24.6 91.3-59.7h639v-80h-639c-15.5-35.1-50.6-59.7-91.3-59.7z m0 157c-31.6 0-57.3-25.7-57.3-57.3 0-31.6 25.7-57.3 57.3-57.3 31.6 0 57.3 25.7 57.3 57.3 0 31.6-25.7 57.3-57.3 57.3zM202.8 739.3c-55 0-99.7 44.7-99.7 99.7s44.7 99.7 99.7 99.7c40.7 0 75.8-24.6 91.3-59.7h639v-80h-639c-15.5-35.1-50.6-59.7-91.3-59.7z m0 157c-31.6 0-57.3-25.7-57.3-57.3 0-31.6 25.7-57.3 57.3-57.3 31.6 0 57.3 25.7 57.3 57.3 0 31.6-25.7 57.3-57.3 57.3zM295.1 149.5c-14.9-36.4-50.6-62.1-92.3-62.1-55 0-99.7 44.7-99.7 99.7s44.7 99.7 99.7 99.7c39.8 0 74.2-23.5 90.2-57.3h640v-80H295.1z m-92.3 95c-31.6 0-57.3-25.7-57.3-57.3 0-31.6 25.7-57.3 57.3-57.3 31.6 0 57.3 25.7 57.3 57.3 0 31.5-25.7 57.3-57.3 57.3zM519.6 641.8H933v80H519.6zM519.6 308.6H933v80H519.6z" fill="#0764f5" p-id="3506"></path></svg>

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

@@ -37,14 +37,14 @@
     "url": "https://github.com/wibetter/react-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.0.3",
+    "neo-register": "^1.0.5",
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^9.1.1",
-    "neo-cmp-cli": "^1.3.5",
+    "neo-cmp-cli": "^1.3.8",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/src/template/react-ts-custom-cmp-template/neo.config.js

@@ -79,8 +79,8 @@ module.exports = {
     entry: { // 根据 src/components 目录下的文件自动生成 entry 相关配置
       // 外链调试（在线上页面设计器端预览自定义组件）
       index: [
-        './src/components/info-card/register.ts',
-        './src/components/info-card/model.ts',
+        './src/components/list-widget/register.ts',
+        './src/components/list-widget/model.ts',
       ],
     },
     NODE_ENV: 'development',
@@ -104,8 +104,8 @@ module.exports = {
     【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。
     NODE_ENV: 'production',
     entry: { // 根据 src/components 目录下的文件自动生成 entry 相关配置
-      InfoCardModel: './src/components/info-card/model.ts',
-      infoCard: './src/components/info-card/register.ts'
+      listWidgetModel: './src/components/list-widget/model.ts',
+      listWidget: './src/components/list-widget/register.ts'
     },
     cssExtract: false, // 不额外提取css文件
     ossType: 'ali', // oss类型：ali、baidu

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

@@ -1,6 +1,6 @@
 {
   "name": "react-ts-custom-cmp-template",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "neo自定义组件模板（react&ts技术栈）",
   "keywords": [
     "自定义组件模板",
@@ -37,7 +37,7 @@
     "url": "https://github.com/wibetter/react-ts-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.0.3",
+    "neo-register": "^1.0.5",
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
@@ -46,7 +46,7 @@
     "@commitlint/config-conventional": "^9.1.1",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.3.5",
+    "neo-cmp-cli": "^1.3.8",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/src/template/react-ts-custom-cmp-template/src/assets/img/map.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1760670196857" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4651" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M485.888 626.496 512 663.488l26.112-36.992c1.088-1.472 107.392-151.68 140.864-189.184C715.776 396.224 736 343.168 736 288 736 164.544 635.52 64 512 64s-224 100.48-224 224c0 55.232 20.224 108.288 57.088 149.376C378.624 474.816 484.8 625.024 485.888 626.496zM512 128c88.256 0 160 71.808 160 160 0 39.424-14.464 77.312-40.768 106.688C606.016 422.912 546.624 504.64 512 552.896 477.44 504.64 418.048 422.912 392.768 394.688 366.528 365.376 352 327.488 352 288 352 199.808 423.744 128 512 128zM512 384c52.928 0 96-43.072 96-96S564.928 192 512 192 416 235.072 416 288 459.072 384 512 384zM512 256c17.6 0 32 14.336 32 32S529.6 320 512 320 480 305.664 480 288 494.4 256 512 256zM960 129.024l0 703.168L680 960 384 832l-320 127.36L64 258.176l168.256-67.904C227.264 211.456 224 233.28 224 256c0 2.176 0.512 4.224 0.576 6.4L128 301.376l0 563.648 192-76.416L320 476.032c18.048 23.36 41.472 55.104 64 86.144l0 200.96 1.024-0.384 24.384 10.56L640 872.96 640 562.304c22.976-31.616 46.208-63.168 64-86.144l0 402.56 192-87.68L896 228.608l-97.536 44.544C798.784 267.392 800 261.76 800 256c0-17.664-2.176-34.752-5.184-51.584L960 129.024z" p-id="4652" fill="#0764f5"></path></svg>

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

@@ -37,14 +37,14 @@
     "url": "https://github.com/wibetter/vue2-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.0.3",
+    "neo-register": "^1.0.5",
     "vue": "^2.6.14",
     "element-ui": "^2.15.12"
   },
   "devDependencies": {
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^9.1.1",
-    "neo-cmp-cli": "^1.3.5",
+    "neo-cmp-cli": "^1.3.8",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",

package/src/template/echarts-custom-cmp-template/src/components/info-card/index.tsx

@@ -1,69 +0,0 @@
-import * as React from 'react';
-import './style.scss'; // 组件内容样式
-
-interface InfoCardProps {
-  title: string;
-  backgroundImage: string;
-  imgCount: number;
-  commentCount: number;
-  data?: any;
-}
-
-export default class InfoCard extends React.PureComponent<InfoCardProps> {
-  constructor(props: InfoCardProps) {
-    super(props);
-    this.agreeDataFormat = this.agreeDataFormat.bind(this);
-  }
-
-  agreeDataFormat(agreeData: number) {
-    if (agreeData && agreeData <= 9999) {
-      return agreeData;
-    }
-    if (agreeData && agreeData > 9999) {
-      return `${Math.floor(agreeData / 1000) / 10}w`;
-    }
-    return '';
-  }
-
-  render() {
-    const { title, backgroundImage, imgCount, commentCount } = this.props;
-    console.log('当前自定义组件：', this.props, this);
-    const curAmisData = this.props.data || {};
-
-    const userInfo = curAmisData.__NeoCurrentUser;
-    const systemInfo = curAmisData.__NeoSystemInfo || {};
-
-    const curBackgroundImage =
-      backgroundImage || 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg';
-    return (
-      <div className="info-card-container">
-        <div className="news-title">
-          {title ||
-            '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。'}
-          {systemInfo.tenantName ? `【${systemInfo.tenantName}】` : ''}
-        </div>
-        <div className="item-imgbox">
-          {userInfo && userInfo.icon && (
-            <div className="user-info-box">
-              <img src={userInfo.icon} className="user-icon" />
-              <span className="user-name">{userInfo.name}</span>
-            </div>
-          )}
-          <div
-            className="news-img"
-            style={{ backgroundImage: `url(${curBackgroundImage})` }}
-          ></div>
-          {imgCount > 0 && <div className="img-count">{imgCount}</div>}
-        </div>
-        <div className="news-info">
-          <div className="left media-mark">NeoCRM · 低代码平台</div>
-          {commentCount && commentCount > 0 && (
-            <div className="cmt-num right">
-              {this.agreeDataFormat(commentCount)}评
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-}

package/src/template/echarts-custom-cmp-template/src/components/info-card/model.ts

@@ -1,78 +0,0 @@
-/**
- * @file 自定义组件对接编辑器的描述文件
- */
-export class InfoCardModel {
-  /**
-   * cmpType 为自定义组件名称，用于标识组件的唯一性
-   * 在构建时根据当前组件目录名称自动生成
-   */
-  // cmpType: string = 'info-card';
-
-  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
-  label: string = '信息卡片';
-
-  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '信息展示卡片';
-
-  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示（可设置多个分类标签）
-  tags: string[] = ['自定义组件'];
-
-  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
-  iconSrc: string = 'https://neo-widgets.bj.bcebos.com/custom-widget.svg';
-  // iconSrc = 'https://neo-widgets.bj.bcebos.com/favicon.png';
-
-  // 初次插入页面的默认属性数据
-  defaultComProps = {
-    title:
-      '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。',
-    label: '信息卡片',
-    backgroundImage: 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg',
-    imgCount: 3,
-    commentCount: 2025,
-  };
-
-  // 设计器端预览时展示的默认数据
-  previewComProps = {
-    label: '信息卡片',
-  };
-
-  /**
-   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
-   */
-  propsSchema = [
-    {
-      type: 'textarea',
-      name: 'title',
-      label: '卡片title',
-      value:
-        '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。',
-    },
-    {
-      type: 'text',
-      name: 'backgroundImage',
-      label: '展示图片',
-      value: 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg',
-    },
-    {
-      type: 'number',
-      name: 'imgCount',
-      label: '图片数量',
-      value: 3,
-    },
-    {
-      type: 'number',
-      name: 'commentCount',
-      label: '评论数',
-      value: 2025,
-    },
-  ];
-
-  // 支持 函数式写法：propsSchemaCreator，com 为组件实例。优先级比 propsSchema 高
-  /*
-  propsSchemaCreator = (com: any) => {
-    return [];
-  };
-  */
-}
-
-export default InfoCardModel;

package/src/template/echarts-custom-cmp-template/src/components/info-card/style.scss

@@ -1,105 +0,0 @@
-:root {
-  --padding-bottom: 12px;
-}
-
-.info-card-container {
-  position: relative;
-  box-sizing: border-box;
-
-  /* border-bottom: 1px solid #ececec; */
-  margin: 6px 12px;
-  padding: 6px var(--padding-bottom);
-  background-color: #fff;
-
-  .news-title {
-    padding: 6px 0;
-    font-family: PingFangSC-Regular;
-    font-size: 16px;
-    line-height: 22px;
-    color: #5f5e5e;
-  }
-
-  .item-imgbox {
-    position: relative;
-    height: 395px;
-    background: #f0f0f0;
-    cursor: pointer;
-    box-sizing: border-box;
-    text-align: center;
-    overflow: hidden;
-
-    .news-img {
-      width: 100%;
-      height: 100%;
-      box-sizing: border-box;
-      background-size: contain;
-    }
-
-    .img-count {
-      position: absolute;
-      top: 0;
-      right: 0;
-      padding: 6px 8px;
-      color: #fff;
-      min-width: 60px;
-      text-align: center;
-      line-height: 1.2;
-      background: rgb(0 0 0 / 40%);
-      font-size: 25px;
-      box-sizing: border-box;
-      overflow: hidden;
-    }
-
-    .user-info-box {
-      position: absolute;
-      top: 10px;
-      left: 10px;
-      width: 100px;
-      min-height: 100px;
-      padding: 6px 8px;
-      color: #fff;
-      min-width: 60px;
-      text-align: center;
-      line-height: 1.2;
-      background: rgb(0 0 0 / 40%);
-      font-size: 25px;
-      box-sizing: border-box;
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-
-      .user-icon {
-        width: 64px;
-        height: 64px;
-        border-radius: 50%;
-      }
-
-      .user-name {
-        font-size: 16px;
-        font-weight: 600;
-        margin-top: 10px;
-      }
-    }
-  }
-
-  .news-info {
-    font-family: PingFangSC-Light;
-    height: 28px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .media-mark,
-  .cmt-num {
-    display: inline-block;
-    height: 28px;
-    line-height: 28px;
-    font-family: PingFangSC-Light;
-    font-size: 18px;
-    color: #828282;
-  }
-}

package/src/template/neo-custom-cmp-template/src/components/contact-card-list/README.md

@@ -1,61 +0,0 @@
-# ContactCardList 联系人卡片列表组件
-联系人卡片列表组件用于展示联系人信息，以卡片形式展示每个联系人的姓名和手机号。组件使用 Ant Design 的 Card 组件，具有良好的视觉效果和交互体验。
-
-## 功能特性
-
-- 📱 响应式设计，支持多种屏幕尺寸
-- 🎨 美观的卡片布局，支持悬停效果
-- 🔄 自动加载数据，支持错误重试
-- 📊 使用 neo-open-api 获取 customContact__c 数据
-- 🎯 展示联系人姓名和手机号信息
-- 💫 加载状态和空状态处理
-
-## 组件属性
-
-| 属性名 | 类型 | 默认值 | 描述 |
-|--------|------|--------|------|
-| title | string | '联系人卡片列表' | 组件标题 |
-| data | any | - | 组件数据，包含用户信息和系统信息 |
-
-## 数据源
-
-组件通过 `neo-open-api` 工具函数获取数据：
-
-- **数据表**: `customContact__c`
-- **字段**: `id`, `name`, `phone__c`
-
-## 样式特性
-
-- 使用 Flexbox 布局，支持响应式设计
-- 卡片悬停效果，提升用户体验
-- 渐变色头像，美观大方
-- 支持移动端适配
-
-## 使用示例
-
-```tsx
-import ContactCardList from './components/contact-card-list';
-
-// 在页面中使用
-<ContactCardList 
-  title="我的联系人" 
-  data={amisData}
-/>
-```
-
-## 技术栈
-
-- React 16.9+
-- TypeScript
-- Ant Design 4.9+
-- SCSS
-
-## 文件结构
-
-```
-contact-card-list/
-├── index.tsx          # 主组件文件
-├── model.ts           # 组件配置和编辑器属性定义
-├── style.scss         # 组件样式文件
-└── README.md          # 组件说明文档
-```