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

package/lib/lowcode/view/lc-components/Split/meta.json

@@ -1,53 +1,53 @@
-{
-  "component": "Split",
-  "name": "分割面板容器",
-  "icon": "icon-split",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "name": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "displaySetting",
-      "name": "展现形式",
-      "type": "group",
-      "props": [
-        {
-          "key": "display",
-          "name": "#展现形式",
-          "type": "_SplitDisplay",
-          "default": { "type": "normal", "split": "horizontal", "ratio": "1:1" }
-        }
-      ]
-    }
-  ],
-  "css": "width: 100%; height: 100%; background-color: transparent;",
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "function onMount() {\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "function onUnmount() {\n\t\n}"
-      },
-      {
-        "key": "onChange",
-        "name": "尺寸变化事件",
-        "desc": "在面板尺寸发生变化时，执行方法",
-        "func": "function onChange(value) {\n\t\n}"
-      }
-    ]
-  }
-}
+{
+  "component": "Split",
+  "name": "分割面板容器",
+  "icon": "icon-split",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "displaySetting",
+      "name": "展现形式",
+      "type": "group",
+      "props": [
+        {
+          "key": "display",
+          "name": "#展现形式",
+          "type": "_SplitDisplay",
+          "default": { "type": "normal", "split": "horizontal", "ratio": "1:1" }
+        }
+      ]
+    }
+  ],
+  "css": "width: 100%; height: 100%; background-color: transparent;",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      },
+      {
+        "key": "onChange",
+        "name": "尺寸变化事件",
+        "desc": "在面板尺寸发生变化时，执行方法",
+        "func": "function onChange(value) {\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -17,8 +17,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _moment = _interopRequireDefault(require("moment"));
 var _base = require("@luck-design-biz/base");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _PageProxyProvider = require("../../../engine/provider/PageProxyProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = require("../../../../index");
 var _TopFilter = _interopRequireDefault(require("./components/TopFilter"));
@@ -29,7 +31,7 @@ var _useCombinedRefs = _interopRequireDefault(require("../../../engine/tools/use
 var _tablePropsDefault = _interopRequireDefault(require("../../../engine/meta/table.props.default.json"));
 var _constants = require("../../../constants");
 var _apiUrl2 = require("../../../constants/api-url");
-var _excluded = ["render"];
+var _excluded = ["render", "dateFormat"];
 var moduleCode = (0, _helper.getLDMetaAttr)('moduleCode');
 var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
@@ -71,21 +73,22 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onGridReady = _ref.onGridReady,
     advance = _ref.advance;
   var ctx = (0, _ContextProvider.useContext)();
+  var ppCtx = (0, _PageProxyProvider.usePageProxyContext)();
   var apiRef = (0, _react.useRef)();
   var wrapperRef = (0, _react.useRef)();
   var instanceRef = (0, _useCombinedRefs.default)(ref);
   (0, _react.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;
@@ -394,6 +397,7 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         var colsMap = (0, _lodash.keyBy)(cols, 'field');
         var _cols = (0, _lodash.isNil)(fields) ? cols : fields.map(function (_ref4) {
           var render = _ref4.render,
+            dateFormat = _ref4.dateFormat,
             _field = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
           return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colsMap[_field.field]), {}, {
             render: render ? function (v, d, i, p) {
@@ -403,6 +407,8 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
                 rowIndex: i,
                 params: p
               }, render.replace(/(function\s*\w*\s*)\([^)]*\)(\s*{)/, '$1()$2'));
+            } : dateFormat ? function (v) {
+              return (0, _moment.default)(v).format(dateFormat);
             } : null
           }, _field);
         });
@@ -574,7 +580,8 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     wrapper: wrapperRef,
     wrapperProps: _wrapperProps,
     width: width,
-    height: height
+    height: height,
+    pageProxy: ppCtx
     // _loading={ctx.loading}
     ,
     bordered: bordered,
@@ -600,135 +607,135 @@ var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   })));
 });
 LCTable.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: _propTypes.default.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
    */
   dataset: _propTypes.default.shape({
     code: _propTypes.default.string.isRequired,
     uid: _propTypes.default.string.isRequired
   }),
-  /**
-   * @name 自动加载
-   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
-   * @type switch
-   * @default true
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
    */
   autoLoad: _propTypes.default.bool,
-  /**
-   * @name 只读
-   * @type switch
-   * @default false
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
    */
   readOnly: _propTypes.default.bool,
-  /**
-   * @name 关闭预设
-   * @type switch
-   * @default false
+  /**
+   * @name 关闭预设
+   * @type switch
+   * @default false
    */
   suppressPreset: _propTypes.default.bool,
-  /**
-   * @name 宽度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   width: _propTypes.default.string,
-  /**
-   * @name 高度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   height: _propTypes.default.string,
-  /**
-   * @name 边框线
-   * @type switch
-   * @default false
-   * @group styleSetting
+  /**
+   * @name 边框线
+   * @type switch
+   * @default false
+   * @group styleSetting
    */
   border: _propTypes.default.bool,
-  /**
-   * @name 斑马纹
-   * @type switch
-   * @default false
-   * @group styleSetting
+  /**
+   * @name 斑马纹
+   * @type switch
+   * @default false
+   * @group styleSetting
    */
   zebra: _propTypes.default.oneOfType[(_propTypes.default.bool, _propTypes.default.string)],
-  /**
-   * @name 开启分页
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   pagination: _propTypes.default.bool,
-  /**
-   * @name 每页条数
-   * @type number
-   * @default 30
-   * @group paginationSetting
+  /**
+   * @name 每页条数
+   * @type number
+   * @default 30
+   * @group paginationSetting
    */
   pageSize: _propTypes.default.number,
-  /**
-   * @name 分页器
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 分页器
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   showSizeChanger: _propTypes.default.bool,
-  /**
-   * @name 快速跳转
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 快速跳转
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   showQuickJumper: _propTypes.default.bool,
-  /**
-   * @name 单页无分页器
-   * @type switch
-   * @default false
-   * @group paginationSetting
+  /**
+   * @name 单页无分页器
+   * @type switch
+   * @default false
+   * @group paginationSetting
    */
   hideOnSinglePage: _propTypes.default.bool,
-  /**
-   * @name 简单模式
-   * @type switch
-   * @default false
-   * @group paginationSetting
+  /**
+   * @name 简单模式
+   * @type switch
+   * @default false
+   * @group paginationSetting
    */
   paginationSimple: _propTypes.default.bool,
-  /**
-   * @name 隐藏操作列
-   * @type switch
-   * @default false
-   * @groupNext actionsColumn
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
    */
   suppressActions: _propTypes.default.bool,
-  /**
-   * @name 隐藏操作列
-   * @type number
-   * @default 160
-   * @groupNext actionsColumn
+  /**
+   * @name 隐藏操作列
+   * @type number
+   * @default 160
+   * @groupNext actionsColumn
    */
   actionsColumnWidth: _propTypes.default.number,
-  /**
-   * @name 最大显示数
-   * @type number
-   * @default 2
-   * @groupNext actionsColumn
+  /**
+   * @name 最大显示数
+   * @type number
+   * @default 2
+   * @groupNext actionsColumn
    */
   maxActionsCount: _propTypes.default.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.default.shape({
     display: _propTypes.default.oneOf(['text', 'button']),
@@ -736,10 +743,10 @@ LCTable.propTypes = {
     moreText: _propTypes.default.string,
     todoList: _propTypes.default.array
   }),
-  /**
-   * @name 顶部操作
-   * @type _ActionGroup
-   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
+  /**
+   * @name 顶部操作
+   * @type _ActionGroup
+   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
    */
   topActionGroup: _propTypes.default.shape({
     display: _propTypes.default.oneOf(['text', 'button']),
@@ -747,86 +754,86 @@ LCTable.propTypes = {
     moreText: _propTypes.default.string,
     todoList: _propTypes.default.array
   }),
-  /**
-   * @name 顶部过滤器
-   * @type _TableTopFilter
+  /**
+   * @name 顶部过滤器
+   * @type _TableTopFilter
    */
   topFilter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array, _propTypes.default.shape({
     options: _propTypes.default.array.isRequired,
     field: _propTypes.default.string.isRequired
   })]),
-  /**
-   * @name 开启行选择器
-   * @type boolean
-   * @default false
+  /**
+   * @name 开启行选择器
+   * @type boolean
+   * @default false
    */
   rowSelection: _propTypes.default.bool,
-  /**
-   * @name 停用分页多选
-   * @type boolean
-   * @default false
+  /**
+   * @name 停用分页多选
+   * @type boolean
+   * @default false
    */
   suppressRowSelectionPagination: _propTypes.default.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.default.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.default.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.default.string,
-  /**
-   * @name 导入导出
-   * @type _ImpExp
-   * @default { "export": true }
+  /**
+   * @name 导入导出
+   * @type _ImpExp
+   * @default { "export": true }
    */
   impexp: _propTypes.default.shape({
     import: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
     importType: _propTypes.default.bool,
     export: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
   }),
-  /**
-   * @name 批量操作
-   * @type _BatchActions
-   * @default { "todoList": [] }
+  /**
+   * @name 批量操作
+   * @type _BatchActions
+   * @default { "todoList": [] }
    */
   bantchActions: _propTypes.default.shape({
     todoList: _propTypes.default.array
   }),
-  /**
-   * @name 格式化数据
-   * @type _JSEditor
+  /**
+   * @name 格式化数据
+   * @type _JSEditor
    */
   formatDataSource: _propTypes.default.string,
-  /**
-   * @name 构建树层级
-   * @type _JSEditor
+  /**
+   * @name 构建树层级
+   * @type _JSEditor
    */
   getDataPath: _propTypes.default.string,
-  /**
-   * @name 重写表格列
-   * @type _JSEditor
+  /**
+   * @name 重写表格列
+   * @type _JSEditor
    */
   columnsRewrite: _propTypes.default.string,
-  /**
-   * @name 重置表格列
-   * @type _JSEditor
+  /**
+   * @name 重置表格列
+   * @type _JSEditor
    */
   columnsReset: _propTypes.default.string,
-  /**
-   * @name model参数
-   * @type _JSEditor
+  /**
+   * @name model参数
+   * @type _JSEditor
    */
   modelParams: _propTypes.default.string
 };