@luck-design-biz/luckda 1.0.1-12 → 1.0.1-14

package/lib/components/LdCard/index.js

@@ -6,12 +6,14 @@ 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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _umi = require("umi");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("luck-design/antd");
 var _luckDesign = require("luck-design");
@@ -22,39 +24,94 @@ var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
 var _List = require("@luck-design-biz/base/List");
 var _utils = require("@luck-design-biz/base/utils");
 var _Component = require("@luck-design-biz/base/Component");
-var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "loading", "wrapperRef", "hasMore", "list", "detail", "params", "doQuery", "onQuery", "unclosableSet", "formatDataSource", "resultSet", "cardConfig", "cardActions", "onOperationsClick", "readOnly", "batchOperations", "readFilter"],
+var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "loading", "wrapperRef", "hasMore", "list", "detail", "params", "doQuery", "onQuery", "unclosableSet", "formatDataSource", "resultSet", "cardConfig", "maxActionsCount", "cardActions", "onOperationsClick", "readOnly", "batchOperations", "readFilter", "wrapper", "wrapperProps", "draggable", "onDrop", "onMount", "onUnmount"],
   _excluded2 = ["ldId", "moduleCode", "suppressInit", "overModel", "afterQuery"];
-var LdCard = function LdCard(_ref) {
-  var columns = _ref.columns,
-    resources = _ref.resources,
-    actions = _ref.actions,
-    doAction = _ref.doAction,
-    afterInit = _ref.afterInit,
-    namespace = _ref.namespace,
-    loading = _ref.loading,
-    wrapperRef = _ref.wrapperRef,
-    hasMore = _ref.hasMore,
-    list = _ref.list,
-    detail = _ref.detail,
-    params = _ref.params,
-    doQuery = _ref.doQuery,
-    onQuery = _ref.onQuery,
-    unclosableSet = _ref.unclosableSet,
-    formatDataSource = _ref.formatDataSource,
-    resultSet = _ref.resultSet,
-    cardConfig = _ref.cardConfig,
-    cardActions = _ref.cardActions,
+var Action = function Action(_ref) {
+  var data = _ref.data,
+    action = _ref.action,
     onOperationsClick = _ref.onOperationsClick,
-    readOnly = _ref.readOnly,
-    batchOperations = _ref.batchOperations,
-    readFilter = _ref.readFilter,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _ref$inPopover = _ref.inPopover,
+    inPopover = _ref$inPopover === void 0 ? false : _ref$inPopover;
+  var style = (0, _objectSpread2.default)({
+    fontSize: '18px'
+  }, action.style);
+  if (action.disabled) style.color = 'var(--luck-color-disabled)';
+  if (inPopover) style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
+    display: 'flex',
+    cursor: 'pointer'
+  });
+  if (action.render) return /*#__PURE__*/_react.default.createElement("div", {
+    style: style
+  }, action.render());
+  var renderDiv = function renderDiv(_title) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: style,
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        action.onClick ? action.onClick(data, e) : onOperationsClick(action.key, data, e);
+      }
+    }, action.iconNode ? action.iconNode : /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      type: action.icon
+    }), _title && /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        marginLeft: '4px',
+        fontSize: '12px'
+      }
+    }, _title));
+  };
+  if (inPopover) return renderDiv(action.title);
+  return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    placement: "top",
+    title: action.title
+  }, renderDiv());
+};
+var LdCard = function LdCard(_ref2) {
+  var columns = _ref2.columns,
+    resources = _ref2.resources,
+    actions = _ref2.actions,
+    doAction = _ref2.doAction,
+    afterInit = _ref2.afterInit,
+    namespace = _ref2.namespace,
+    loading = _ref2.loading,
+    wrapperRef = _ref2.wrapperRef,
+    hasMore = _ref2.hasMore,
+    list = _ref2.list,
+    detail = _ref2.detail,
+    params = _ref2.params,
+    doQuery = _ref2.doQuery,
+    onQuery = _ref2.onQuery,
+    unclosableSet = _ref2.unclosableSet,
+    formatDataSource = _ref2.formatDataSource,
+    resultSet = _ref2.resultSet,
+    cardConfig = _ref2.cardConfig,
+    maxActionsCount = _ref2.maxActionsCount,
+    cardActions = _ref2.cardActions,
+    onOperationsClick = _ref2.onOperationsClick,
+    readOnly = _ref2.readOnly,
+    batchOperations = _ref2.batchOperations,
+    readFilter = _ref2.readFilter,
+    wrapper = _ref2.wrapper,
+    wrapperProps = _ref2.wrapperProps,
+    draggable = _ref2.draggable,
+    onDrop = _ref2.onDrop,
+    onMount = _ref2.onMount,
+    onUnmount = _ref2.onUnmount,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var cardRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     readFilter && readFilter(params);
   }, [params]);
   (0, _react.useImperativeHandle)(wrapperRef, function () {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cardRef.current), {}, {
+      getProps: function getProps() {
+        var _getDvaApp;
+        return {
+          apiUrl: (_getDvaApp = (0, _umi.getDvaApp)()) === null || _getDvaApp === void 0 || (_getDvaApp = _getDvaApp._store.getState()[namespace]) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp.apiUrl,
+          filter: {
+            params: params
+          }
+        };
+      },
       onLdQuery: function onLdQuery() {
         var _params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         doQuery({
@@ -64,6 +121,14 @@ var LdCard = function LdCard(_ref) {
       }
     });
   });
+  (0, _react.useLayoutEffect)(function () {
+    onMount && onMount({
+      params: params
+    });
+    return function () {
+      onUnmount && onUnmount();
+    };
+  }, []);
   var _batchOperations = (0, _ahooks.useCreation)(function () {
     return (batchOperations || []).map(function (i) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, i), {}, {
@@ -74,6 +139,7 @@ var LdCard = function LdCard(_ref) {
   var renderCard = (0, _ahooks.useMemoizedFn)(function (item) {
     return /*#__PURE__*/_react.default.createElement(_List.Card, (0, _extends2.default)({}, cardConfig, {
       dataSource: item,
+      showDragHandle: draggable,
       operates: readOnly ? [] : item['__infuse_serial__'] || resources,
       onCardClick: function onCardClick(_item, e) {
         return onOperationsClick && onOperationsClick('read', _item, e);
@@ -81,33 +147,51 @@ var LdCard = function LdCard(_ref) {
       onCardDelete: function onCardDelete(_item, e) {
         return onOperationsClick && onOperationsClick('delete', _item, e);
       },
-      actions: (0, _luckDesign.PermissionUtil)(cardActions.map(function (i) {
-        return i.render ? /*#__PURE__*/_react.default.createElement("div", {
-          key: i.key,
-          wanted: i.resource || 'virtual',
-          style: {
-            fontSize: '18px'
-          }
-        }, i.render()) : /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-          key: i.key,
-          wanted: i.resource || 'virtual',
-          placement: "top",
-          title: i.title
-        }, /*#__PURE__*/_react.default.createElement("div", {
-          style: {
-            fontSize: '18px'
-          },
-          onClick: function onClick(e) {
-            e.stopPropagation();
-            i.onClick ? i.onClick(item, e) : onOperationsClick(i.key, item, e);
-          }
-        }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-          type: i.icon
-        })));
-      }), readOnly ? [] : [].concat((0, _toConsumableArray2.default)(item['__infuse_serial__'] || resources), ['virtual']))
+      actions: (0, _luckDesign.PermissionUtil)(cardActions.map(function (action) {
+        return /*#__PURE__*/_react.default.createElement(Action, {
+          key: action.key,
+          wanted: action.resource || 'virtual',
+          data: item,
+          action: action
+        });
+      }), readOnly ? [] : [].concat((0, _toConsumableArray2.default)(item['__infuse_serial__'] || resources), ['virtual']), false, 'right', maxActionsCount)
     }));
   });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lodash.difference)(Object.keys(params), resultSet.invisibleSet || []).length > 0 && /*#__PURE__*/_react.default.createElement(_luckDesign.ResultSet, (0, _extends2.default)({
+  var handleDragEnd = (0, _ahooks.useMemoizedFn)(function (evt) {
+    var oldIndex = evt.oldIndex,
+      newIndex = evt.newIndex;
+    var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
+    var dragNodeProps = detail[list[oldIndex]];
+    var targetNodeProps = detail[list[newIndex]];
+    if (onDrop) onDrop({
+      dragNodeProps: dragNodeProps,
+      targetNodeProps: targetNodeProps,
+      evt: evt
+    });else {
+      doAction('drag', {
+        get: {
+          datasetCode: props.dataSetKey
+        },
+        post: {
+          fromId: dragNodeProps[PRIMARY],
+          toId: targetNodeProps[PRIMARY]
+        }
+      }, {
+        showConfirm: false,
+        callback: function callback(success) {
+          return success && doQuery();
+        }
+      });
+    }
+  });
+  var _ref3 = wrapperProps || {},
+    className = _ref3.className,
+    _wrapperProps = _ref3._wrapperProps;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: wrapper
+  }, _wrapperProps, {
+    className: (0, _classnames.default)('luck-card-list', (0, _defineProperty2.default)({}, className, !!className))
+  }), (0, _lodash.difference)(Object.keys(params), resultSet.invisibleSet || []).length > 0 && /*#__PURE__*/_react.default.createElement(_luckDesign.ResultSet, (0, _extends2.default)({
     set: params,
     onQuery: onQuery
   }, resultSet, {
@@ -115,14 +199,16 @@ var LdCard = function LdCard(_ref) {
   })), /*#__PURE__*/_react.default.createElement(_List.CardList, (0, _extends2.default)({
     col: 4,
     loading: loading,
-    renderCard: renderCard
+    renderCard: renderCard,
+    onDragEnd: handleDragEnd
   }, props, {
     operates: [].concat((0, _toConsumableArray2.default)(resources), ['virtual']),
     modelName: namespace,
     dataSource: formatDataSource(list, detail),
     hasMore: !!hasMore,
     batchOperations: _batchOperations,
-    ref: cardRef
+    ref: cardRef,
+    draggable: draggable
   })));
 };
 var ForwardLdCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -130,23 +216,23 @@ var ForwardLdCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     wrapperRef: ref
   }, props));
 });
-var LdIndex = function LdIndex(_ref2) {
-  var namespace = _ref2.ldId,
-    moduleCode = _ref2.moduleCode,
-    suppressInit = _ref2.suppressInit,
-    overModel = _ref2.overModel,
-    afterQuery = _ref2.afterQuery,
-    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+var LdIndex = function LdIndex(_ref4) {
+  var namespace = _ref4.ldId,
+    moduleCode = _ref4.moduleCode,
+    suppressInit = _ref4.suppressInit,
+    overModel = _ref4.overModel,
+    afterQuery = _ref4.afterQuery,
+    props = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
   if ((0, _lodash.includes)(props.isTree, props.dataSetKey)) return (0, _utils.formatMessage)({
     id: 'luckda.ldCard.notTres',
     label: '此数据集为树形数据集，请选择非树形数据集'
   });
   var Component = (0, _ahooks.useCreation)(function () {
-    var _getDvaApp, _getDvaApp2;
-    (_getDvaApp = (0, _umi.getDvaApp)()) === null || _getDvaApp === void 0 || _getDvaApp.unmodel(namespace);
-    if (!((_getDvaApp2 = (0, _umi.getDvaApp)()) !== null && _getDvaApp2 !== void 0 && _getDvaApp2._store.getState()[namespace])) {
-      var _getDvaApp3;
-      (_getDvaApp3 = (0, _umi.getDvaApp)()) === null || _getDvaApp3 === void 0 || _getDvaApp3.model((0, _model.default)(namespace, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    var _getDvaApp2, _getDvaApp3;
+    (_getDvaApp2 = (0, _umi.getDvaApp)()) === null || _getDvaApp2 === void 0 || _getDvaApp2.unmodel(namespace);
+    if (!((_getDvaApp3 = (0, _umi.getDvaApp)()) !== null && _getDvaApp3 !== void 0 && _getDvaApp3._store.getState()[namespace])) {
+      var _getDvaApp4;
+      (_getDvaApp4 = (0, _umi.getDvaApp)()) === null || _getDvaApp4 === void 0 || _getDvaApp4.model((0, _model.default)(namespace, (0, _objectSpread2.default)((0, _objectSpread2.default)({
         isFlow: !!props.isFlow
       }, overModel), {}, {
         dataSetKey: props.dataSetKey,
@@ -198,7 +284,8 @@ Index.defaultProps = {
   },
   cardActions: [],
   overModel: {},
-  cardKey: window.appConfig.constraintKeys.PRIMARY
+  cardKey: window.appConfig.constraintKeys.PRIMARY,
+  maxActionsCount: 3
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(Index, (0, _extends2.default)({

package/lib/components/LdTree/index.js

@@ -21,10 +21,10 @@ var _antd = require("luck-design/antd");
 var _luckDesign = require("luck-design");
 var _utils = require("@luck-design-biz/base/utils");
 var _base = require("@luck-design-biz/base");
-var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
+var _ldBuilder = _interopRequireWildcard(require("../../helper/ldBuilder"));
 var _utils2 = require("../../utils");
 var _index = _interopRequireDefault(require("./index.less"));
-var _excluded = ["columns", "resources", "actions", "doAction", "wrapperRef", "ldId", "dataSetKey", "defaultParmas", "moduleCode", "readOnly", "title", "rowKey", "treeNodeTitle", "unselectableNodes", "rightMenus", "defaultExpandDeep", "draggable", "onDrop", "className", "treeClassName", "rootAdd", "suppressInit", "afterQuery", "afterInit", "isTree", "service", "dataToTreeFormat", "boxRef", "doubleClickExpand", "onNodeDoubleClick", "width", "height", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "treeNodeIcon", "asyncLoad", "parentKey", "onMount", "onUnmount", "onDataSetChange", "onTreeNodeRender", "onlyRoot"],
+var _excluded = ["columns", "resources", "actions", "doAction", "wrapperRef", "ldId", "dataSetKey", "defaultParmas", "moduleCode", "readOnly", "title", "rowKey", "treeNodeTitle", "unselectableNodes", "rightMenus", "defaultExpandDeep", "draggable", "onDrop", "className", "treeClassName", "rootAdd", "suppressInit", "afterQuery", "afterInit", "isTree", "service", "dataToTreeFormat", "wrapper", "wrapperProps", "doubleClickExpand", "onNodeDoubleClick", "width", "height", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "treeNodeIcon", "asyncLoad", "parentKey", "onMount", "onUnmount", "onDataSetChange", "onTreeNodeRender", "onlyRoot"],
   _excluded2 = ["0"],
   _excluded3 = ["onClick"];
 var _window$appConfig$con = window.appConfig.constraintKeys,
@@ -67,7 +67,8 @@ var LdTree = function LdTree(_ref) {
     isTree = _ref.isTree,
     service = _ref.service,
     dataToTreeFormat = _ref.dataToTreeFormat,
-    boxRef = _ref.boxRef,
+    wrapper = _ref.wrapper,
+    wrapperProps = _ref.wrapperProps,
     doubleClickExpand = _ref.doubleClickExpand,
     onNodeDoubleClick = _ref.onNodeDoubleClick,
     width = _ref.width,
@@ -84,10 +85,14 @@ var LdTree = function LdTree(_ref) {
     onTreeNodeRender = _ref.onTreeNodeRender,
     onlyRoot = _ref.onlyRoot,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  if (!(0, _lodash.includes)(isTree, dataSetKey)) return (0, _utils.formatMessage)({
+  if (!(0, _lodash.includes)(isTree, dataSetKey)) return /*#__PURE__*/_react.default.createElement(_ldBuilder.ErrorWrapper, {
+    ref: wrapper,
+    className: className,
+    style: props.style
+  }, (0, _utils.formatMessage)({
     id: 'luckda.ldTree.notTrees',
     label: '此数据集非树形数据集，请选择树形数据集'
-  });
+  }));
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     dataSource = _useState2[0],
@@ -327,19 +332,20 @@ var LdTree = function LdTree(_ref) {
       loadData: onLoadData
     } : {};
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_base.TreeBox, {
+  return /*#__PURE__*/_react.default.createElement(_base.TreeBox, (0, _extends2.default)({
     suppressTitle: !title,
     title: title,
     loading: loading,
     id: ldId,
     onAdd: onAdd,
     className: className,
-    ref: boxRef,
+    ref: wrapper
+  }, wrapperProps, {
     style: {
       width: width,
       height: height
     }
-  }, dataSource && /*#__PURE__*/_react.default.createElement(_luckDesign.LuckTree, (0, _extends2.default)({
+  }), dataSource && /*#__PURE__*/_react.default.createElement(_luckDesign.LuckTree, (0, _extends2.default)({
     blockNode: true,
     className: (0, _classnames.default)(_index.default.tree, (0, _defineProperty2.default)({}, className, !!treeClassName)),
     draggable: !readOnly && draggable,

package/lib/components/LdTree/index.less

@@ -1,3 +1,5 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .tree {
   .nodeTitle {
     display: flex;

package/lib/helper/ldBuilder.js

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.ErrorWrapper = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Builder = require("../components/Builder");
 var _utils = require("@luck-design-biz/base/utils");
-var ErrorWrapper = _styledComponents.default.span.withConfig({
+var ErrorWrapper = exports.ErrorWrapper = _styledComponents.default.span.withConfig({
   displayName: "ErrorWrapper",
   componentId: "luckda-6530__sc-ek28r3-0"
 })(["display:inline-block;width:100%;height:auto;padding:24px 16px;color:#ff4d4f;"]);

package/lib/locales/zh-CN.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 var _default = exports.default = {
   "luckda.lowcode.view.lc-components.label.all": "全部",
   "luckda.lowcode.painter.import": "导入",
+  "luckda.lowcode.painter.components.fullscreen-exit.tip": "退出全屏",
+  "luckda.lowcode.painter.components.fullscreen.tip": "全屏",
   "lc.form.validator.maxLength": "字数不得超过",
   "lc.form.validator.textNum": "个字符",
   "lc.form.validator.numberBelowMin": "低于最小值",
@@ -188,6 +190,7 @@ var _default = exports.default = {
   "luckda.lowcode.painter.panel-section.actionEditor.destroy": "毁灭",
   "luckda.lowcode.painter.panel-section.actionEditor.name": "名称",
   "luckda.lowcode.painter.panel-section.actionEditor.name.placeholder": "请输入行为名称",
+  "luckda.lowcode.painter.panel-section.actionEditor.icon": "图标",
   "luckda.lowcode.painter.panel-section.actionEditor.serial": "资源串",
   "luckda.lowcode.painter.panel-section.actionEditor.serialEffect": "越权效果",
   "luckda.lowcode.painter.panel-section.actionEditor.riskLevel": "风险等级",
@@ -274,6 +277,5 @@ var _default = exports.default = {
   "luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.message.verifyType": "请选择校验规则",
   "luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.errorMsg": "错误提示",
   "luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.message.errorMsg": "请输入错误提示",
-  "luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.logic": "校验逻辑",
-  "luckda.lowcode.painter.components.fullscreen.tip": "全屏"
+  "luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.logic": "校验逻辑"
 };

package/lib/lowcode/engine/meta/cardlist.props.default.json

@@ -5,16 +5,36 @@
   "icon": "icon-cardlist",
   "group": "advance",
   "groupName": "高级",
-  "hidden": true,
   "order": 1,
   "autoLoad": true,
   "readOnly": false,
-  "isFlow": false,
-  "defaultPageSize": 30,
-  "actionTitle": "操作列",
-  "actionWidth": 100,
-  "actionHidden": false,
-  "maxWebShownActionCount": 2,
+  "draggable": false,
+  "col": 4,
+  "pagination": true,
+  "pageSize": 40,
+  "nocardBoxborder": false,
+  "showAvatar": true,
+  "showTitle": true,
+  "showDesc": true,
+  "describeLines": 2,
+  "showAddCard": false,
+  "addCardHeight": 240,
+  "addCardWords": "新建",
+  "topActionGroup": {
+    "display": "button",
+    "max": 2,
+    "moreText": "操作",
+    "todoList": []
+  },
+  "rowSelection": false,
+  "batchOperations": {
+    "todoList": []
+  },
+  "suppressActions": false,
+  "actions": {
+    "max": 3,
+    "todoList": []
+  },
   "advance": {
     "events": {}
   }