neo-cmp-cli 1.9.33 → 1.10.0

package/package.json

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

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

@@ -0,0 +1,42 @@
+import * as React from 'react';
+// 引入 neo-ui-common / BaseCmp
+// @ts-ignore
+import { BaseCmp } from 'neo-ui-common';
+import './style.scss'; // 组件内容样式
+
+interface CustomCmpProps {
+  description: string;
+  data?: any;
+  env?: any;
+  className?: string;
+}
+
+interface CustomCmpStates {
+  [key: string]: any;
+}
+
+export default class CustomCmp extends BaseCmp<CustomCmpProps, CustomCmpStates> {
+  constructor(props: CustomCmpProps) {
+    super(props);
+  }
+
+  render() {
+    const { description, className, env } = this.props;
+    const ctx = (env || {}).ctx;
+    let languageCode = 'zh-CN'; // 默认中文
+    // 从上下文中 获取系统语言
+    if (ctx && ctx.system && ctx.system.language) {
+      languageCode = ctx.system.language;
+    }
+    console.log('当前自定义组件：', this.props);
+
+    return (
+      <div className={`custom-cmp-container ${className}`}>
+        <div className="news-title">
+          {languageCode === 'zh-CN' ? '你好，销售易！' : 'Hello NeoCRM!'}
+        </div>
+        <p>{description}</p>
+      </div>
+    );
+  }
+}

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

@@ -0,0 +1,55 @@
+/**
+ * @file 自定义组件对接编辑器的描述文件
+ */
+export class CmpModel {
+  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
+  label: string = '简单示例组件';
+
+  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
+  description: string = '暂无描述';
+
+  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
+  // tags: string[] = ['自定义组件'];
+
+  /** 
+   * 用于设置组件支持的页面类型
+   * 
+   * 当前 NeoCRM 平台存在的页面类型：
+   * all:	1	全页面
+   * entityFormPage:	4	实体表单页
+   * customPage:	6	自定义页面
+   */
+  targetPage: string[] = ['all'];
+
+  /** 
+   * 用于设置组件支持的终端类型
+   * 
+   * 当前 NeoCRM 平台存在的终端类型：
+   * web:	网页端
+   * mobile: 移动端
+   */
+  // targetDevice: string = 'web';
+
+
+  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
+  iconUrl: string = 'https://neo-widgets.bj.bcebos.com/custom-widget.svg';
+
+  // 初次插入页面的默认属性数据
+  defaultComProps = {
+    description: '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。'
+  };
+
+  /**
+   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
+   */
+  propsSchema = [
+    {
+      type: 'textarea',
+      name: 'description',
+      label: '组件内容',
+      value: '',
+    },
+  ];
+}
+
+export default CmpModel;

package/template/neo-custom-cmp-template/src/components/simpleCmp__c/style.scss

@@ -0,0 +1,21 @@
+:root {
+  --padding-bottom: 12px;
+}
+
+.custom-cmp-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;
+  }
+}