neo-cmp-cli 1.9.27 → 1.9.28

package/dist/package.json.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e="1.9.27";const o={version:e};exports.default=o,exports.version=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e="1.9.28";const o={version:e};exports.default=o,exports.version=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neo-cmp-cli",
-  "version": "1.9.27",
+  "version": "1.9.28",
   "description": "Neo 自定义组件开发工具，支持react 和 vue2.0技术栈。",
   "keywords": [
     "neo-cli",

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

@@ -38,7 +38,7 @@
     "url": "https://github.com/wibetter/antd-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.1.0",
+    "neo-register": "^1.1.2",
     "antd": "4.9.4",
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
@@ -48,7 +48,7 @@
     "@commitlint/config-conventional": "^9.1.1",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.9.21",
+    "neo-cmp-cli": "^1.9.28",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/antd-custom-cmp-template/src/components/infoCard__c/index.tsx

@@ -9,6 +9,7 @@ interface InfoCardProps {
   imgCount: number;
   commentCount: number;
   data?: any;
+  className?: string;
 }
 
 export default class InfoCard extends React.PureComponent<InfoCardProps> {
@@ -28,7 +29,8 @@ export default class InfoCard extends React.PureComponent<InfoCardProps> {
   }
 
   render() {
-    const { title, backgroundImage, imgCount, commentCount } = this.props;
+    const { title, backgroundImage, imgCount, commentCount, className } =
+      this.props;
     console.log('当前自定义组件：', this.props, this);
     const curAmisData = this.props.data || {};
 
@@ -38,7 +40,7 @@ export default class InfoCard extends React.PureComponent<InfoCardProps> {
     const curBackgroundImage =
       backgroundImage || 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg';
     return (
-      <div className="info-card-container">
+      <div className={`info-card-container ${className}`}>
         <div className="news-title">
           {title ||
             '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。'}

package/template/antd-custom-cmp-template/src/components/searchWidget__c/index.tsx

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { Input, message } from 'antd';
+// 引入 neo-ui-common / NeoEvent
+// @ts-ignore
+import { NeoEvent } from 'neo-ui-common'; // 后续考虑 使用 props.dispatchEvent 方法替代
+import './style.scss';
+
+const { Search } = Input;
+
+interface SearchWidgetProps {
+  placeholder?: string;
+  size?: 'large' | 'middle' | 'small';
+  enterButton?: boolean | string;
+  allowClear?: boolean;
+  disabled?: boolean;
+  maxLength?: number;
+  data?: any;
+  env?: any;
+  className?: string;
+}
+
+export default class SearchWidget extends React.PureComponent<SearchWidgetProps> {
+  constructor(props: SearchWidgetProps) {
+    super(props);
+    this.handleSearch = this.handleSearch.bind(this);
+  }
+
+  @NeoEvent.dispatch
+  handleSearch(value: string) {
+    if (!value || value.trim() === '') {
+      message.warning('请输入搜索内容');
+      return;
+    }
+    message.success(`搜索内容：${value}`);
+  }
+
+  render() {
+    const {
+      placeholder = '请输入搜索内容',
+      size = 'middle',
+      enterButton = true,
+      allowClear = true,
+      disabled = false,
+      maxLength,
+      className,
+    } = this.props;
+
+    console.log('当前自定义组件：', this.props, this);
+
+    return (
+      <div className={`search-widget-container ${className}`}>
+        <Search
+          placeholder={placeholder}
+          size={size}
+          enterButton={enterButton}
+          allowClear={allowClear}
+          disabled={disabled}
+          maxLength={maxLength}
+          onSearch={this.handleSearch}
+        />
+      </div>
+    );
+  }
+}

package/template/antd-custom-cmp-template/src/components/searchWidget__c/model.ts

@@ -0,0 +1,104 @@
+/**
+ * @file 自定义组件对接编辑器的描述文件
+ */
+export class SearchWidgetModel {
+  /**
+   * cmpType 为自定义组件名称，用于标识组件的唯一性
+   * 在构建时根据当前组件目录名称自动生成
+   */
+  // cmpType: string = 'searchWidget';
+
+  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
+  label: string = '搜索组件';
+
+  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
+  description: string = '支持搜索输入，点击回车键显示搜索内容';
+
+  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
+  // tags: string[] = ['自定义组件'];
+
+  /**
+   * 用于设置组件支持的页面类型
+   *
+   * 当前 NeoCRM 平台存在的页面类型：
+   * all:	1	全页面
+   * entityFormPage:	4	实体表单页
+   * customPage:	6	自定义页面
+   */
+  // targetPage: string[] = ['all'];
+
+  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
+  iconUrl: string = 'https://neo-widgets.bj.bcebos.com/custom-widget.svg';
+  // iconUrl = 'https://neo-widgets.bj.bcebos.com/favicon.png';
+
+  // 初次插入页面的默认属性数据
+  defaultComProps = {
+    placeholder: '请输入搜索内容',
+    label: '搜索组件',
+    size: 'middle',
+    enterButton: true,
+    allowClear: true,
+    disabled: false,
+  };
+
+  /**
+   * 声明当前组件会触发的所有事件
+   * 备注：页面设计器端可用于进行事件绑定，在组件属性配置模式中配置事件动作
+   */
+  events = [
+    {
+      apiKey: 'handleSearch', // 事件名称
+      label: '提交表单后', // 事件
+      helpText: '表单提交后触发该事件', // 信息icon hover 时的提示文本
+    },
+  ];
+
+  /**
+   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
+   */
+  propsSchema = [
+    {
+      type: 'text',
+      name: 'placeholder',
+      label: '占位符',
+      value: '请输入搜索内容',
+    },
+    {
+      type: 'select',
+      name: 'size',
+      label: '尺寸',
+      options: [
+        { label: '大', value: 'large' },
+        { label: '中', value: 'middle' },
+        { label: '小', value: 'small' },
+      ],
+      value: 'middle',
+    },
+    {
+      type: 'switch',
+      name: 'enterButton',
+      label: '显示搜索按钮',
+      value: true,
+    },
+    {
+      type: 'switch',
+      name: 'allowClear',
+      label: '允许清除',
+      value: true,
+    },
+    {
+      type: 'switch',
+      name: 'disabled',
+      label: '禁用状态',
+      value: false,
+    },
+    {
+      type: 'number',
+      name: 'maxLength',
+      label: '最大长度',
+      value: undefined,
+    },
+  ];
+}
+
+export default SearchWidgetModel;

package/template/antd-custom-cmp-template/src/components/searchWidget__c/style.scss

@@ -0,0 +1,11 @@
+.search-widget-container {
+  position: relative;
+  box-sizing: border-box;
+  margin: 6px 12px;
+  padding: 6px 0;
+  background-color: #fff;
+
+  .ant-input-search {
+    width: 100%;
+  }
+}

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

@@ -38,7 +38,7 @@
     "url": "https://github.com/wibetter/echarts-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.1.0",
+    "neo-register": "^1.1.2",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
     "echarts": "^5.5.1"
@@ -48,7 +48,7 @@
     "@commitlint/config-conventional": "^9.1.1",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.9.21",
+    "neo-cmp-cli": "^1.9.28",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",

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

@@ -23,6 +23,7 @@ interface MapWidgetProps {
   // 地图高度
   height?: number;
   data?: any;
+  className?: string;
 }
 
 interface MapWidgetState {
@@ -119,6 +120,26 @@ export default class MapWidget extends React.PureComponent<
     }
   };
 
+  /**
+   * 展示对应区域的地图
+   */
+  showLocation = (newLocationName: string) => {
+    if (newLocationName !== this.locationName) {
+      this.setState(
+        {
+          urlLocationName: newLocationName,
+          error: undefined,
+        },
+        () => {
+          // 重新初始化地图
+          this.initMap(newLocationName);
+        },
+      );
+    } else {
+      console.warn('当前地址未发现变化。');
+    }
+  };
+
   /**
    * 动态加载高德地图脚本
    */
@@ -320,7 +341,7 @@ export default class MapWidget extends React.PureComponent<
   };
 
   render() {
-    const { height = 400, data } = this.props;
+    const { height = 400, data, className } = this.props;
     const { isLoading, error } = this.state;
 
     const curAmisData = data || {};
@@ -329,7 +350,7 @@ export default class MapWidget extends React.PureComponent<
     console.log('this.props:', this.props);
 
     return (
-      <div className="map-widget-wrapper">
+      <div className={`map-widget-wrapper ${className}`}>
         {/* 
           // 地图头部: 显示地图标题和当前位置地址
         <div className="map-widget-header">

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

@@ -41,6 +41,23 @@ export class MapWidgetModel {
     height: 400, // 地图高度
   };
 
+  // 当前组件支持的函数列表（其他组件可触发当前组件的函数）
+  functions = [
+    {
+      apiKey: 'showLocation',
+      label: '展示对应区域',
+      helpTextKey: '展示对应区域的地图',
+      funcInParams: [
+        {
+          apiKey: 'newLocationName',
+          label: '区域名称',
+          type: 'String',
+          required: true,
+        }
+      ]
+    }
+  ]
+
   /**
    * 组件面板配置，用于生成编辑器右侧属性配置面板内容
    */

package/template/empty-cmp/index.tsx

@@ -4,6 +4,7 @@ import './style.scss'; // 组件内容样式
 interface CustomCmpProps {
   title: string;
   data?: any;
+  className?: string;
 }
 
 interface CustomCmpStates {
@@ -16,11 +17,11 @@ export default class CustomCmp extends React.PureComponent<CustomCmpProps, Custo
   }
 
   render() {
-    const { title } = this.props;
-    console.log('当前自定义组件：', this.props, this);
+    const { title, className } = this.props;
+    console.log('当前自定义组件：', this.props);
 
     return (
-      <div className="custom-cmp-container">
+      <div className={`custom-cmp-container ${className}`}>
         <div className="news-title">
           {title}
         </div>

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

@@ -37,7 +37,7 @@
     "url": "https://github.com/wibetter/empty-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.1.0",
+    "neo-register": "^1.1.2",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
     "antd": "4.9.4",
@@ -48,7 +48,7 @@
     "@commitlint/config-conventional": "^9.1.1",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.9.21",
+    "neo-cmp-cli": "^1.9.27",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

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

@@ -41,7 +41,7 @@
     "url": "https://github.com/wibetter/neo-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.1.0",
+    "neo-register": "^1.1.2",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
     "axios": "^0.27.2",
@@ -55,7 +55,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.9.21",
+    "neo-cmp-cli": "^1.9.28",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/neo-custom-cmp-template/src/components/entityCardList__c/index.tsx

@@ -19,6 +19,7 @@ interface EntityCardListProps {
   xObjectDataApi?: any;
   entityData?: any;
   data?: any;
+  className?: string;
 }
 
 interface ContactData {
@@ -154,14 +155,14 @@ export default class EntityCardList extends BaseCmp<
   }
 
   render() {
-    const { title } = this.props;
+    const { title, className } = this.props;
     const { objectDataList, loading, error } = this.state;
     const curAmisData = this.props.data || {};
     const systemInfo = curAmisData.__NeoSystemInfo || {};
     console.log('this.props:', this.props);
 
     return (
-      <div className="entity-card-list-container">
+      <div className={`entity-card-list-container ${className}`}>
         <div className="card-list-header">
           <div className="header-content">
             <h3 className="header-title">

package/template/neo-custom-cmp-template/src/components/entityDetail__c/index.tsx

@@ -35,6 +35,7 @@ interface EntityDetailProps {
   showTitle?: boolean;
   data?: any;
   entityData?: any;
+  className?: string;
 }
 
 interface FieldDescription {
@@ -270,14 +271,14 @@ export default class EntityDetail extends React.PureComponent<
   }
 
   render() {
-    const { title, showTitle = true } = this.props;
+    const { title, showTitle = true, className } = this.props;
     const { loading, error } = this.state;
     const curAmisData = this.props.data || {};
     const systemInfo = curAmisData.__NeoSystemInfo || {};
     console.log('this.props：', this.props);
 
     return (
-      <div className="entity-detail-container">
+      <div className={`entity-detail-container ${className}`}>
         {showTitle && (
           <div className="detail-header">
             <div className="header-content">

package/template/neo-custom-cmp-template/src/components/entityTable__c/index.tsx

@@ -70,6 +70,8 @@ interface EntityTableProps {
   showDeleteButton?: boolean;
   /** 是否为自定义实体对象 */
   custom?: boolean;
+  /** 组件类名 */
+  className?: string;
 }
 
 /**
@@ -702,6 +704,7 @@ export default class EntityTable extends BaseCmp<
       isModalVisible,
       isEditMode,
     } = this.state;
+    const { className } = this.props;
     const curAmisData = this.props.data || {};
     const systemInfo = curAmisData.__NeoSystemInfo || {};
     const { xObjectApiKey } = this.props.xObjectDataApi || {};
@@ -709,7 +712,7 @@ export default class EntityTable extends BaseCmp<
     console.log('this.props：', this.props, columns, this);
 
     return (
-      <div className="entity-table-container">
+      <div className={`entity-table-container ${className}`}>
         <Card>
           <div className="table-header">
             <div className="header-content">

package/template/neo-custom-cmp-template/src/components/entityTable__c/model.ts

@@ -34,6 +34,15 @@ export class EntityTableModel {
    */
   targetPage: string[] = ['all'];
 
+  /** 
+   * 用于设置组件支持的终端类型
+   * 
+   * 当前 NeoCRM 平台存在的终端类型：
+   * web:	网页端
+   * mobile: 移动端
+   */
+  targetDevice: string = 'all';
+
   /** 初次插入页面的默认属性数据 */
   defaultComProps = {
     title: '实体数据表格',

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

@@ -38,14 +38,14 @@
     "url": "https://github.com/wibetter/react-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.1.0",
+    "neo-register": "^1.1.2",
     "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.9.21",
+    "neo-cmp-cli": "^1.9.28",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/react-custom-cmp-template/src/components/infoCard__c/index.jsx

@@ -15,11 +15,11 @@ export default class InfoCard extends React.PureComponent {
     }
   }
   render() {
-    const { title, backgroundImage, imgCount, commentCount } = this.props;
+    const { title, backgroundImage, imgCount, commentCount, className } = this.props;
     const curBackgroundImage =
       backgroundImage || 'https://neo-widgets.bj.bcebos.com/NeoCRM.jpg';
     return (
-      <div className="info-card-container">
+      <div className={`info-card-container ${className}`}>
         <div className="news-title">
           {title ||
             '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。'}

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

@@ -38,7 +38,7 @@
     "url": "https://github.com/wibetter/react-ts-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.1.0",
+    "neo-register": "^1.1.2",
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
   },
@@ -47,7 +47,7 @@
     "@commitlint/config-conventional": "^9.1.1",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.9.21",
+    "neo-cmp-cli": "^1.9.28",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/react-ts-custom-cmp-template/src/components/listWidget__c/index.tsx

@@ -22,6 +22,7 @@ interface ListWidgetProps {
   itemCount: number;
   listType: 'default' | 'card' | 'simple';
   data?: any;
+  className?: string;
 }
 
 /**
@@ -183,7 +184,7 @@ export default class ListWidget extends React.PureComponent<ListWidgetProps> {
   }
 
   render() {
-    const { title, itemCount, listType, data } = this.props;
+    const { title, itemCount, listType, data, className } = this.props;
 
     const curAmisData = data || {};
     const systemInfo = curAmisData.__NeoSystemInfo || {};
@@ -191,7 +192,7 @@ export default class ListWidget extends React.PureComponent<ListWidgetProps> {
     const mockData = this.generateMockData(itemCount);
 
     return (
-      <div className="list-widget-container">
+      <div className={`list-widget-container ${className}`}>
         <div className="list-header">
           <h2 className="list-title">
             {title || '内容列表'}

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

@@ -38,14 +38,14 @@
     "url": "https://github.com/wibetter/vue2-custom-cmp-template/issues"
   },
   "dependencies": {
-    "neo-register": "^1.1.0",
+    "neo-register": "^1.1.2",
     "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.9.21",
+    "neo-cmp-cli": "^1.9.28",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",