neo-cmp-cli 1.12.10 → 1.12.11

package/template/neo-web-cmps/src/components/entityGrid4__c/index.tsx

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import './style.scss'; // 组件内容样式
+// @ts-ignore
+import { NeoEntityGrid } from 'neo-ui-component-web';
+
+interface NeoEntityGridProps {
+  objectApiKey: string;
+  disableSearch?: boolean;
+  className?: string;
+  render: (name: string, schema: any) => React.ReactNode;
+  [key: string]: any;
+}
+
+export default class NeoEntityGridCmp extends React.PureComponent<NeoEntityGridProps> {
+  constructor(props: NeoEntityGridProps) {
+    super(props);
+  }
+
+  render() {
+    const {
+      className,
+      objectApiKey,
+      pattern,
+      hiddenHeader,
+      showView,
+      enableChangeView,
+      defaultViewId,
+      disableSearch,
+      canCreate,
+      canImport,
+      editable,
+      withOrder,
+      withCheck,
+      enableToolbar,
+      disableExport,
+      disablePagination,
+      paginationPageSize,
+      autoHeight,
+      height,
+      additionalConditions,
+      onRecordChange,
+      ...restProps
+    } = this.props;
+    console.log('entityGrid4__c: ', this.props, this);
+
+    return (
+      <div className={`entityGrid4__c ${className}`}>
+        <NeoEntityGrid
+          render={this.props.render}
+          objectApiKey={objectApiKey || 'account'}
+          pattern={'entityView'}
+          // defaultViewId="default_view" // 默认展示的列表视图
+          hiddenHeader={hiddenHeader ?? false}
+          showView={showView ?? true}
+          enableChangeView={enableChangeView ?? true}
+          defaultViewId={defaultViewId ?? 'default_view'}
+          disableSearch={disableSearch ?? false}
+          canCreate={canCreate ?? true}
+          canImport={canImport ?? true}
+          editable={editable ?? true}
+          withOrder={withOrder ?? true}
+          withCheck={withCheck ?? true}
+          enableToolbar={enableToolbar ?? true}
+          disableExport={disableExport ?? false}
+          disablePagination={disablePagination ?? false}
+          paginationPageSize={paginationPageSize ?? 20}
+          autoHeight={autoHeight ?? false}
+          height={height ?? '500px'}
+          customEmptyMsg="暂无数据，请点击「新建」按钮创建"
+          additionalConditions={[{
+            apiKey: 'accountName',
+            value: '测试客户',
+            type: 3 // 筛选条件/操作类型（3: 包含，1: 等于）
+            // item: -11100000100014, // 筛选条件ID
+          }]}
+        />
+      </div>
+    );
+  }
+}

package/template/neo-web-cmps/src/components/entityGrid4__c/model.ts

@@ -0,0 +1,180 @@
+/**
+ * @file 自定义组件对接编辑器的描述文件
+ */
+export class NeoEntityGridModel {
+  /**
+   * cmpType 为自定义组件名称，用于标识组件的唯一性
+   * 在构建时根据当前组件目录名称自动生成
+   */
+  // cmpType: string = 'entityList__c';
+
+  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
+  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://custom-widgets.bj.bcebos.com/table.svg';
+  // iconUrl = 'https://neo-widgets.bj.bcebos.com/favicon.png';
+
+  // 初次插入页面的默认属性数据
+  defaultComProps = {
+    objectApiKey: 'account',
+    funPermission: true, // 设计器添加时绕过职能权限检查，确保能正常渲染列表
+    hiddenHeader: false,
+    showView: true,
+    enableChangeView: true,
+    enableToolbar: true,
+    canCreate: true,
+    canImport: true,
+    withOrder: true,
+    withCheck: true,
+    editable: true,
+    disableSearch: false,
+    disableExport: false,
+    disablePagination: false,
+    paginationPageSize: 20,
+    autoHeight: false,
+    height: '500px',
+  };
+
+  /**
+   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
+   */
+  propsSchema = [
+    {
+      type: 'xObjectEntityList',
+      name: 'objectApiKey',
+      label: '实体对象',
+    },
+    {
+      type: 'dataViewIdSelect',
+      name: 'defaultViewId',
+      xObjectApiKey: 'objectApiKey',
+      label: '列表视图',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'hiddenHeader',
+      label: '隐藏头部',
+      defaultChecked: false,
+    },
+    {
+      type: 'panelSwitch',
+      name: 'disableSearch',
+      label: '禁用搜索',
+      defaultChecked: false,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'showView',
+      label: '显示列表视图控制栏',
+      defaultChecked: true,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'enableChangeView',
+      label: '支持列表视图切换',
+      defaultChecked: true,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'enableToolbar',
+      label: '显示工具栏（含刷新、导出等）',
+      defaultChecked: true,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'canCreate',
+      label: '支持新建',
+      defaultChecked: true,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'canImport',
+      label: '支持导入',
+      defaultChecked: false,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'disableExport',
+      label: '禁用导出',
+      defaultChecked: false,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'withOrder',
+      label: '显示序号列',
+      defaultChecked: true,
+    },
+    {
+      type: 'panelSwitch',
+      name: 'withCheck',
+      label: '显示多选列',
+      defaultChecked: true,
+    },
+    {
+      type: 'panelSwitch',
+      name: 'editable',
+      label: '支持单元格编辑',
+      defaultChecked: true,
+    },
+    {
+      type: 'panelSwitch',
+      name: 'disablePagination',
+      label: '是否禁用分页',
+      defaultChecked: false,
+    },
+    {
+      type: 'panelNumber',
+      name: 'paginationPageSize',
+      label: '每页展示条数',
+      visibleOn: '!disablePagination',
+      value: 20,
+    },
+    {
+      type: 'panelSwitch',
+      name: 'autoHeight',
+      label: '高度自适应（根据父容器高度自动适配）',
+      defaultChecked: false,
+    },
+    {
+      type: 'panelInput',
+      name: 'height',
+      label: '高度',
+      visibleOn: '!autoHeight',
+    },
+  ];
+}
+
+export default NeoEntityGridModel;

package/template/neo-web-cmps/src/components/entityGrid4__c/style.scss

@@ -0,0 +1,13 @@
+:root {
+  --padding-bottom: 12px;
+}
+
+.entityGrid4__c {
+  position: relative;
+  box-sizing: border-box;
+
+  /* border-bottom: 1px solid #ececec; */
+  // margin: 6px 12px;
+  padding: 6px var(--padding-bottom);
+  background-color: #fff;
+}

package/template/neo-web-cmps/src/components/entityGrid__c/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import './style.scss'; // 组件内容样式
 // @ts-ignore
-import { NeoEntityGrid } from 'neo-ui-component-web'
+import { NeoEntityGrid } from 'neo-ui-component-web';
 
 interface NeoEntityGridProps {
   objectApiKey: string;
@@ -17,7 +17,30 @@ export default class NeoEntityGridCmp extends React.PureComponent<NeoEntityGridP
   }
 
   render() {
-    const { className, objectApiKey, pattern, hiddenHeader, showView, enableChangeView, defaultViewId, disableSearch, canCreate, canImport, editable, withOrder, withCheck, enableToolbar, disableExport, disablePagination, paginationPageSize, autoHeight, height, additionalConditions, onRecordChange, ...restProps } = this.props;
+    const {
+      className,
+      objectApiKey,
+      pattern,
+      hiddenHeader,
+      showView,
+      enableChangeView,
+      defaultViewId,
+      disableSearch,
+      canCreate,
+      canImport,
+      editable,
+      withOrder,
+      withCheck,
+      enableToolbar,
+      disableExport,
+      disablePagination,
+      paginationPageSize,
+      autoHeight,
+      height,
+      additionalConditions,
+      onRecordChange,
+      ...restProps
+    } = this.props;
     console.log('entityGrid__c: ', this.props, this);
 
     return (
@@ -25,7 +48,7 @@ export default class NeoEntityGridCmp extends React.PureComponent<NeoEntityGridP
         <NeoEntityGrid
           render={this.props.render}
           objectApiKey={objectApiKey || 'account'}
-          pattern={pattern || 'entityView'}
+          pattern={'entityView'}
           // defaultViewId="default_view" // 默认展示的列表视图
           hiddenHeader={hiddenHeader ?? false}
           showView={showView ?? true}
@@ -43,8 +66,10 @@ export default class NeoEntityGridCmp extends React.PureComponent<NeoEntityGridP
           paginationPageSize={paginationPageSize ?? 20}
           autoHeight={autoHeight ?? false}
           height={height ?? '500px'}
-          additionalConditions={[]}
-          onRecordChange={(data: any) => console.log('数据变化', data)}
+          customEmptyMsg="暂无数据，请点击「新建」按钮创建"
+          onSinglerClick={(clickData: any) => {
+            console.log('点击了列表项', clickData);
+          }}
         />
       </div>
     );

package/template/neo-web-cmps/src/components/entityGrid__c/model.ts

@@ -9,10 +9,10 @@ export class NeoEntityGridModel {
   // cmpType: string = 'entityList__c';
 
   // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
-  label: string = '数据列表示例1';
+  label: string = '基础大列表';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '数据列表示例1';
+  description: string = '数据列表示例: 基础大列表，支持搜索、排序、导出、分页等操作';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];
@@ -44,7 +44,6 @@ export class NeoEntityGridModel {
   defaultComProps = {
     objectApiKey: 'account',
     funPermission: true, // 设计器添加时绕过职能权限检查，确保能正常渲染列表
-    pattern: 'entityView',
     hiddenHeader: false,
     showView: true,
     enableChangeView: true,
@@ -77,20 +76,6 @@ export class NeoEntityGridModel {
       xObjectApiKey: 'objectApiKey',
       label: '列表视图',
     },
-    /*
-    // 选择器模式下，需要额外配置 referData
-    {
-      type: 'panelSelect',
-      name: 'pattern',
-      label: '列表模式',
-      value: 'entityView',
-      options: [
-        { label: '标准实体列表', value: 'entityView' },
-        { label: '简单列表模式', value: 'simpleListView' },
-        { label: '选择器模式', value: 'pickView' },
-      ],
-    },
-    */
     {
       type: 'panelSwitch',
       name: 'hiddenHeader',

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