@luck-design-biz/luckda 0.0.25-7 → 0.0.25-9

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

@@ -1,13 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance"];
-import React, { useRef, useImperativeHandle, forwardRef } from 'react';
+var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance", "cancelSelect", "defaultSelect"];
+import React, { useRef, useImperativeHandle, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation } from 'ahooks';
 import classNames from 'classnames';
-import { isNil } from 'lodash';
-import { IconFont } from '@luck-design-biz/base';
+import { isNil, keyBy } from 'lodash';
+import { Modal, recheck, IconFont } from '@luck-design-biz/base';
 import { suid } from '@luck-design-biz/base/utils';
 import { useContext } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
@@ -15,6 +16,7 @@ import { LdTree } from "../../../../index";
 import { omitBadProps, executeCode } from "../../../engine/tools/helper";
 import defaultMeta from "../../../engine/meta/tree.props.default.json";
 import styles from "./index.less";
+var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
 var LCTree = function LCTree(_ref) {
   var id = _ref.id,
     wrapperRef = _ref.wrapperRef,
@@ -37,16 +39,41 @@ var LCTree = function LCTree(_ref) {
     onTreeNodeRender = _ref.onTreeNodeRender,
     _treeNodeIcon = _ref.treeNodeIcon,
     advance = _ref.advance,
+    cancelSelect = _ref.cancelSelect,
+    defaultSelect = _ref.defaultSelect,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
   var boxRef = useRef();
+  var apiRef = useRef();
   var treeRef = useRef();
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
   var getTargetDom = useMemoizedFn(function () {
     return boxRef.current;
   });
-  useImperativeHandle(wrapperRef, function () {
-    return treeRef.current;
+  useImperativeHandle(apiRef, function () {
+    return {
+      getInstance: function getInstance() {
+        return treeRef.current;
+      }
+    };
   });
+  useEffect(function () {
+    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref2) {
+      var resource = _ref2.resource,
+        prevResource = _ref2.prevResource;
+      ctx.doAction(advance.events.onPagePublicResourceChanged, {
+        resource: resource,
+        prevResource: prevResource,
+        instance: treeRef.current
+      });
+    }).watch();
+    return function () {
+      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
+    };
+  }, []);
   var handleMount = useMemoizedFn(function (params) {
     ctx.doAction(advance.events.onMount, {
       params: params
@@ -72,6 +99,12 @@ var LCTree = function LCTree(_ref) {
       e: e
     });
   });
+  var handleDrop = useMemoizedFn(function (info, dragInfo) {
+    ctx.doAction(advance.events.onCheck, {
+      info: info,
+      dragInfo: dragInfo
+    });
+  });
   var events = useCreation(function () {
     if (advance !== null && advance !== void 0 && advance.events) {
       var _events = {};
@@ -80,29 +113,59 @@ var LCTree = function LCTree(_ref) {
       if (advance.events.processDataSource) _events.dataToTreeFormat = handleProcessDataSource;
       if (advance.events.onDoubleClick) _events.onNodeDoubleClick = handleNodeDoubleClick;
       if (advance.events.onCheck) _events.onCheck = handleCheck;
+      if (advance.events.onDrop) _events.onDrop = handleDrop;
       return _events;
     }
     return {};
   }, [advance === null || advance === void 0 ? void 0 : advance.events]);
-  var handleDrop = useMemoizedFn(function (info, dragInfo) {
-    if (dragInfo !== false) {
-      // ctx.doAction(advance.events.onDoubleClick, { e, rowData });
-      // doAction('drag', {
-      //   get: { datasetCode: dataSetKey },
-      //   post: {
-      //     fromId: info.dragNode.props.dataRef[PRIMARY],
-      //     toId: info.node.props.dataRef[PRIMARY],
-      //   }
-      // }, {
-      //   showConfirm: false,
-      //   callback: (success) => success && onLdQuery()
-      // });
+  var handleSelect = useMemoizedFn(function (_selectedKeys, e) {
+    if (cancelSelect || e.selected) {
+      setSelectedKeys(_selectedKeys);
+      ctx.setPagePublicResource(_defineProperty({}, id, {
+        selectedNodes: e.selectedNodes.map(function (i) {
+          var _i$props;
+          return (i === null || i === void 0 || (_i$props = i.props) === null || _i$props === void 0 ? void 0 : _i$props.dataRef) || i;
+        })
+      }));
     }
+    ctx.doAction(advance.events.onSelect, {
+      checkedKeys: _selectedKeys,
+      e: e
+    });
   });
+  var afterInit = useMemoizedFn(function (treeData, data) {
+    var selected = !isNil(defaultSelect) ? executeCode(ctx, defaultSelect, ['treeData'], treeData) : null;
+    selected && handleSelect(selected, {
+      selected: true,
+      selectedNodes: selected.map(function (key) {
+        return keyBy(data, PRIMARY)[key];
+      })
+    });
+  });
+  var handleAction = function handleAction(action, params) {
+    var doAction = function doAction() {
+      ctx.doAction(action.actionPool, params);
+    };
+    if (action.riskLevel === 'danger') {
+      Modal.confirm({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        onOk: doAction
+      });
+    } else if (action.riskLevel === 'destroy') {
+      recheck({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        checkWords: "\u6267\u884C".concat(action.name),
+        onOk: doAction
+      });
+    } else {
+      doAction();
+    }
+  };
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     displayName: "Tree",
-    getTargetDom: getTargetDom
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/React.createElement("div", {
     ref: boxRef,
     style: {
@@ -133,8 +196,9 @@ var LCTree = function LCTree(_ref) {
           key: suid(),
           name: action.name,
           onClick: function onClick(_, data) {
-            ctx.doAction(action.actionPool, {
-              data: data
+            handleAction(action, {
+              data: data,
+              datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
             });
           },
           resource: action.serial,
@@ -175,7 +239,9 @@ var LCTree = function LCTree(_ref) {
     onTreeNodeRender: onTreeNodeRender ? function (title, i) {
       return executeCode(ctx, onTreeNodeRender, ['title', 'item'], title, i);
     } : null,
-    onDrop: handleDrop
+    selectedKeys: selectedKeys,
+    onSelect: handleSelect,
+    afterInit: afterInit
   }, events, props))));
 };
 LCTree.propTypes = {
@@ -332,11 +398,12 @@ LCTree.propTypes = {
    * @name 复选框选择事件
    * @type _JSEditor
    */
-  onCheck: PropTypes.string
+  onCheck: PropTypes.string,
+  /**
+   * @name 选中事件
+   * @type _JSEditor
+   */
+  onSelect: PropTypes.string
 };
 LCTree.defaultProps = omitBadProps(defaultMeta);
-export default /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(LCTree, _extends({
-    wrapperRef: ref
-  }, props));
-});
+export default LCTree;

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

@@ -17,7 +17,18 @@
       "key": "dataset",
       "name": "数据集",
       "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
+      "type": "_DataSetSelector",
+      "component": "tree",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting"
+          }
+        ]
+      }
     },
     {
       "key": "title",
@@ -118,6 +129,31 @@
           "default": "0"
         }
       ]
+    }, {
+      "key": "selectSetting",
+      "name": "选中设置",
+      "type": "group",
+      "props": [
+        {
+          "key": "cancelSelect",
+          "name": "取消选中",
+          "desc": "是否可以取消选中",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "defaultSelect",
+          "name": "默认选中",
+          "desc": "返回默认选中的数据主键",
+          "type": "_JSEditor",
+          "defaultCode": "function defaultSelect(treeData) { \n return []; \n}",
+          "mustConfirm": true,
+          "wrapper": "collapse",
+          "wrapperProps": {
+            "suppressIcon": true
+          }
+        }
+      ]
     },
     {
       "key": "IconSetting",
@@ -191,6 +227,7 @@
             "default": {
               "todoList": []
             },
+            "defaultCode": "function onActionClick(data) {\n\n}",
             "suppressDisplay": true,
             "suppressMax": true,
             "suppressMore": true,
@@ -277,32 +314,50 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "()=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "processDataSource",
         "name": "数据预处理",
         "desc": "数据渲染前预处理",
-        "func": "(data)=>{\n\t\n}"
+        "func": "function processDataSource(data) {\n\t\n}"
       },
       {
         "key": "onDoubleClick",
         "name": "双击事件",
         "desc": "树节点双击事件",
-        "func": "(e, rowData)=>{\n\t\n}"
+        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
       },
       {
         "key": "onCheck",
         "name": "复选框选择事件",
         "desc": "点击复选框触发",
-        "func": "(checkedKeys, e)=>{\n\t\n}"
+        "func": "function onCheck(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "选中事件",
+        "desc": "节点选中事件",
+        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onDrop",
+        "name": "拖拽事件",
+        "desc": "节点拖拽事件",
+        "func": "function onDrop(info, dragInfo) {\n\t\n}"
+      },
+      {
+        "key": "onPagePublicResourceChanged",
+        "name": "页面共享资源变化后",
+        "desc": "当页面共享资源发生变化后（pagePublicResourceChanged），执行方法",
+        "func": "function onPagePublicResourceChanged(resource, prevResource, instance) {\n\t\n}"
       }
     ]
   }
-}
+}

package/es/upload/FilesWall/index.js

@@ -14,11 +14,11 @@ import { last, lowerCase, split } from 'lodash';
 import { Box, Permission, PermissionGroup } from 'luck-design';
 import styles from "./index.less";
 
-/**
- * 附件墙
- * @param props
- * @returns {JSX.Element}
- * @constructor
+/**
+ * 附件墙
+ * @param props
+ * @returns {JSX.Element}
+ * @constructor
  */
 var FilesWall = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$rowKey = props.rowKey,
@@ -287,10 +287,10 @@ var FilesWall = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, "\u5220\u9664"));
 
-  /**
-   * 删除
-   * @param selectedRows 选择的数据
-   * @param isCheck 是否批量勾选
+  /**
+   * 删除
+   * @param selectedRows 选择的数据
+   * @param isCheck 是否批量勾选
    */
   var handleDelete = function handleDelete(selectedRows, isCheck) {
     setState({
@@ -334,10 +334,10 @@ var FilesWall = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   };
 
-  /**
-   * 下载附件
-   * @param filenames
-   * @param tag downloadOne：下载单个，其他批量
+  /**
+   * 下载附件
+   * @param filenames
+   * @param tag downloadOne：下载单个，其他批量
    */
   var downloadFile = function downloadFile(filenames, tag) {
     saveAs("".concat(getUrl('download'), "&fileName=").concat(filenames[0]));

package/es/upload/FilesWall/index.less

@@ -1,74 +1,74 @@
-.operates {
-  display: flex;
-  margin-bottom: 8px;
-}
-
-.filesWall {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  width: 100%;
-  box-sizing: border-box;
-
-  .fileContent {
-    position: relative;
-
-    .check {
-      position: absolute;
-      right: 8px;
-      top: -3px;
-    }
-
-    .img {
-      position: relative;
-      padding: 8px;
-      border: 1px solid #d9d9d9;
-      border-radius: 4px 0 4px 4px;
-      display: table;
-      float: left;
-      width: 104px;
-      height: 104px;
-      margin-right: 8px;
-      margin-bottom: 8px;
-      text-align: center;
-      vertical-align: top;
-      cursor: pointer;
-      -webkit-transition: border-color 0.3s ease;
-      transition: border-color 0.3s ease;
-    }
-  }
-
-  .actions {
-    width: 104px !important;
-    height: 104px !important;
-    position: absolute;
-    background-color: rgba(0, 0, 0, 0.4);
-    border-radius: 4px;
-    display: none !important;
-
-    .actionsChild {
-      margin-top: 35%;
-    }
-  }
-
-  .fileContent:hover + .actions,
-  .actions:hover {
-    display: block !important;
-  }
-
-  :global {
-    .ant-upload-select-picture-card i {
-      font-size: 32px;
-      color: #999;
-    }
-
-    .ant-upload-select-picture-card .ant-upload-text {
-      margin-top: 8px;
-      color: #666;
-    }
-
-    .ant-upload-picture-card-wrapper {
-      width: auto;
-    }
-  }
-}
+.operates {
+  display: flex;
+  margin-bottom: 8px;
+}
+
+.filesWall {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  width: 100%;
+  box-sizing: border-box;
+
+  .fileContent {
+    position: relative;
+
+    .check {
+      position: absolute;
+      right: 8px;
+      top: -3px;
+    }
+
+    .img {
+      position: relative;
+      padding: 8px;
+      border: 1px solid #d9d9d9;
+      border-radius: 4px 0 4px 4px;
+      display: table;
+      float: left;
+      width: 104px;
+      height: 104px;
+      margin-right: 8px;
+      margin-bottom: 8px;
+      text-align: center;
+      vertical-align: top;
+      cursor: pointer;
+      -webkit-transition: border-color 0.3s ease;
+      transition: border-color 0.3s ease;
+    }
+  }
+
+  .actions {
+    width: 104px !important;
+    height: 104px !important;
+    position: absolute;
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 4px;
+    display: none !important;
+
+    .actionsChild {
+      margin-top: 35%;
+    }
+  }
+
+  .fileContent:hover + .actions,
+  .actions:hover {
+    display: block !important;
+  }
+
+  :global {
+    .ant-upload-select-picture-card i {
+      font-size: 32px;
+      color: #999;
+    }
+
+    .ant-upload-select-picture-card .ant-upload-text {
+      margin-top: 8px;
+      color: #666;
+    }
+
+    .ant-upload-picture-card-wrapper {
+      width: auto;
+    }
+  }
+}

package/es/upload/Form/gridForm.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["formId", "formRef", "showNote", "operates", "loading", "uploadUrl", "forbiddenTypes", "beforeUpload", "formMode", "onUploadChange", "zipName", "resetActions", "getUrl", "wrapperRef"];
+var _excluded = ["formId", "formRef", "showNote", "operates", "loading", "uploadUrl", "supportTypes", "forbiddenTypes", "beforeUpload", "formMode", "onUploadChange", "zipName", "resetActions", "getUrl", "wrapperRef"];
 import React, { useState, useRef, forwardRef } from 'react';
 import { getDvaApp } from 'umi';
 import { useMemoizedFn, useCreation } from 'ahooks';
@@ -55,6 +55,7 @@ var UploadGridForm = function UploadGridForm(_ref) {
     operates = _ref$operates === void 0 ? ['read', 'add', 'delete', 'download'] : _ref$operates,
     loading = _ref.loading,
     uploadUrl = _ref.uploadUrl,
+    supportTypes = _ref.supportTypes,
     _ref$forbiddenTypes = _ref.forbiddenTypes,
     forbiddenTypes = _ref$forbiddenTypes === void 0 ? [] : _ref$forbiddenTypes,
     _beforeUpload = _ref.beforeUpload,
@@ -79,7 +80,7 @@ var UploadGridForm = function UploadGridForm(_ref) {
     currentUser = _getDvaApp$_store$get.currentUser;
   var supportUploadTypes = useCreation(function () {
     return getSupportUploadTypes(forbiddenTypes);
-  }, [forbiddenTypes]);
+  }, [forbiddenTypes, supportTypes]);
 
   // 下载
   var downloadFile = function downloadFile(filenames, tag) {

package/es/upload/FormItem/index.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["uploadUrl", "moduleCode", "bucket", "tag", "note", "config", "forbiddenTypes", "children", "dataFormat", "listType"];
+var _excluded = ["uploadUrl", "moduleCode", "bucket", "tag", "note", "config", "supportTypes", "forbiddenTypes", "children", "dataFormat", "listType"];
 import React from 'react';
 import { BasicFormItem } from 'luck-design';
 import { formatMessage, beforeUpload as _beforeUpload, getSupportUploadTypes } from '@luck-design-biz/base/utils';
-import { useCreation } from 'ahooks';
 import { getBehaviorUrl } from "../../lowcode/constants/api-url";
 
 /**
@@ -36,6 +35,7 @@ function buildComponent(props) {
     note = _props$note === void 0 ? '' : _props$note,
     _props$config = props.config,
     config = _props$config === void 0 ? {} : _props$config,
+    supportTypes = props.supportTypes,
     forbiddenTypes = props.forbiddenTypes,
     children = props.children,
     dataFormat = props.dataFormat,
@@ -44,9 +44,7 @@ function buildComponent(props) {
   var getUrl = function getUrl(behaviorKey) {
     return "".concat(getBehaviorUrl(), "?moduleCode=").concat(moduleCode, "&behaviorKey=").concat(behaviorKey, "&bucket=").concat(bucket, "&tag=").concat(tag, "&note=").concat(note);
   };
-  var supportUploadTypes = useCreation(function () {
-    return getSupportUploadTypes(forbiddenTypes);
-  }, [forbiddenTypes]);
+  var supportUploadTypes = getSupportUploadTypes(forbiddenTypes, supportTypes);
   return /*#__PURE__*/React.createElement(BasicFormItem, _extends({
     extra: "".concat(formatMessage({
       id: 'app.upload.supportUpload',

package/es/utils/form.js

@@ -32,12 +32,13 @@ export function getFormItem() {
   var customProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!property) return /*#__PURE__*/React.createElement(React.Fragment, null);
   if (property === 'sint' || property === 'number') props.opt_decimal = 0;
+  var comType = comName || defaultComName[property];
   var _translator = translator(props),
     name = _translator.name,
     translateProps = _objectWithoutProperties(_translator, _excluded2);
   var _merge = merge(
     // 移除type，不能删除type,会导致查询renderInfo的时候报错
-    translateProps, formatCustomProps(customProps)),
+    translateProps, formatCustomProps(comType, customProps)),
     type = _merge.type,
     _props = _objectWithoutProperties(_merge, _excluded3);
   if (customProps.renderBasicFormItem) {
@@ -48,7 +49,7 @@ export function getFormItem() {
       key: name
     }), com.props.children);
   }
-  var getFormItemUtils = formItemUtils["get".concat(capitalize(comName || defaultComName[property]), "Item")];
+  var getFormItemUtils = formItemUtils["get".concat(capitalize(comType), "Item")];
   return getFormItemUtils(_objectSpread(_objectSpread({}, _props), {}, {
     name: name,
     key: name
@@ -77,9 +78,15 @@ export var formItemDataFormat = function formItemDataFormat() {
       case 'date':
         result[name] = values["".concat(name, "_virtual")] ? moment(values["".concat(name, "_virtual")], 'YYYY-MM-DD HH:mm:ss') : undefined;
         break;
+      case 'dict':
+        if (props.display === 'radio') {
+          result[name] = values[name] || void 0;
+          break;
+        }
       case 'user':
       case 'select':
       case 'group':
+      case 'complex':
         if (translatorProps.multiple) {
           result[name] = splitStrToObj(values[name], values["".concat(name, "_virtual")]);
         } else {
@@ -147,9 +154,15 @@ export var dataFormat = function dataFormat() {
       case 'date':
         result[name] = values[name] ? moment(values[name]).valueOf() : null;
         break;
+      case 'dict':
+        if (props.display === 'radio') {
+          result[name] = values[name] || null;
+          break;
+        }
       case 'user':
       case 'select':
       case 'group':
+      case 'complex':
         if (isArray(values[name])) result[name] = values[name].map(function (v) {
           return v.value || v.key;
         }).join(',');else result[name] = !isNil((_values$name = values[name]) === null || _values$name === void 0 ? void 0 : _values$name.value) ? values[name].value : ((_values$name2 = values[name]) === null || _values$name2 === void 0 ? void 0 : _values$name2.key) || null;
@@ -210,7 +223,7 @@ export var getFormColumn = function getFormColumn() {
     translateProps = _objectWithoutProperties(_translator2, _excluded8);
   var _merge2 = merge(
     // mode=writer移除type，不能删除type,会导致查询renderInfo的时候报错
-    translateProps, formatCustomProps(formItemRewrite)),
+    translateProps, formatCustomProps(formItemType, formItemRewrite)),
     type = _merge2.type,
     _ = _merge2.name,
     _props = _objectWithoutProperties(_merge2, _excluded9);