@luck-design-biz/luckda 0.0.25 → 0.0.26

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

@@ -1,17 +1,12 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "children"];
 import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
 import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-import styles from "./index.less";
-import defaultMeta from "../../../engine/meta/layout.props.default.json";
 var LCLayout = function LCLayout(_ref) {
   var id = _ref.id,
     children = _ref.children,
-    columnRatio = _ref.columnRatio,
-    columnSpacing = _ref.columnSpacing,
-    lineSpacing = _ref.lineSpacing,
-    style = _ref.style;
+    props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
@@ -21,37 +16,9 @@ var LCLayout = function LCLayout(_ref) {
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    className: styles['lc-component-layout'],
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      gap: "".concat(columnSpacing, "px ").concat(lineSpacing, "px")
-    })
-  }, children));
+    style: {
+      padding: 8
+    }
+  }, "LCLayout-", id, children));
 };
-LCLayout.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * @name 列比例
-   * @type string
-   * @default 12:3:9
-   */
-  columnRatio: PropTypes.string,
-  /**
-   * @name 列间距
-   * @type number
-   * @default 16
-   */
-  columnSpacing: PropTypes.number,
-  /**
-   * @name 行间距
-   * @type number
-   * @default 8
-   */
-  lineSpacing: PropTypes.number
-};
-LCLayout.defaultProps = _objectSpread({}, defaultMeta);
 export default LCLayout;

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

@@ -1,463 +1,23 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
 import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
-import { useMemoizedFn, useCreation } from 'ahooks';
-import { isNil, isString } from 'lodash';
-import classNames from 'classnames';
+import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-import { LdGrid, LDActions } from "../../../../index";
-import TopFilter from "./components/TopFilter";
-import { omitBadProps, executeCode } from "../../../engine/tools/helper";
-import defaultMeta from "../../../engine/meta/table.props.default.json";
 var LCTable = function LCTable(_ref) {
-  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,
-    renderIndex = _ref.renderIndex,
-    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,
-    impexp = _ref.impexp,
-    topActionGroup = _ref.topActionGroup,
-    topFilter = _ref.topFilter,
-    rowSelection = _ref.rowSelection,
-    suppressRowSelectionPagination = _ref.suppressRowSelectionPagination,
-    rowSelectionMode = _ref.rowSelectionMode,
-    defaultRowSelectedCode = _ref.defaultRowSelectedCode,
-    rowSelectableCode = _ref.rowSelectableCode,
-    bantchActions = _ref.bantchActions,
-    formatDataSource = _ref.formatDataSource,
-    getDataPath = _ref.getDataPath,
-    columnsRewrite = _ref.columnsRewrite,
-    columnsReset = _ref.columnsReset,
-    modelParams = _ref.modelParams,
-    onGridReady = _ref.onGridReady;
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
-  var handleBatchOperationsClick = useMemoizedFn(function (key, selectedRows, action) {
-    console.log('handleBatchOperationsClick', key, selectedRows, action);
-  });
-  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.current || actions).max,
-        type: (actions.current || actions).type,
-        getActions: function getActions() {
-          return (actions.current || actions).todoList.map(function (action) {
-            return {
-              title: action.name,
-              action: function (_action) {
-                function action(_x, _x2, _x3) {
-                  return _action.apply(this, arguments);
-                }
-                action.toString = function () {
-                  return _action.toString();
-                };
-                return action;
-              }(function (d, i, p) {
-                console.log('doAction', d, action);
-              }),
-              resource: action.serial,
-              style: action.riskLevel === 'default' ? null : {
-                color: {
-                  danger: '#ff7875',
-                  destroy: '#ff4d4f'
-                }[action.riskLevel]
-              }
-            };
-          });
-        }
-      }
-    };
-  }, [suppressActions, actionsColumnWidth, actions.current || actions]);
-  var _rowSelection = useCreation(function () {
-    return rowSelection ? {
-      rowSelection: {
-        mode: rowSelectionMode,
-        suppressPagination: suppressRowSelectionPagination,
-        isDefaultSelected: function isDefaultSelected(d, n) {
-          if (isNil(defaultRowSelectedCode)) return false;
-          return executeCode(context, defaultRowSelectedCode, ['data', 'node'], d, n);
-        },
-        isRowSelectable: function isRowSelectable(d, n) {
-          if (isNil(rowSelectableCode)) return true;
-          return executeCode(context, rowSelectableCode, ['data', 'node'], d, n);
-        }
-      }
-    } : false;
-  }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
-  var _export = useCreation(function () {
-    return {
-      enableExportAll: !!impexp.export,
-      apiUrl: isString(impexp.export) ? impexp.export : void 0
-    };
-  }, [impexp.export]);
-  var _batchActions = useCreation(function () {
-    return {
-      batchOperations: bantchActions.todoList.map(function (action) {
-        return {
-          key: action.id,
-          title: action.name,
-          resource: action.serial
-        };
-      }),
-      onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {
-        return handleBatchOperationsClick(key, selectedRows, action);
-      }
-    };
-  }, [bantchActions.todoList]);
-  var _others = useCreation(function () {
-    var temp = {};
-    if (!isNil(formatDataSource)) {
-      temp.formatDataSource = function (list, detail) {
-        return executeCode(context, formatDataSource, ['list', 'detail'], list, detail);
-      };
-    }
-    if (!isNil(getDataPath)) {
-      temp.getDataPath = function (data) {
-        return executeCode(context, getDataPath, ['data'], data);
-      };
-    }
-    if (!isNil(columnsRewrite)) {
-      temp.columnsRewrite = function (cols) {
-        return executeCode(context, columnsRewrite, ['columns'], cols);
-      };
-    }
-    if (!isNil(columnsReset)) {
-      temp.columnsReset = function (cols) {
-        return executeCode(context, columnsReset, ['columns'], cols);
-      };
-    }
-    if (!isNil(modelParams)) {
-      temp.overModel = executeCode(context, modelParams);
-    }
-    return temp;
-  }, [formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams]);
   var getTargetDom = useMemoizedFn(function () {
-    return ref.current.wrapperRef.current;
-  });
-  var renderFunctionArea = useMemoizedFn(function () {
-    var _topActionGroup$todoL;
-    return !!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length) ? /*#__PURE__*/React.createElement(LDActions, _extends({}, topActionGroup, {
-      doAction: function doAction(action) {
-        return context.doAction(action);
-      }
-    })) : null;
-  });
-  var renderFilterArea = useMemoizedFn(function () {
-    return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
-      filter: topFilter
-    }) : null;
+    return ref.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement(LdGrid, _extends({
+  }, /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    width: width,
-    height: height,
-    bordered: bordered,
-    id: id,
-    className: classNames(_defineProperty({}, className, !!className)),
-    ldId: id,
-    dataSetKey: dataset,
-    readOnly: readOnly,
-    renderIndex: renderIndex,
-    suppressInit: !autoLoad,
-    getRowStyle: function getRowStyle(params) {
-      return (zebra.current || zebra) && params.node.rowIndex % 2 === 0 ? {
-        'background-color': zebra.current || zebra
-      } : {
-        'background-color': '#fff'
-      };
-    },
-    suppressPreset: suppressPreset
-  }, _pagination, _actionsColumn, _rowSelection, _export, _batchActions, _others, {
-    onGridReady: onGridReady,
-    renderFunctionArea: renderFunctionArea,
-    renderFilterArea: renderFilterArea
-    /* ----------------------------其他可用配置开始 !!!不使用请删除!!!------------------------------ */
-    /**
-     * @description 初始化后的回调
-     * @require false
-     * @default -
-     */
-    // afterInit={(res, dispatch, props)=>console.log(res, dispatch, props)}
-    /**
-     * @description 获取过滤条件
-     * @require false
-     * @default -
-     */
-    // readFilter={(params, filters)=>{}}
-    /**
-     * @description 复写model参数
-     * @require false
-     * @default -
-     */
-    // overModel={{ unclosableSet: ['ilinkno'] }}
-    /**
-     * @description 读取数据源后的回调,返回所有接口中所有
-     * @require false
-     * @default -
-     */
-    // afterQuery={(res) => console.log('afterQuery', res)}
-    /* ----------------------------其他可用配置结束 !!!不使用请删除!!!------------------------------ */
-  })));
-};
-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
-   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
-   */
-  actions: PropTypes.shape({
-    display: PropTypes.oneOf(['text', 'button']),
-    max: PropTypes.number,
-    moreText: PropTypes.string,
-    todoList: PropTypes.array
-  }),
-  /**
-   * @name 顶部操作
-   * @type _ActionGroup
-   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
-   */
-  topActionGroup: PropTypes.shape({
-    display: PropTypes.oneOf(['text', 'button']),
-    max: PropTypes.number,
-    moreText: PropTypes.string,
-    todoList: PropTypes.array
-  }),
-  /**
-   * @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
-   */
-  rowSelection: PropTypes.bool,
-  /**
-   * @name 停用分页多选
-   * @type boolean
-   * @default false
-   */
-  suppressRowSelectionPagination: PropTypes.bool,
-  /**
-   * @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}"
-   */
-  defaultRowSelectedCode: PropTypes.string,
-  /**
-   * @name 行是否可选
-   * @type _JSEditor
-   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
-   */
-  rowSelectableCode: PropTypes.string,
-  /**
-   * @name 导入导出
-   * @type _ImpExp
-   * @default { "export": true }
-   */
-  impexp: PropTypes.shape({
-    import: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-    export: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
-  }),
-  /**
-   * @name 批量操作
-   * @type _BatchActions
-   * @default { "todoList": [] }
-   */
-  bantchActions: PropTypes.shape({
-    todoList: PropTypes.array
-  }),
-  /**
-   * @name 格式化数据
-   * @type _JSEditor
-   */
-  formatDataSource: PropTypes.string,
-  /**
-   * @name 构建树层级
-   * @type _JSEditor
-   */
-  getDataPath: PropTypes.string,
-  /**
-   * @name 重写表格列
-   * @type _JSEditor
-   */
-  columnsRewrite: PropTypes.string,
-  /**
-   * @name 重置表格列
-   * @type _JSEditor
-   */
-  columnsReset: PropTypes.string,
-  /**
-   * @name model参数
-   * @type _JSEditor
-   */
-  modelParams: PropTypes.string
+    style: {
+      padding: 8
+    }
+  }, "LCTable-", id));
 };
-LCTable.defaultProps = omitBadProps(defaultMeta);
 export default LCTable;

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

@@ -1,91 +1,20 @@
-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 = ["context", "id", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "editable"];
+var _excluded = ["id"];
 import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
 import { useMemoizedFn } from 'ahooks';
-import classNames from 'classnames';
 import Wrapper from "../Wrapper";
-import { LdTree } from "../../../../index";
-import { RUNTIME } from "../../../constants";
-import { omitBadProps } from "../../../engine/tools/helper";
-import defaultMeta from "../../../engine/meta/tree.props.default.json";
-import styles from "./index.less";
 var LCTree = function LCTree(_ref) {
-  var context = _ref.context,
-    id = _ref.id,
-    className = _ref.className,
-    dataset = _ref.dataset,
-    width = _ref.width,
-    height = _ref.height,
-    showLine = _ref.showLine,
-    defaultExpandDeep = _ref.defaultExpandDeep,
-    editable = _ref.editable,
+  var id = _ref.id,
     props = _objectWithoutProperties(_ref, _excluded);
-  var boxRef = useRef();
   var ref = useRef();
   var getTargetDom = useMemoizedFn(function () {
-    return boxRef.current;
+    return ref.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement(LdTree, _extends({
-    ref: ref,
-    boxRef: boxRef,
-    width: width,
-    height: height,
-    id: id,
-    ldId: id,
-    className: classNames(_defineProperty(_defineProperty({}, styles['runtime-tree'], context.runtime === RUNTIME.DESIGN), className, !!className)),
-    dataSetKey: dataset,
-    showLine: showLine,
-    readOnly: !editable,
-    defaultExpandDeep: defaultExpandDeep === 'all' ? defaultExpandDeep : Number(defaultExpandDeep) // 可以为数字或者“all”
-  }, props)));
-};
-LCTree.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
-   */
-  dataset: PropTypes.string,
-  /**
-   * @name 支持编辑
-   * @type switch
-   * @default true
-   */
-  editable: PropTypes.bool,
-  /**
-   * @name 宽度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
-   */
-  width: PropTypes.string,
-  /**
-   * @name 高度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
-   */
-  height: PropTypes.string,
-  /**
-   * @name 操作项
-   * @type _TableActions
-   * @groupNext actionsColumn
-   * @default { "todoList": []}
-   */
-  actions: PropTypes.shape({
-    todoList: PropTypes.array
-  })
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCTree"));
 };
-LCTree.defaultProps = omitBadProps(defaultMeta);
 export default LCTree;