neo-cmp-cli 1.12.9 → 1.12.11

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

@@ -0,0 +1,79 @@
+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('entityGrid3__c: ', this.props, this);
+
+    return (
+      <div className={`entityGrid3__c ${className}`}>
+        <NeoEntityGrid
+          render={this.props.render}
+          objectApiKey={objectApiKey || 'account'}
+          pattern={'pickView'} // Picker 列表（选择器）
+          referData={{
+            referObjectApiKey: 'opportunity', // 关联表
+            referItemApiKey: 'accountId' // 关联表对应的外键字段
+          }}
+          selectionMode="multiple" // 多选模式
+          shouldCloseDialog={true}
+          onRowSelected={(data: any, event: any) => {
+            const selectedIds = data.map(({ data }: any) => data.id);
+            const selectedNames = data.map(({ data }: any) => data.name);
+            console.log('已选中条数：', data.length);
+            console.log('已选中 ID：', selectedIds);
+            console.log('已选中名称：', selectedNames);
+          }}
+          // defaultViewId="default_view" // 默认展示的列表视图
+          hiddenHeader={hiddenHeader ?? false}
+          disableSearch={disableSearch ?? false}
+          canCreate={canCreate ?? true}
+          withOrder={withOrder ?? true}
+          withCheck={withCheck ?? true}
+          disablePagination={disablePagination ?? false}
+          paginationPageSize={paginationPageSize ?? 20}
+          autoHeight={autoHeight ?? false}
+          height={height ?? '500px'}
+        />
+      </div>
+    );
+  }
+}

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

@@ -0,0 +1,121 @@
+/**
+ * @file 自定义组件对接编辑器的描述文件
+ */
+export class NeoEntityGridModel {
+  /**
+   * cmpType 为自定义组件名称，用于标识组件的唯一性
+   * 在构建时根据当前组件目录名称自动生成
+   */
+  // cmpType: string = 'entityList__c';
+
+  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
+  label: string = 'Picker 列表';
+
+  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
+  description: string = '数据列表示例: Picker 列表';
+
+  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
+  // 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: true,
+    canCreate: true,
+    withOrder: true,
+    withCheck: true,
+    disableSearch: false,
+    disablePagination: false,
+    paginationPageSize: 20,
+    autoHeight: false,
+    height: '500px',
+  };
+
+  /**
+   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
+   */
+  propsSchema = [
+    {
+      type: 'xObjectEntityList',
+      name: 'objectApiKey',
+      label: '实体对象',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'hiddenHeader',
+      label: '隐藏头部',
+      defaultChecked: false,
+    },
+    {
+      type: 'panelSwitch',
+      name: 'disableSearch',
+      label: '禁用搜索',
+      defaultChecked: false,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'canCreate',
+      label: '支持新建',
+      defaultChecked: true,
+      hiddenOn: 'hiddenHeader',
+    },
+    {
+      type: 'panelSwitch',
+      name: 'withOrder',
+      label: '显示序号列',
+      defaultChecked: true,
+    },
+    {
+      type: 'panelSwitch',
+      name: 'withCheck',
+      label: '显示多选列',
+      defaultChecked: true,
+    },
+    {
+      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/entityGrid3__c/style.scss

@@ -0,0 +1,60 @@
+:root {
+  --padding-bottom: 12px;
+}
+
+.entityGrid3__c {
+  position: relative;
+  box-sizing: border-box;
+
+  /* border-bottom: 1px solid #ececec; */
+  // margin: 6px 12px;
+  padding: 6px var(--padding-bottom);
+  background-color: #fff;
+}
+
+/* 底部工具栏「同步状态」指示器（customToolbarButtons.footer customRender） */
+.entityGrid3__c .entityGrid3__c-status-indicator {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  padding: 6px 12px;
+  list-style: none;
+  font-size: 12px;
+  line-height: 1.25;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  color: #1f2937;
+  background: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%);
+  border: 1px solid #e5e7eb;
+  border-radius: 999px;
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
+  user-select: none;
+  vertical-align: middle;
+}
+
+.entityGrid3__c .entityGrid3__c-status-indicator__dot {
+  flex-shrink: 0;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
+}
+
+.entityGrid3__c .entityGrid3__c-status-indicator__dot--ok {
+  background: #22c55e;
+  box-shadow:
+    0 0 0 2px rgba(255, 255, 255, 0.9),
+    0 0 0 3px rgba(34, 197, 94, 0.25);
+}
+
+.entityGrid3__c .entityGrid3__c-status-indicator__dot--error {
+  background: #ef4444;
+  box-shadow:
+    0 0 0 2px rgba(255, 255, 255, 0.9),
+    0 0 0 3px rgba(239, 68, 68, 0.28);
+}
+
+.entityGrid3__c .entityGrid3__c-status-indicator__label {
+  color: #374151;
+}

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

@@ -0,0 +1,77 @@
+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('entityGrid__c: ', this.props, this);
+
+    return (
+      <div className={`entityGrid__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="暂无数据，请点击「新建」按钮创建"
+          onSinglerClick={(clickData: any) => {
+            console.log('点击了列表项', clickData);
+          }}
+        />
+      </div>
+    );
+  }
+}