@luck-design-biz/luckda 0.0.24-1 → 0.0.24-2

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

@@ -1,22 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "children", "className"];
+var _excluded = ["id", "children", "className", "getContainer", "style"];
 import React, { useRef, useImperativeHandle } from 'react';
-import { useMemoizedFn, useBoolean, useUpdateEffect } from 'ahooks';
+import { useMemoizedFn, useBoolean } from 'ahooks';
 import { Drawer } from 'luck-design/antd';
 import classNames from 'classnames';
-import { useLDContext } from "../../../engine/provider/ContextProvider";
-import { CELL_KEY, RUNTIME } from "../../../constants";
 import Wrapper from "../Wrapper";
-import styles from "./style.less";
+import styles from "./index.less";
 var LCDrawer = function LCDrawer(_ref) {
   var id = _ref.id,
     children = _ref.children,
     className = _ref.className,
+    getContainer = _ref.getContainer,
+    style = _ref.style,
     props = _objectWithoutProperties(_ref, _excluded);
   var apiRef = useRef();
-  var context = useLDContext();
+  var domRef = useRef();
   var _useBoolean = useBoolean(false),
     _useBoolean2 = _slicedToArray(_useBoolean, 2),
     open = _useBoolean2[0],
@@ -25,7 +25,8 @@ var LCDrawer = function LCDrawer(_ref) {
     setFalse = _useBoolean2$.setFalse,
     toggle = _useBoolean2$.toggle;
   var getTargetDom = useMemoizedFn(function () {
-    return (context.runtime === RUNTIME.DESIGN ? context.componentMap.get(CELL_KEY.PAGE_ROOT).dom : document).getElementsByClassName('ant-drawer-content-wrapper')[0];
+    var _domRef$current;
+    return (_domRef$current = domRef.current) === null || _domRef$current === void 0 ? void 0 : _domRef$current.closest('.ant-drawer-content-wrapper');
   });
   useImperativeHandle(apiRef, function () {
     return {
@@ -35,28 +36,24 @@ var LCDrawer = function LCDrawer(_ref) {
       toggle: toggle
     };
   });
-  useUpdateEffect(function () {
-    if (open) {
-      context.$publisher(context.topics.MODAL_OPEN, {
-        id: id
-      });
-    } else {
-      context.$publisher(context.topics.MODAL_CLOSE, {
-        id: id
-      });
-    }
-  }, [open]);
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     getTargetDom: getTargetDom,
     api: apiRef
   }, /*#__PURE__*/React.createElement(Drawer, {
     visible: open,
-    getContainer: context.runtime !== RUNTIME.DESIGN,
+    getContainer: getContainer,
+    style: style,
+    className: classNames(styles['lc-component-drawer'], _defineProperty({}, className, !!className))
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
-      position: context.runtime === RUNTIME.DESIGN ? 'absolute' : 'fixed'
+      height: 0,
+      width: 0,
+      margin: 0,
+      padding: 0,
+      visibility: 'hidden'
     },
-    className: classNames(_defineProperty(_defineProperty({}, styles['runtime-drawer'], context.runtime === RUNTIME.DESIGN), className, !!className))
-  }, /*#__PURE__*/React.createElement("div", null, "LCDrawer-", id), children));
+    ref: domRef
+  }), /*#__PURE__*/React.createElement("div", null, "LCDrawer-", id), children));
 };
 export default LCDrawer;

package/es/lowcode/view/lc-components/Drawer/{style.less → index.less}

@@ -1,4 +1,4 @@
-.runtime-drawer {
+.lc-component-drawer.runtime-design {
     :global {
         .ant-drawer-content-wrapper {
             transition: none;

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

@@ -1,16 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className"];
+var _excluded = ["children", "className", "suppressPreset"];
 import Index from "./index";
 import classNames from 'classnames';
 import { CELL_CLASS_NAME } from "../../../constants/index";
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,
     className = _ref.className,
+    suppressPreset = _ref.suppressPreset,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Index, _extends({
-    className: classNames(CELL_CLASS_NAME, _defineProperty({}, className, !!className))
+    className: classNames(CELL_CLASS_NAME, _defineProperty({}, className, !!className)),
+    suppressPreset: true
   }, props), children);
 };
 export default FunctionDesign;

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

@@ -1,153 +1,243 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "doAction", "className", "dataset"];
+var _excluded = ["context", "id", "className", "dataset", "width", "height", "bordered", "zebra", "autoLoad", "readOnly", "suppressActions", "actionsColumnWidth", "actions", "pagination", "pageSize", "showSizeChanger", "showQuickJumper", "hideOnSinglePage", "paginationSimple", "suppressPreset"];
 import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
-import { ldModuleBuild, LdGrid } from '@luck-design-biz/luckda';
-import { formatMessage } from '@luck-design-biz/base/utils';
+import PropTypes from 'prop-types';
+import { useMemoizedFn, useCreation, useUpdateEffect, useLatest } from 'ahooks';
+import LdGrid from "../../../../components/LdGrid";
 import classNames from 'classnames';
 import Wrapper from "../Wrapper";
+import { omitBadProps } from "../../../engine/tools/helper";
+import defaultMeta from "../../../engine/meta/table.props.default.json";
 var LCTable = function LCTable(_ref) {
-  var id = _ref.id,
-    doAction = _ref.doAction,
+  var context = _ref.context,
+    id = _ref.id,
     className = _ref.className,
     dataset = _ref.dataset,
+    width = _ref.width,
+    height = _ref.height,
+    bordered = _ref.bordered,
+    zebra = _ref.zebra,
+    autoLoad = _ref.autoLoad,
+    readOnly = _ref.readOnly,
+    suppressActions = _ref.suppressActions,
+    actionsColumnWidth = _ref.actionsColumnWidth,
+    actions = _ref.actions,
+    pagination = _ref.pagination,
+    pageSize = _ref.pageSize,
+    showSizeChanger = _ref.showSizeChanger,
+    showQuickJumper = _ref.showQuickJumper,
+    hideOnSinglePage = _ref.hideOnSinglePage,
+    paginationSimple = _ref.paginationSimple,
+    suppressPreset = _ref.suppressPreset,
     props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
+  var latestZebra = useLatest(zebra);
+  var _pagination = useCreation(function () {
+    return {
+      isFlow: !pagination,
+      pagination: pagination ? {
+        pageSize: pageSize,
+        pageSizeOptions: ["".concat(pageSize), "".concat(pageSize * 2), "".concat(pageSize * 3)],
+        showSizeChanger: showSizeChanger,
+        showQuickJumper: showQuickJumper,
+        hideOnSinglePage: hideOnSinglePage,
+        simple: paginationSimple
+      } : null
+    };
+  }, [pagination, pageSize, showSizeChanger, showQuickJumper, hideOnSinglePage, paginationSimple]);
+  var _actionsColumn = useCreation(function () {
+    return {
+      actionsColumn: suppressActions ? null : {
+        width: actionsColumnWidth,
+        maxCount: actions.max,
+        type: actions.type,
+        getActions: function getActions() {
+          return actions.todoList.map(function (_action) {
+            return {
+              title: _action.name,
+              action: function action(d) {
+                console.log('doAction', d, _action);
+              },
+              resource: _action.serial,
+              style: _action.riskLevel === 'default' ? null : {
+                color: {
+                  danger: '#ff7875',
+                  destroy: '#820014'
+                }[_action.riskLevel]
+              }
+            };
+          });
+        }
+      }
+    };
+  }, [suppressActions, actionsColumnWidth, actions]);
+  useUpdateEffect(function () {
+    var itemsToUpdate = [];
+    ref.current.gridApi.api.forEachNode(function (rowNode) {
+      if (rowNode.rowIndex % 2 === 0) itemsToUpdate.push(rowNode.data);
+    });
+    ref.current.gridApi.api.updateRowData({
+      update: itemsToUpdate
+    });
+  }, [zebra]);
   var getTargetDom = useMemoizedFn(function () {
     return ref.current.wrapperRef.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement(LdGrid, {
+  }, /*#__PURE__*/React.createElement(LdGrid, _extends({
     ref: ref,
+    width: width,
+    height: height,
+    bordered: bordered,
     id: id,
     className: classNames(_defineProperty({}, className, !!className)),
-    height: "100%"
-    /**
-     * @description 组件唯一key,项目全局唯一
-     * @require true
-     * @default -
-     */,
-    ldId: id
-    /**
-     * @description 数据集key(可传树形数据集，传树形数据集自动转为树形表格)
-     * @require true
-     * @default -
-     */,
-    dataSetKey: dataset
-    /**
-     * @description 批量配置项
-     * @require false
-     * @default -
-     */,
-    batchOperations: [{
-      key: 'delete',
-      title: formatMessage({
-        id: 'app.base.operate.delete'
-      }),
-      resource: 'delete'
-    }]
-    /**
-     * @description 批量操作方法
-     * @require false
-     * @default -
-     */,
-    onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {}
-    /**
-     * @description 同gridList的actionsColumn,getActions的返回值可配置resource
-     * @require false
-     * @default -
-     */,
-    actionsColumn: {
-      getActions: function getActions(data) {
-        return [{
-          title: formatMessage({
-            id: 'app.base.operate.update'
-          }),
-          action: function action() {},
-          resource: 'update'
-        }, {
-          title: formatMessage({
-            id: 'app.base.operate.delete'
-          }),
-          style: {
-            color: 'var(--luck-color-danger)'
-          },
-          action: function action() {},
-          resource: 'delete'
-        }];
-      }
+    ldId: id,
+    dataSetKey: dataset,
+    readOnly: readOnly,
+    suppressInit: !autoLoad,
+    getRowStyle: function getRowStyle(params) {
+      return latestZebra.current && params.node.rowIndex % 2 === 0 ? {
+        'background-color': latestZebra.current
+      } : {
+        'background-color': '#fff'
+      };
     },
-    rowSelection: "multiple"
-    /* ----------------------------其他可用配置开始 !!!不使用请删除!!!------------------------------ */
-    /**
-     * @description 是否只读
-     * @require false
-     * @default false
-     */
-    // readOnly={false}
-    /**
-     * @description 抑制初始化自动加载数据
-     * @require false
-     * @default -
-     */
-    // suppressInit={true}
-    /**
-     * @description 初始化后的回调
-     * @require false
-     * @default -
-     */
-    // afterInit={(res, dispatch, props)=>console.log(res, dispatch, props)}
-    /**
-     * @description 获取过滤条件
-     * @require false
-     * @default -
-     */
-    // readFilter={(params, filters)=>{}}
-    /**
-     * @description columns中的字段的覆写
-     * @require false
-     * @default -
-     */
-    // columnsRewrite={[{
-    //   field:'事例', // 必填,用于匹配覆写元素
-    //   title:'demo',
-    // }]}
-    /**
-     * @description columns中的字段的完全自定义，优先级大于columnsRewrite
-     * @require false
-     * @default -
-     */
-    // columnsReset={[]}
-    /**
-     * @description 格式化表格数据
-     * @require false
-     * @default -
-     */
-    // formatDataSource={(list, detail) => list.map(i => ({ ...detail[i], demo: 'test' }))}
-    /**
-     * @description 同树形表格getDataPath用法，用于构建树形表格层级关系
-     * @require false
-     * @default data =>data.sidcc?.substring(1, data.sidcc.length - 1).split(‘/‘)
-     */
-    // getDataPath={data =>data.sidcc?.substring(1, data.sidcc.length - 1).split(‘/‘)}
-    /**
-     * @description 复写model参数
-     * @require false
-     * @default -
-     */
-    // overModel={{ unclosableSet: ['ilinkno'] }}
-    /**
-     * @description 读取数据源后的回调,返回所有接口中所有
-     * @require false
-     * @default -
-     */
-    // afterQuery={(res) => console.log('afterQuery', res)}
-
-    // ... gridTable组件的其他可用属性
-    /* ----------------------------其他可用配置结束 !!!不使用请删除!!!------------------------------ */
-  }));
+    suppressPreset: suppressPreset
+    // operates={resources}
+  }, _pagination, _actionsColumn)));
+};
+LCTable.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: PropTypes.string.isRequired,
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
+   */
+  dataset: PropTypes.string,
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
+   */
+  autoLoad: PropTypes.bool,
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
+   */
+  readOnly: PropTypes.bool,
+  /**
+   * @name 关闭预设
+   * @type switch
+   * @default false
+   */
+  suppressPreset: PropTypes.bool,
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  width: PropTypes.string,
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  height: PropTypes.string,
+  /**
+   * @name 边框线
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  border: PropTypes.bool,
+  /**
+   * @name 斑马纹
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  zebra: PropTypes.oneOfType[(PropTypes.bool, PropTypes.string)],
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  pagination: PropTypes.bool,
+  /**
+   * @name 每页条数
+   * @type number
+   * @default 30
+   * @group paginationSetting
+   */
+  pageSize: PropTypes.number,
+  /**
+   * @name 分页器
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showSizeChanger: PropTypes.bool,
+  /**
+   * @name 快速跳转
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showQuickJumper: PropTypes.bool,
+  /**
+   * @name 单页无分页器
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  hideOnSinglePage: PropTypes.bool,
+  /**
+   * @name 简单模式
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  paginationSimple: PropTypes.bool,
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
+   */
+  suppressActions: PropTypes.bool,
+  /**
+   * @name 隐藏操作列
+   * @type number
+   * @default 160
+   * @groupNext actionsColumn
+   */
+  actionsColumnWidth: PropTypes.number,
+  /**
+   * @name 最大显示数
+   * @type number
+   * @default 2
+   * @groupNext actionsColumn
+   */
+  maxActionsCount: PropTypes.number,
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   */
+  actions: PropTypes.array
 };
-export default ldModuleBuild(LCTable, 'moduleWmsMaterialsData' /* 模块key,对应配置管理中心模块key */);
+LCTable.defaultProps = omitBadProps(defaultMeta, ['actionsColumn']);
+export default LCTable;