@luck-design-biz/luckda 1.0.1-11 → 1.0.1-13

package/lib/components/LdCard/index.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 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 _propTypes = _interopRequireDefault(require("prop-types"));
@@ -22,39 +22,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 +119,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 +137,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 +145,46 @@ 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();
+        }
+      });
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: wrapper
+  }, wrapperProps), (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 +192,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 +209,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(_ref3) {
+  var namespace = _ref3.ldId,
+    moduleCode = _ref3.moduleCode,
+    suppressInit = _ref3.suppressInit,
+    overModel = _ref3.overModel,
+    afterQuery = _ref3.afterQuery,
+    props = (0, _objectWithoutProperties2.default)(_ref3, _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 +277,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/LdGrid/index.js

@@ -101,10 +101,10 @@ var LdGrid = function LdGrid(_ref) {
     });
   }, [batchOperations]);
 
-  /**
-   * 优先级
-   * columnsReset 重置columns，不受模块管理限制，写什么展示什么
-   * columnsRewrite 覆盖模块管理配置，是否展示以模块管理配置为主，自己可以用hide来隐藏某字段
+  /**
+   * 优先级
+   * columnsReset 重置columns，不受模块管理限制，写什么展示什么
+   * columnsRewrite 覆盖模块管理配置，是否展示以模块管理配置为主，自己可以用hide来隐藏某字段
    */
   var _columns = (0, _ahooks.useCreation)(function () {
     if (columnsReset) {

package/lib/components/LdGridForm/index.less

@@ -1,7 +1,7 @@
-.ldGridForm {
-  :global {
-    .ag-layout-auto-height {
-      height: 100% !important;
-    }
-  }
-}
+.ldGridForm {
+  :global {
+    .ag-layout-auto-height {
+      height: 100% !important;
+    }
+  }
+}

package/lib/components/LdTree/index.less

@@ -1,41 +1,43 @@
-.tree {
-  .nodeTitle {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    user-select: none;
-
-    div {
-      flex: 1;
-      overflow-x: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-
-    div.nodeTitleDisabled {
-      color: var(--luck-text-color-disabled);
-    }
-
-    div.nodeTitleDisabled:hover {
-      cursor: not-allowed;
-    }
-  }
-
-  :global {
-    .ant-tree-title {
-      width: 100%;
-    }
-  }
-}
-
-.classTreeOperates {
-  :global(.ant-popover-inner-content) {
-    padding: 0;
-  }
-
-  .rightMenu {
-    display: block;
-    padding: 4px 8px;
-    color: var(--luck-text-color-);
-  }
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
+.tree {
+  .nodeTitle {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    user-select: none;
+
+    div {
+      flex: 1;
+      overflow-x: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    div.nodeTitleDisabled {
+      color: @text-color-secondary_luck;
+    }
+
+    div.nodeTitleDisabled:hover {
+      cursor: not-allowed;
+    }
+  }
+
+  :global {
+    .ant-tree-title {
+      width: 100%;
+    }
+  }
+}
+
+.classTreeOperates {
+  :global(.ant-popover-inner-content) {
+    padding: 0;
+  }
+
+  .rightMenu {
+    display: block;
+    padding: 4px 8px;
+    color: @text-color;
+  }
 }

package/lib/helper/action.js

@@ -14,12 +14,12 @@ var _utils2 = require("../utils");
 var _form = require("./form");
 // 通用方法
 
-/**
- * 提交行为
- * @param action 行为
- * @param data 数据
- * @param parmas 附件设置
- * @param moduleData 当前模块信息
+/**
+ * 提交行为
+ * @param action 行为
+ * @param data 数据
+ * @param parmas 附件设置
+ * @param moduleData 当前模块信息
  */
 var doAction = exports.doAction = function doAction(action) {
   var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/lib/helper/form.js

@@ -38,11 +38,11 @@ var defaultComName = exports.defaultComName = {
   complex: 'complex'
 };
 
-/**
- * 动态表单配置项转译
- * @param {key string} keyStr
- * @param {label string} labelStr
- * @returns [{key,label}]
+/**
+ * 动态表单配置项转译
+ * @param {key string} keyStr
+ * @param {label string} labelStr
+ * @returns [{key,label}]
  */
 var splitStrToObj = exports.splitStrToObj = function splitStrToObj(keyStr, labelStr) {
   var keys = keyStr && keyStr.length > 0 ? keyStr.split(',') : undefined;
@@ -59,11 +59,11 @@ var splitStrToObj = exports.splitStrToObj = function splitStrToObj(keyStr, label
   return undefined;
 };
 
-/**
- * 动态表单配置项转译
- * @param {动态表单配置项} props
- * @param {自定义动态表单配置项} customProps
- * @returns {name: '',...}
+/**
+ * 动态表单配置项转译
+ * @param {动态表单配置项} props
+ * @param {自定义动态表单配置项} customProps
+ * @returns {name: '',...}
  */
 function translator() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -130,10 +130,10 @@ function translator() {
   return _props;
 }
 
-/**
- * 删除自动移操作中的不可覆盖字段
- * @param props
- * @returns {{multiple}|*}
+/**
+ * 删除自动移操作中的不可覆盖字段
+ * @param props
+ * @returns {{multiple}|*}
  */
 function formatCustomProps(comType, props) {
   var _props2, _props3;

package/lib/helper/index.less

@@ -1,7 +1,7 @@
-.ldLabs{
-  :global{
-    .ant-tabs-bar{
-      margin: 0 0 4px 0;
-    }
-  }
-}
+.ldLabs{
+  :global{
+    .ant-tabs-bar{
+      margin: 0 0 4px 0;
+    }
+  }
+}

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": "校验逻辑"
 };