@luck-design-biz/luckda 1.0.1-9 → 1.0.2

package/es/lowcode/view/lc-components/Table/index.js

@@ -68,16 +68,16 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var instanceRef = useCombinedRefs(ref);
   useImperativeHandle(apiRef, function () {
     return {
-      /**
-       * 获取表格实例
-       * @method
+      /**
+       * 获取表格实例
+       * @method
        */
       getInstance: function getInstance() {
         return instanceRef.current;
       },
-      /**
-       * 刷新表格
-       * @method
+      /**
+       * 刷新表格
+       * @method
        */
       refresh: function refresh() {
         var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -448,12 +448,12 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return resultComp;
   }, [topActionGroup, impexp]);
-  var renderFilterArea = useMemoizedFn(function () {
+  var renderFilterArea = useCallback(function () {
     return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
       filter: topFilter,
       instance: instanceRef
     }) : null;
-  });
+  }, [topFilter]);
   var _wrapperProps = useCreation(function () {
     return _defineProperty({
       id: id
@@ -464,9 +464,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var condition = _zebra !== null && _zebra !== void 0 && _zebra.condition ? executeCode(ctx, _zebra.condition, ['params'], params) : _zebra && params.node.rowIndex % 2 === 0;
     return condition ? {
       'background-color': _zebra.color || _zebra
-    } : {
-      'background-color': '#fff'
-    };
+    } : {};
   });
   var _readFilter = useMemoizedFn(function (params, filters) {
     ctx.doAction(advance.events.onFilterChanged, {
@@ -593,135 +591,135 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   })));
 });
 LCTable.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: PropTypes.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
    */
   dataset: PropTypes.shape({
     code: PropTypes.string.isRequired,
     uid: PropTypes.string.isRequired
   }),
-  /**
-   * @name 自动加载
-   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
-   * @type switch
-   * @default true
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
    */
   autoLoad: PropTypes.bool,
-  /**
-   * @name 只读
-   * @type switch
-   * @default false
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
    */
   readOnly: PropTypes.bool,
-  /**
-   * @name 关闭预设
-   * @type switch
-   * @default false
+  /**
+   * @name 关闭预设
+   * @type switch
+   * @default false
    */
   suppressPreset: PropTypes.bool,
-  /**
-   * @name 宽度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   width: PropTypes.string,
-  /**
-   * @name 高度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   height: PropTypes.string,
-  /**
-   * @name 边框线
-   * @type switch
-   * @default false
-   * @group styleSetting
+  /**
+   * @name 边框线
+   * @type switch
+   * @default false
+   * @group styleSetting
    */
   border: PropTypes.bool,
-  /**
-   * @name 斑马纹
-   * @type switch
-   * @default false
-   * @group styleSetting
+  /**
+   * @name 斑马纹
+   * @type switch
+   * @default false
+   * @group styleSetting
    */
   zebra: PropTypes.oneOfType[(PropTypes.bool, PropTypes.string)],
-  /**
-   * @name 开启分页
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   pagination: PropTypes.bool,
-  /**
-   * @name 每页条数
-   * @type number
-   * @default 30
-   * @group paginationSetting
+  /**
+   * @name 每页条数
+   * @type number
+   * @default 30
+   * @group paginationSetting
    */
   pageSize: PropTypes.number,
-  /**
-   * @name 分页器
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 分页器
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   showSizeChanger: PropTypes.bool,
-  /**
-   * @name 快速跳转
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 快速跳转
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   showQuickJumper: PropTypes.bool,
-  /**
-   * @name 单页无分页器
-   * @type switch
-   * @default false
-   * @group paginationSetting
+  /**
+   * @name 单页无分页器
+   * @type switch
+   * @default false
+   * @group paginationSetting
    */
   hideOnSinglePage: PropTypes.bool,
-  /**
-   * @name 简单模式
-   * @type switch
-   * @default false
-   * @group paginationSetting
+  /**
+   * @name 简单模式
+   * @type switch
+   * @default false
+   * @group paginationSetting
    */
   paginationSimple: PropTypes.bool,
-  /**
-   * @name 隐藏操作列
-   * @type switch
-   * @default false
-   * @groupNext actionsColumn
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
    */
   suppressActions: PropTypes.bool,
-  /**
-   * @name 隐藏操作列
-   * @type number
-   * @default 160
-   * @groupNext actionsColumn
+  /**
+   * @name 隐藏操作列
+   * @type number
+   * @default 160
+   * @groupNext actionsColumn
    */
   actionsColumnWidth: PropTypes.number,
-  /**
-   * @name 最大显示数
-   * @type number
-   * @default 2
-   * @groupNext actionsColumn
+  /**
+   * @name 最大显示数
+   * @type number
+   * @default 2
+   * @groupNext actionsColumn
    */
   maxActionsCount: PropTypes.number,
-  /**
-   * @name 操作项
-   * @type _TableActions
-   * @groupNext actionsColumn
-   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
    */
   actions: PropTypes.shape({
     display: PropTypes.oneOf(['text', 'button']),
@@ -729,10 +727,10 @@ LCTable.propTypes = {
     moreText: PropTypes.string,
     todoList: PropTypes.array
   }),
-  /**
-   * @name 顶部操作
-   * @type _ActionGroup
-   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
+  /**
+   * @name 顶部操作
+   * @type _ActionGroup
+   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
    */
   topActionGroup: PropTypes.shape({
     display: PropTypes.oneOf(['text', 'button']),
@@ -740,86 +738,86 @@ LCTable.propTypes = {
     moreText: PropTypes.string,
     todoList: PropTypes.array
   }),
-  /**
-   * @name 顶部过滤器
-   * @type _TableTopFilter
+  /**
+   * @name 顶部过滤器
+   * @type _TableTopFilter
    */
   topFilter: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.shape({
     options: PropTypes.array.isRequired,
     field: PropTypes.string.isRequired
   })]),
-  /**
-   * @name 开启行选择器
-   * @type boolean
-   * @default false
+  /**
+   * @name 开启行选择器
+   * @type boolean
+   * @default false
    */
   rowSelection: PropTypes.bool,
-  /**
-   * @name 停用分页多选
-   * @type boolean
-   * @default false
+  /**
+   * @name 停用分页多选
+   * @type boolean
+   * @default false
    */
   suppressRowSelectionPagination: PropTypes.bool,
-  /**
-   * @name 选择器模式
-   * @type segmented
-   * @options [{label: '复选', value: 'multiple'}, {label: '单选', value: 'single'}]
-   * @default 'multiple'
+  /**
+   * @name 选择器模式
+   * @type segmented
+   * @options [{label: '复选', value: 'multiple'}, {label: '单选', value: 'single'}]
+   * @default 'multiple'
    */
   rowSelectionMode: PropTypes.oneOf(['single', 'multiple']),
-  /**
-   * @name 默认选中
-   * @type _JSEditor
-   * @default "function getDefaultRowSelected(data, node, ctx) { \n return false; \n}"
+  /**
+   * @name 默认选中
+   * @type _JSEditor
+   * @default "function getDefaultRowSelected(data, node, ctx) { \n return false; \n}"
    */
   defaultRowSelectedCode: PropTypes.string,
-  /**
-   * @name 行是否可选
-   * @type _JSEditor
-   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
+  /**
+   * @name 行是否可选
+   * @type _JSEditor
+   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
    */
   rowSelectableCode: PropTypes.string,
-  /**
-   * @name 导入导出
-   * @type _ImpExp
-   * @default { "export": true }
+  /**
+   * @name 导入导出
+   * @type _ImpExp
+   * @default { "export": true }
    */
   impexp: PropTypes.shape({
     import: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
     importType: PropTypes.bool,
     export: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
   }),
-  /**
-   * @name 批量操作
-   * @type _BatchActions
-   * @default { "todoList": [] }
+  /**
+   * @name 批量操作
+   * @type _BatchActions
+   * @default { "todoList": [] }
    */
   bantchActions: PropTypes.shape({
     todoList: PropTypes.array
   }),
-  /**
-   * @name 格式化数据
-   * @type _JSEditor
+  /**
+   * @name 格式化数据
+   * @type _JSEditor
    */
   formatDataSource: PropTypes.string,
-  /**
-   * @name 构建树层级
-   * @type _JSEditor
+  /**
+   * @name 构建树层级
+   * @type _JSEditor
    */
   getDataPath: PropTypes.string,
-  /**
-   * @name 重写表格列
-   * @type _JSEditor
+  /**
+   * @name 重写表格列
+   * @type _JSEditor
    */
   columnsRewrite: PropTypes.string,
-  /**
-   * @name 重置表格列
-   * @type _JSEditor
+  /**
+   * @name 重置表格列
+   * @type _JSEditor
    */
   columnsReset: PropTypes.string,
-  /**
-   * @name model参数
-   * @type _JSEditor
+  /**
+   * @name model参数
+   * @type _JSEditor
    */
   modelParams: PropTypes.string
 };