@luck-design-biz/luckda 0.0.25 → 0.0.26

package/lib/lowcode/view/lc-components/Dialog/index.less

@@ -1,3 +1,3 @@
-.lc-component-dialog-wrapper.runtime-design {
+.lc-component-modal-wrapper.runtime-design {
   position: absolute !important;
 }

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

@@ -6,25 +6,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _constants = require("../../../constants");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _index = _interopRequireDefault(require("./index.less"));
-var _excluded = ["id", "children", "className", "getContainer", "style"];
+var _excluded = ["id", "children"];
 var LCDrawer = function LCDrawer(_ref) {
   var id = _ref.id,
     children = _ref.children,
-    className = _ref.className,
-    getContainer = _ref.getContainer,
-    style = _ref.style,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var apiRef = (0, _react.useRef)();
-  var domRef = (0, _react.useRef)();
+  var context = (0, _ContextProvider.useLDContext)();
   var _useBoolean = (0, _ahooks.useBoolean)(false),
     _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
     open = _useBoolean2[0],
@@ -33,30 +29,13 @@ var LCDrawer = function LCDrawer(_ref) {
     setFalse = _useBoolean2$.setFalse,
     toggle = _useBoolean2$.toggle;
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    var _domRef$current;
-    return (_domRef$current = domRef.current) === null || _domRef$current === void 0 ? void 0 : _domRef$current.closest('.ant-drawer-content-wrapper');
+    return (context.runtime === _constants.RUNTIME.DESIGN ? context.componentMap.get(_constants.CELL_KEY.PAGE_ROOT).dom : document).getElementsByClassName('ant-drawer-content-wrapper')[0];
   });
   (0, _react.useImperativeHandle)(apiRef, function () {
     return {
-      /**
-       * 是否打开
-       * @property
-       */
       open: open,
-      /**
-       * 打开弹窗
-       * @method
-       */
       doOpen: setTrue,
-      /**
-       * 关闭弹窗
-       * @method
-       */
       doClose: setFalse,
-      /**
-       * @method
-       * 切换弹窗
-       */
       toggle: toggle
     };
   });
@@ -66,18 +45,10 @@ var LCDrawer = function LCDrawer(_ref) {
     api: apiRef
   }, /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
     visible: open,
-    getContainer: getContainer,
-    style: style,
-    className: (0, _classnames.default)(_index.default['lc-component-drawer'], (0, _defineProperty2.default)({}, className, !!className))
-  }, /*#__PURE__*/_react.default.createElement("div", {
+    getContainer: context.runtime !== _constants.RUNTIME.DESIGN,
     style: {
-      height: 0,
-      width: 0,
-      margin: 0,
-      padding: 0,
-      visibility: 'hidden'
-    },
-    ref: domRef
-  }), /*#__PURE__*/_react.default.createElement("div", null, "LCDrawer-", id), children));
+      position: context.runtime === _constants.RUNTIME.DESIGN ? 'absolute' : 'fixed'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, "LCDrawer-", id), children));
 };
 var _default = exports.default = LCDrawer;

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

@@ -1,25 +1,20 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _index = _interopRequireDefault(require("./index.less"));
-var _layoutPropsDefault = _interopRequireDefault(require("../../../engine/meta/layout.props.default.json"));
+var _excluded = ["id", "children"];
 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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current;
@@ -29,37 +24,9 @@ var LCLayout = function LCLayout(_ref) {
     getTargetDom: getTargetDom
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    className: _index.default['lc-component-layout'],
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
-      gap: "".concat(columnSpacing, "px ").concat(lineSpacing, "px")
-    })
-  }, children));
-};
-LCLayout.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: _propTypes.default.string.isRequired,
-  /**
-   * @name 列比例
-   * @type string
-   * @default 12:3:9
-   */
-  columnRatio: _propTypes.default.string,
-  /**
-   * @name 列间距
-   * @type number
-   * @default 16
-   */
-  columnSpacing: _propTypes.default.number,
-  /**
-   * @name 行间距
-   * @type number
-   * @default 8
-   */
-  lineSpacing: _propTypes.default.number
+    style: {
+      padding: 8
+    }
+  }, "LCLayout-", id, children));
 };
-LCLayout.defaultProps = (0, _objectSpread2.default)({}, _layoutPropsDefault.default);
 var _default = exports.default = LCLayout;

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

@@ -1,471 +1,31 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
-var _lodash = require("lodash");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _index = require("../../../../index");
-var _TopFilter = _interopRequireDefault(require("./components/TopFilter"));
-var _helper = require("../../../engine/tools/helper");
-var _tablePropsDefault = _interopRequireDefault(require("../../../engine/meta/table.props.default.json"));
+var _excluded = ["id"];
 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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
-  var handleBatchOperationsClick = (0, _ahooks.useMemoizedFn)(function (key, selectedRows, action) {
-    console.log('handleBatchOperationsClick', key, selectedRows, action);
-  });
-  var _pagination = (0, _ahooks.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 = (0, _ahooks.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 = (0, _ahooks.useCreation)(function () {
-    return rowSelection ? {
-      rowSelection: {
-        mode: rowSelectionMode,
-        suppressPagination: suppressRowSelectionPagination,
-        isDefaultSelected: function isDefaultSelected(d, n) {
-          if ((0, _lodash.isNil)(defaultRowSelectedCode)) return false;
-          return (0, _helper.executeCode)(context, defaultRowSelectedCode, ['data', 'node'], d, n);
-        },
-        isRowSelectable: function isRowSelectable(d, n) {
-          if ((0, _lodash.isNil)(rowSelectableCode)) return true;
-          return (0, _helper.executeCode)(context, rowSelectableCode, ['data', 'node'], d, n);
-        }
-      }
-    } : false;
-  }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
-  var _export = (0, _ahooks.useCreation)(function () {
-    return {
-      enableExportAll: !!impexp.export,
-      apiUrl: (0, _lodash.isString)(impexp.export) ? impexp.export : void 0
-    };
-  }, [impexp.export]);
-  var _batchActions = (0, _ahooks.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 = (0, _ahooks.useCreation)(function () {
-    var temp = {};
-    if (!(0, _lodash.isNil)(formatDataSource)) {
-      temp.formatDataSource = function (list, detail) {
-        return (0, _helper.executeCode)(context, formatDataSource, ['list', 'detail'], list, detail);
-      };
-    }
-    if (!(0, _lodash.isNil)(getDataPath)) {
-      temp.getDataPath = function (data) {
-        return (0, _helper.executeCode)(context, getDataPath, ['data'], data);
-      };
-    }
-    if (!(0, _lodash.isNil)(columnsRewrite)) {
-      temp.columnsRewrite = function (cols) {
-        return (0, _helper.executeCode)(context, columnsRewrite, ['columns'], cols);
-      };
-    }
-    if (!(0, _lodash.isNil)(columnsReset)) {
-      temp.columnsReset = function (cols) {
-        return (0, _helper.executeCode)(context, columnsReset, ['columns'], cols);
-      };
-    }
-    if (!(0, _lodash.isNil)(modelParams)) {
-      temp.overModel = (0, _helper.executeCode)(context, modelParams);
-    }
-    return temp;
-  }, [formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams]);
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return ref.current.wrapperRef.current;
-  });
-  var renderFunctionArea = (0, _ahooks.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.default.createElement(_index.LDActions, (0, _extends2.default)({}, topActionGroup, {
-      doAction: function doAction(action) {
-        return context.doAction(action);
-      }
-    })) : null;
-  });
-  var renderFilterArea = (0, _ahooks.useMemoizedFn)(function () {
-    return topFilter ? /*#__PURE__*/_react.default.createElement(_TopFilter.default, {
-      filter: topFilter
-    }) : null;
+    return ref.current;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement(_index.LdGrid, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    width: width,
-    height: height,
-    bordered: bordered,
-    id: id,
-    className: (0, _classnames.default)((0, _defineProperty2.default)({}, 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.default.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
-   */
-  dataset: _propTypes.default.string,
-  /**
-   * @name 自动加载
-   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
-   * @type switch
-   * @default true
-   */
-  autoLoad: _propTypes.default.bool,
-  /**
-   * @name 只读
-   * @type switch
-   * @default false
-   */
-  readOnly: _propTypes.default.bool,
-  /**
-   * @name 关闭预设
-   * @type switch
-   * @default false
-   */
-  suppressPreset: _propTypes.default.bool,
-  /**
-   * @name 宽度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
-   */
-  width: _propTypes.default.string,
-  /**
-   * @name 高度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
-   */
-  height: _propTypes.default.string,
-  /**
-   * @name 边框线
-   * @type switch
-   * @default false
-   * @group styleSetting
-   */
-  border: _propTypes.default.bool,
-  /**
-   * @name 斑马纹
-   * @type switch
-   * @default false
-   * @group styleSetting
-   */
-  zebra: _propTypes.default.oneOfType[(_propTypes.default.bool, _propTypes.default.string)],
-  /**
-   * @name 开启分页
-   * @type switch
-   * @default true
-   * @group paginationSetting
-   */
-  pagination: _propTypes.default.bool,
-  /**
-   * @name 每页条数
-   * @type number
-   * @default 30
-   * @group paginationSetting
-   */
-  pageSize: _propTypes.default.number,
-  /**
-   * @name 分页器
-   * @type switch
-   * @default true
-   * @group paginationSetting
-   */
-  showSizeChanger: _propTypes.default.bool,
-  /**
-   * @name 快速跳转
-   * @type switch
-   * @default true
-   * @group paginationSetting
-   */
-  showQuickJumper: _propTypes.default.bool,
-  /**
-   * @name 单页无分页器
-   * @type switch
-   * @default false
-   * @group paginationSetting
-   */
-  hideOnSinglePage: _propTypes.default.bool,
-  /**
-   * @name 简单模式
-   * @type switch
-   * @default false
-   * @group paginationSetting
-   */
-  paginationSimple: _propTypes.default.bool,
-  /**
-   * @name 隐藏操作列
-   * @type switch
-   * @default false
-   * @groupNext actionsColumn
-   */
-  suppressActions: _propTypes.default.bool,
-  /**
-   * @name 隐藏操作列
-   * @type number
-   * @default 160
-   * @groupNext actionsColumn
-   */
-  actionsColumnWidth: _propTypes.default.number,
-  /**
-   * @name 最大显示数
-   * @type number
-   * @default 2
-   * @groupNext actionsColumn
-   */
-  maxActionsCount: _propTypes.default.number,
-  /**
-   * @name 操作项
-   * @type _TableActions
-   * @groupNext actionsColumn
-   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
-   */
-  actions: _propTypes.default.shape({
-    display: _propTypes.default.oneOf(['text', 'button']),
-    max: _propTypes.default.number,
-    moreText: _propTypes.default.string,
-    todoList: _propTypes.default.array
-  }),
-  /**
-   * @name 顶部操作
-   * @type _ActionGroup
-   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
-   */
-  topActionGroup: _propTypes.default.shape({
-    display: _propTypes.default.oneOf(['text', 'button']),
-    max: _propTypes.default.number,
-    moreText: _propTypes.default.string,
-    todoList: _propTypes.default.array
-  }),
-  /**
-   * @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
-   */
-  rowSelection: _propTypes.default.bool,
-  /**
-   * @name 停用分页多选
-   * @type boolean
-   * @default false
-   */
-  suppressRowSelectionPagination: _propTypes.default.bool,
-  /**
-   * @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}"
-   */
-  defaultRowSelectedCode: _propTypes.default.string,
-  /**
-   * @name 行是否可选
-   * @type _JSEditor
-   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
-   */
-  rowSelectableCode: _propTypes.default.string,
-  /**
-   * @name 导入导出
-   * @type _ImpExp
-   * @default { "export": true }
-   */
-  impexp: _propTypes.default.shape({
-    import: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-    export: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
-  }),
-  /**
-   * @name 批量操作
-   * @type _BatchActions
-   * @default { "todoList": [] }
-   */
-  bantchActions: _propTypes.default.shape({
-    todoList: _propTypes.default.array
-  }),
-  /**
-   * @name 格式化数据
-   * @type _JSEditor
-   */
-  formatDataSource: _propTypes.default.string,
-  /**
-   * @name 构建树层级
-   * @type _JSEditor
-   */
-  getDataPath: _propTypes.default.string,
-  /**
-   * @name 重写表格列
-   * @type _JSEditor
-   */
-  columnsRewrite: _propTypes.default.string,
-  /**
-   * @name 重置表格列
-   * @type _JSEditor
-   */
-  columnsReset: _propTypes.default.string,
-  /**
-   * @name model参数
-   * @type _JSEditor
-   */
-  modelParams: _propTypes.default.string
+    style: {
+      padding: 8
+    }
+  }, "LCTable-", id));
 };
-LCTable.defaultProps = (0, _helper.omitBadProps)(_tablePropsDefault.default);
 var _default = exports.default = LCTable;