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

package/lib/lowcode/view/lc-components/Tree/FunctionDesign.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/Tree/FunctionLive.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+var _excluded = ["id"];
+var LCTree = function LCTree(_ref) {
+  var id = _ref.id,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ref = (0, _react.useRef)();
+  var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, "LCTree"));
+};
+var _default = exports.default = LCTree;

package/lib/lowcode/view/lc-components/Tree/meta.json

@@ -0,0 +1,157 @@
+{
+  "component": "Tree",
+  "name": "树",
+  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dateset",
+      "name": "数据集",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "showLine",
+      "name": "显示线",
+      "desc": "是否显示树组件的连接线",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "lazyLoad",
+      "name": "懒加载",
+      "desc": "是否树形组件懒加载",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "editable",
+      "name": "支持编辑",
+      "desc": "是否支持编辑树",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "draggable",
+      "name": "支持拖拽",
+      "desc": "是否支持拖拽",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "defaultExpandDeep",
+      "name": "默认展开层级",
+      "desc": "默认展开多少层级",
+      "type": "select",
+      "options": [
+        {
+          "label": "1",
+          "value": "1"
+        },
+        {
+          "label": "2",
+          "value": "2"
+        },
+        {
+          "label": "3",
+          "value": "3"
+        },
+        {
+          "label": "4",
+          "value": "4"
+        },
+        {
+          "label": "5",
+          "value": "5"
+        },
+        {
+          "label": "全部",
+          "value": "all"
+        }
+      ],
+      "default": 1
+    },
+    {
+      "key": "rowKey",
+      "name": "数据主键key",
+      "desc": "数据主键",
+      "type": "string"
+    },
+    {
+      "key": "actions",
+      "name": "操作项",
+      "desc": "单行操作项",
+      "type": "_ActionSelector"
+    },
+    {
+      "key": "doubleClick",
+      "name": "开启双击事件",
+      "desc": "是否开启双击事件（默认双击收缩节点）",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "multiple",
+      "name": "多选",
+      "desc": "是否支持多选",
+      "type": "boolean",
+      "default": false
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "processDataSource",
+        "name": "数据预处理",
+        "desc": "数据渲染前预处理",
+        "func": "(data)=>{\n\t\n}"
+      },
+      {
+        "key": "onTreeNodeRender",
+        "name": "定制渲染",
+        "desc": "单行树节点渲染",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "unSelectableNodes",
+        "name": "失活节点",
+        "desc": "不可选择的节点",
+        "func": "(data)=>{\n\t\n}"
+      },
+      {
+        "key": "onRightMenus",
+        "name": "定制渲染",
+        "desc": "返回为false时，该操作不可见",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "onDoubleClick",
+        "name": "自定义双击事件",
+        "desc": "自定义双击事件，默认为收缩节点",
+        "func": "(rowData)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Wrapper.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = require("react");
+var _ahooks = require("ahooks");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _dataProcess = require("../../engine/tools/dataProcess");
+var _constants = require("../../constants");
+var LCWrapper = function LCWrapper(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    getTargetDom = _ref.getTargetDom,
+    api = _ref.api;
+  var context = (0, _ContextProvider.useLDContext)();
+  var _pageData = (0, _ahooks.useLatest)(context.pageData);
+  var _api = (0, _ahooks.useCreation)(function () {
+    return {
+      getSelfAndParentLCData: function getSelfAndParentLCData() {
+        return (0, _dataProcess.findNodeAndParent)(id, _pageData.current);
+      },
+      getLevelNodes: function getLevelNodes() {
+        return (0, _dataProcess.getPathNodesById)(_pageData.current, id);
+      }
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var dom = getTargetDom();
+      if (dom) {
+        dom.setAttribute('id', id);
+        dom.classList.add(_constants.CELL_CLASS_NAME);
+      }
+      context.register(id, new Proxy({
+        dom: dom
+      }, {
+        get: function get(target, property, receiver) {
+          if (property === 'api') {
+            return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _api), api.current) : _api;
+          }
+          return Reflect.get(target, property, receiver);
+        }
+      }));
+      context.$publisher(context.topics.COMPONENT_MOUNT, {
+        id: id
+      });
+    });
+    return function () {
+      context.unregister(id);
+      context.$publisher(context.topics.COMPONENT_UNMOUNT, {
+        id: id
+      });
+    };
+  }, []);
+  return children;
+};
+var _default = exports.default = LCWrapper;

package/lib/lowcode/view/style/canvas.less

@@ -0,0 +1,5 @@
+.lc-view-canvas {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}

package/lib/lowcode/view/style/loading.less

@@ -0,0 +1,84 @@
+.lc-painter-loading {
+  position: absolute;
+  height: 64px;
+  width: 64px;
+  left: calc(50% - 32px);
+  top: calc(50% - 32px);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+  -webkit-perspective: 400px;
+  perspective: 400px;
+}
+.cube {
+  height: 64px;
+  width: 64px;
+  -webkit-transform-origin: 50% 50%;
+  transform-origin: 50% 50%;
+  -webkit-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+  -webkit-animation: rotate 4s infinite ease-in-out;
+  animation: rotate 4s infinite ease-in-out;
+}
+.side {
+  position: absolute;
+  display: block;
+  height: 64px;
+  width: 64px;
+  border-radius: 4px;
+}
+.side1 {
+  background: #41c3ac;
+  -webkit-transform: translateZ(46px);
+  transform: translateZ(46px);
+}
+.side2 {
+  background: #ff884d;
+  -webkit-transform: rotateY(90deg) translateZ(46px);
+  transform: rotateY(90deg) translateZ(46px);
+}
+.side3 {
+  background: #32526e;
+  -webkit-transform: rotateY(180deg) translateZ(46px);
+  transform: rotateY(180deg) translateZ(46px);
+}
+.side4 {
+  background: #65a2c5;
+  -webkit-transform: rotateY(-90deg) translateZ(46px);
+  transform: rotateY(-90deg) translateZ(46px);
+}
+.side5 {
+  background: #ffcc5c;
+  -webkit-transform: rotateX(90deg) translateZ(46px);
+  transform: rotateX(90deg) translateZ(46px);
+}
+.side6 {
+  background: #ff6b57;
+  -webkit-transform: rotateX(-90deg) translateZ(46px);
+  transform: rotateX(-90deg) translateZ(46px);
+}
+
+@-webkit-keyframes rotate {
+  0% {
+    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+  }
+  33.33% {
+    -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
+  }
+  66.66% {
+    -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(0deg);
+  }
+  100% {
+    -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
+  }
+}
+@keyframes rotate {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  50% {
+    transform: rotateX(360deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}

package/lib/lowcode/view/style/page.less

@@ -0,0 +1,5 @@
+.lc-view-page {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}

package/lib/upload/Form/gridForm.js

@@ -85,6 +85,9 @@ var UploadGridForm = function UploadGridForm(_ref) {
   var gridRef = wrapperRef || (0, _react.useRef)(null);
   var _getDvaApp$_store$get = (_getDvaApp = (0, _umi.getDvaApp)()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store.getState().user,
     currentUser = _getDvaApp$_store$get.currentUser;
+  var supportUploadTypes = (0, _ahooks.useCreation)(function () {
+    return (0, _utils.getSupportUploadTypes)(forbiddenTypes);
+  }, [forbiddenTypes]);
 
   // 下载
   var downloadFile = function downloadFile(filenames, tag) {
@@ -166,7 +169,8 @@ var UploadGridForm = function UploadGridForm(_ref) {
       }).then(function (res) {
         var code = res.code,
           list = res.list,
-          detail = res.detail;
+          detail = res.detail,
+          msg = res.msg;
         if (code === 1) {
           setUploadLoading(false);
           setVisible(false);
@@ -193,6 +197,9 @@ var UploadGridForm = function UploadGridForm(_ref) {
               }, 300);
             }
           });
+        } else {
+          setUploadLoading(false);
+          (0, _utils.showPop)(msg, null, 'error');
         }
       });
     }
@@ -213,7 +220,7 @@ var UploadGridForm = function UploadGridForm(_ref) {
         var upload = (0, _utils.beforeUpload)({
           file: file,
           fileList: fileList,
-          forbiddenTypes: forbiddenTypes,
+          supportUploadTypes: supportUploadTypes,
           beforeUpload: _beforeUpload
         });
         if (!upload) setUploadLoading(false);
@@ -236,7 +243,15 @@ var UploadGridForm = function UploadGridForm(_ref) {
     }, (0, _utils.formatMessage)({
       id: 'app.base.operate.add',
       label: '添加'
-    })) : /*#__PURE__*/_react.default.createElement(_FormList.FormBtn, {
+    })) : /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+      title: "".concat((0, _utils.formatMessage)({
+        id: 'app.upload.supportUpload',
+        label: '支持上传'
+      })).concat(supportUploadTypes.join('，')).concat((0, _utils.formatMessage)({
+        id: 'app.upload.supportUpload.type',
+        label: '类型的文件'
+      }))
+    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_FormList.FormBtn, {
       formId: "formId"
     }, /*#__PURE__*/_react.default.createElement(_antd.Upload, formItemProps, /*#__PURE__*/_react.default.createElement(_antd.Button, {
       type: "primary",
@@ -247,7 +262,7 @@ var UploadGridForm = function UploadGridForm(_ref) {
     }, (0, _utils.formatMessage)({
       id: 'app.base.operate.add',
       label: '添加'
-    }))))), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    }))))))), /*#__PURE__*/_react.default.createElement(_antd.Button, {
       type: "primary",
       onClick: function onClick() {
         var _gridRef$current$form;
@@ -352,6 +367,13 @@ var UploadGridForm = function UploadGridForm(_ref) {
     type: "upload",
     name: "files",
     label: "\u9644\u4EF6",
+    extra: "".concat((0, _utils.formatMessage)({
+      id: 'app.upload.supportUpload',
+      label: '支持上传'
+    })).concat(supportUploadTypes.join('，')).concat((0, _utils.formatMessage)({
+      id: 'app.upload.supportUpload.type',
+      label: '类型的文件'
+    })),
     config: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
       required: true,
       message: '请上传',
@@ -363,7 +385,7 @@ var UploadGridForm = function UploadGridForm(_ref) {
         return (0, _utils.beforeUpload)({
           file: file,
           fileList: fileList,
-          forbiddenTypes: forbiddenTypes,
+          supportUploadTypes: supportUploadTypes,
           beforeUpload: _beforeUpload
         });
       }
@@ -385,6 +407,5 @@ var Com = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     wrapperRef: ref
   }, props));
 });
-var _default = Com;
-exports.default = _default;
+var _default = exports.default = Com;
 Com.displayName = 'GridForm';

package/lib/upload/Form/index.js

@@ -96,5 +96,4 @@ function buildComponent(props) {
     }
   }));
 }
-var _default = buildComponent;
-exports.default = _default;
+var _default = exports.default = buildComponent;

package/lib/upload/Form/index.less

@@ -1,7 +1,7 @@
-.fileGrid {
-  :global {
-    .ag-root-wrapper-body.ag-layout-normal {
-      height: 100% !important;
-    }
-  }
-}
+.fileGrid {
+  :global {
+    .ag-root-wrapper-body.ag-layout-normal {
+      height: 100% !important;
+    }
+  }
+}

package/lib/upload/FormItem/index.js

@@ -11,22 +11,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _luckDesign = require("luck-design");
 var _utils = require("@luck-design-biz/base/utils");
+var _ahooks = require("ahooks");
 var _excluded = ["uploadUrl", "moduleCode", "bucket", "tag", "note", "config", "forbiddenTypes", "children", "dataFormat", "listType"];
-/**
- * 表单类型富文本上传
- * 是否实体字段： 是
- * 是否接受tag： 是
- * 是否虚拟主键： 否
- * 接受参数： 
- *    name: 附件名称逗号拼接
- *    name_virtual: [{...// 附件所有参数}]
- *    ### name=name_virtual ###
- * 传参： 
- *    name: [{objectName, marker},...]
- * 其他需求： 
- *  支持beforeUpload禁止附加类型
- *  =>beforeUpload禁止类型全覆盖
- *  =>forbiddenTypes和配置管理中禁止类型合并
+/**
+ * 表单类型富文本上传
+ * 是否实体字段： 是
+ * 是否接受tag： 是
+ * 是否虚拟主键： 否
+ * 接受参数： 
+ *    name: 附件名称逗号拼接
+ *    name_virtual: [{...// 附件所有参数}]
+ *    ### name=name_virtual ###
+ * 传参： 
+ *    name: [{objectName, marker},...]
+ * 其他需求： 
+ *  支持beforeUpload禁止附加类型
+ *  =>beforeUpload禁止类型全覆盖
+ *  =>forbiddenTypes和配置管理中禁止类型合并
  */
 
 function buildComponent(props) {
@@ -48,7 +49,18 @@ function buildComponent(props) {
   var getUrl = function getUrl(behaviorKey) {
     return "".concat(window.appConfig.OSS_HOST_V3, "?moduleCode=").concat(moduleCode, "&behaviorKey=").concat(behaviorKey, "&bucket=").concat(bucket, "&tag=").concat(tag, "&note=").concat(note);
   };
-  return /*#__PURE__*/_react.default.createElement(_luckDesign.BasicFormItem, (0, _extends2.default)({}, rest, {
+  var supportUploadTypes = (0, _ahooks.useCreation)(function () {
+    return (0, _utils.getSupportUploadTypes)(forbiddenTypes);
+  }, [forbiddenTypes]);
+  return /*#__PURE__*/_react.default.createElement(_luckDesign.BasicFormItem, (0, _extends2.default)({
+    extra: "".concat((0, _utils.formatMessage)({
+      id: 'app.upload.supportUpload',
+      label: '支持上传'
+    })).concat(supportUploadTypes.join('，')).concat((0, _utils.formatMessage)({
+      id: 'app.upload.supportUpload.type',
+      label: '类型的文件'
+    }))
+  }, rest, {
     type: "uploadV3",
     config: (0, _objectSpread2.default)((0, _objectSpread2.default)({
       required: false,
@@ -74,12 +86,11 @@ function buildComponent(props) {
         return (0, _utils.beforeUpload)({
           file: file,
           fileList: fileList,
-          forbiddenTypes: forbiddenTypes,
+          supportUploadTypes: supportUploadTypes,
           beforeUpload: config && config.beforeUpload
         });
       }
     })
   }), children);
 }
-var _default = buildComponent;
-exports.default = _default;
+var _default = exports.default = buildComponent;

package/lib/upload/GridCell/index.js

@@ -31,5 +31,4 @@ var UploadGridCell = function UploadGridCell(_ref) {
     content: content
   }, children || /*#__PURE__*/_react.default.createElement("a", null, fileList.length)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children || /*#__PURE__*/_react.default.createElement("span", null, fileList.length));
 };
-var _default = UploadGridCell;
-exports.default = _default;
+var _default = exports.default = UploadGridCell;