@luck-design-biz/luckda 1.0.2-13 → 1.0.2-14

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

@@ -4,14 +4,16 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-var _excluded = ["render"];
+var _excluded = ["render", "dateFormat"];
 import React, { useRef, useImperativeHandle, forwardRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation, useRequest, useUnmount } from 'ahooks';
 import { isNil, isString, keyBy } from 'lodash';
 import classNames from 'classnames';
+import moment from 'moment';
 import { Modal, recheck } from '@luck-design-biz/base';
 import { useContext } from "../../../engine/provider/ContextProvider";
+import { usePageProxyContext } from "../../../engine/provider/PageProxyProvider";
 import Wrapper from "../Wrapper";
 import { LdGrid, LDActions } from "../../../../index";
 import TopFilter from "./components/TopFilter";
@@ -63,21 +65,22 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onGridReady = _ref.onGridReady,
     advance = _ref.advance;
   var ctx = useContext();
+  var ppCtx = usePageProxyContext();
   var apiRef = useRef();
   var wrapperRef = useRef();
   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;
@@ -386,6 +389,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
         var colsMap = keyBy(cols, 'field');
         var _cols = isNil(fields) ? cols : fields.map(function (_ref4) {
           var render = _ref4.render,
+            dateFormat = _ref4.dateFormat,
             _field = _objectWithoutProperties(_ref4, _excluded);
           return _objectSpread(_objectSpread({}, colsMap[_field.field]), {}, {
             render: render ? function (v, d, i, p) {
@@ -395,6 +399,8 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 rowIndex: i,
                 params: p
               }, render.replace(/(function\s*\w*\s*)\([^)]*\)(\s*{)/, '$1()$2'));
+            } : dateFormat ? function (v) {
+              return moment(v).format(dateFormat);
             } : null
           }, _field);
         });
@@ -566,7 +572,8 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     wrapper: wrapperRef,
     wrapperProps: _wrapperProps,
     width: width,
-    height: height
+    height: height,
+    pageProxy: ppCtx
     // _loading={ctx.loading}
     ,
     bordered: bordered,
@@ -592,135 +599,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']),
@@ -728,10 +735,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']),
@@ -739,86 +746,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
 };