@luck-design-biz/luckda 0.0.22-4 → 0.0.22-6

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,59 @@
+"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 () {
+    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/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

@@ -13,21 +13,21 @@ 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) {

package/lib/utils/form.js

@@ -26,11 +26,11 @@ var _excluded = ["comName", "property"],
   _excluded7 = ["formItemRewrite"],
   _excluded8 = ["name"],
   _excluded9 = ["type", "name"];
-/**
- * 根据动态表单配置项生成formItem
- * @param {动态表单配置项} props
- * @param {自定义动态表单配置项} customProps
- * @returns <BasicForm name='' ... />
+/**
+ * 根据动态表单配置项生成formItem
+ * @param {动态表单配置项} props
+ * @param {自定义动态表单配置项} customProps
+ * @returns <BasicForm name='' ... />
  */
 function getFormItem() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -63,11 +63,11 @@ function getFormItem() {
   }));
 }
 
-/**
- * 根据后端返回数据组装表单数据
- * @param {数组---动态表单配置参数列表} propsList
- * @param {对象---后端返回的未处理数据} values
- * @returns
+/**
+ * 根据后端返回数据组装表单数据
+ * @param {数组---动态表单配置参数列表} propsList
+ * @param {对象---后端返回的未处理数据} values
+ * @returns
  */
 var formItemDataFormat = exports.formItemDataFormat = function formItemDataFormat() {
   var propsList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -105,7 +105,7 @@ var formItemDataFormat = exports.formItemDataFormat = function formItemDataForma
         result[name] = values[name] ? JSON.parse(values[name]) : undefined;
         break;
       case 'year':
-        result[name] = values["".concat(name, "_virtual")] ? (0, _moment.default)(values["".concat(name, "_virtual")], 'YYYY') : undefined;
+        result[name] = values[name] ? (0, _moment.default)(values[name], 'YYYY') : undefined;
         break;
       case 'radio':
         result[name] = values[name];
@@ -131,11 +131,11 @@ var formItemDataFormat = exports.formItemDataFormat = function formItemDataForma
   return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, omitValues), data);
 };
 
-/**
- * 数据格式化
- * @param {数组---动态表单配置参数列表} propsList
- * @param {对象---表单获取到的未处理数据} values
- * @returns
+/**
+ * 数据格式化
+ * @param {数组---动态表单配置参数列表} propsList
+ * @param {对象---表单获取到的未处理数据} values
+ * @returns
  */
 var dataFormat = exports.dataFormat = function dataFormat() {
   var propsList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -194,12 +194,12 @@ var dataFormat = exports.dataFormat = function dataFormat() {
   return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, values), data);
 };
 
-/**
- *
- * @param formType
- * @param props
- * @param customProps
- * @returns {*&{field: *, editable: (false|{required: *}), renderBasicFormItem: ((function(): (*))|*), title, render: *}}
+/**
+ *
+ * @param formType
+ * @param props
+ * @param customProps
+ * @returns {*&{field: *, editable: (false|{required: *}), renderBasicFormItem: ((function(): (*))|*), title, render: *}}
  */
 var getFormColumn = exports.getFormColumn = function getFormColumn() {
   var _props$config;

package/lib/utils/grid.js

@@ -10,6 +10,7 @@ exports.getGridColumn = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _umi = require("umi");
 var _lodash = require("lodash");
 var _antd = require("luck-design/antd");
@@ -44,8 +45,8 @@ function getColumnRender(name, type) {
       };
       break;
     case 'year':
-      render = function render(text, record) {
-        return record["".concat(name, "_virtual")] || (text ? (0, _moment.default)(text).format('YYYY-MM-DD') : undefined);
+      render = function render(text) {
+        return text;
       };
       break;
     case 'user':
@@ -61,7 +62,7 @@ function getColumnRender(name, type) {
       break;
     case 'switch':
       render = function render(text) {
-        return /*#__PURE__*/React.createElement(_antd.Switch, {
+        return /*#__PURE__*/_react.default.createElement(_antd.Switch, {
           checked: !!text,
           size: "small"
         });
@@ -69,7 +70,7 @@ function getColumnRender(name, type) {
       break;
     case 'color':
       render = function render(text) {
-        return /*#__PURE__*/React.createElement(_antd.Tag, {
+        return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
           color: text
         }, text);
       };
@@ -91,7 +92,7 @@ function getColumnRender(name, type) {
             previewUrl: "".concat(_ApiConfig.default.LUCKDA_HOST).concat(file.previewUrl)
           };
         });
-        return /*#__PURE__*/React.createElement(_GridCell.default, {
+        return /*#__PURE__*/_react.default.createElement(_GridCell.default, {
           fileList: fileList
         });
       };

package/lowcode.js

@@ -0,0 +1 @@
+module.exports = require('./es/lowcode');

package/package.json

@@ -1,23 +1,26 @@
 {
   "name": "@luck-design-biz/luckda",
-  "version": "0.0.22-4",
+  "version": "0.0.22-6",
   "description": "前端配置管理中心业务组件库",
   "scripts": {
     "start": "cross-env NODE_OPTIONS=--max-old-space-size=10240 USER_RUNTIME=SITE RUNTIME=dev umi dev",
     "build": "umi build",
-    "build-biz": "father build",
+    "build-biz": "npm run meta && father build",
     "async": "npm run build-biz && yalc push",
+    "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx",
     "release": "npm run build-biz && npm publish",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "test": "umi-test",
     "test:coverage": "umi-test --coverage",
-    "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e js,jsx,less --debug -x 'tnpm run async'"
+    "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e js,jsx,less --debug -x 'tnpm run async'",
+    "meta": "node generateMeta.js"
   },
   "files": [
     "es",
     "lib",
     "utils.js",
-    "upload.js"
+    "upload.js",
+    "lowcode.js"
   ],
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -43,45 +46,25 @@
     "**/*.{js,ts,jsx,tsx}": "npm run lint-staged:js"
   },
   "dependencies": {
+    "@ahooksjs/use-url-state": "^3.5.1",
     "@babel/runtime": "^7.18.9",
+    "@babel/standalone": "^7.24.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "ahooks": "^3.7.0",
     "classnames": "^2.3.1",
     "lodash": "^4.17.11",
+    "lz-string": "^1.5.0",
     "moment": "^2.24.0",
+    "monaco-editor": "0.30.*",
     "prop-types": "^15.8.1",
     "querystring": "^0.2.0",
+    "rc-queue-anim": "^2.0.0",
     "react": "^16.12.0"
   },
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^0.0.7",
-    "@luck-helper/ui-design": "0.0.4",
-    "@umijs/plugin-qiankun": "^2.41.0",
-    "@umijs/preset-react": "~1.8.31",
-    "@luck-design-biz/base": "0.0.40",
-    "@luck-design-biz/bpm": "0.0.3",
-    "luck-design": "0.1.72",
-    "bpmn-js": "^7.5.0",
-    "bpmn-js-properties-panel": "^0.35.0",
-    "d3-selection": "^1.4.2",
-    "gm-crypt": "^0.0.2",
-    "js-cookie": "^2.2.1",
-    "nprogress": "^0.2.0",
-    "promise-sequential": "^1.1.1",
-    "qrcode.react": "^1.0.1",
-    "qs": "^6.11.0",
-    "raphael": "^2.3.0",
-    "react-copy-to-clipboard": "^5.1.0",
-    "react-device-detect": "^1.17.0",
-    "react-dnd": "^9.5.1",
-    "react-dnd-html5-backend": "^9.5.1",
-    "react-dom": "^16.14.0",
-    "react-helmet": "^5.2.1",
-    "react-iframe": "^1.8.5",
-    "react-loading": "^2.0.3",
-    "react-viewer": "^3.2.2",
-    "resizable": "^1.2.1",
-    "umi": "^3.5.35",
-    "uuid": "^9.0.1",
     "@ant-design/pro-cli": "^1.0.28",
     "@babel/core": "^7.20.2",
     "@babel/eslint-parser": "^7.19.1",
@@ -89,6 +72,9 @@
     "@babel/plugin-proposal-decorators": "^7.20.2",
     "@babel/plugin-transform-strict-mode": "^7.18.6",
     "@babel/polyfill": "^7.12.1",
+    "@luck-design-biz/base": "0.0.41-1",
+    "@luck-design-biz/bpm": "0.0.3",
+    "@luck-helper/ui-design": "0.0.4-4",
     "@types/classnames": "^2.3.1",
     "@types/express": "^4.17.14",
     "@types/history": "^4.7.11",
@@ -98,6 +84,10 @@
     "@types/react-dom": "^16.9.17",
     "@types/react-helmet": "^5.0.20",
     "@umijs/fabric": "^2.14.0",
+    "@umijs/plugin-qiankun": "^2.41.0",
+    "@umijs/preset-react": "~1.8.31",
+    "bpmn-js": "^7.5.0",
+    "bpmn-js-properties-panel": "^0.35.0",
     "chalk": "^3.0.0",
     "check-prettier": "^1.0.3",
     "compression-webpack-plugin": "^6.1.1",
@@ -105,6 +95,7 @@
     "cross-env": "^6.0.3",
     "cross-port-killer": "^1.4.0",
     "cross-var": "^1.1.0",
+    "d3-selection": "^1.4.2",
     "dry-dry": "^0.4.0",
     "enzyme": "^3.11.0",
     "eslint": "^7.32.0",
@@ -114,25 +105,47 @@
     "express": "^4.18.2",
     "father": "^4.3.1",
     "gh-pages": "^2.2.0",
+    "gm-crypt": "^0.0.2",
     "husky": "^7.0.4",
     "import-sort-cli": "^6.0.0",
     "import-sort-parser-babylon": "^6.0.0",
     "import-sort-parser-typescript": "^6.0.0",
     "import-sort-style-module": "^6.0.0",
+    "js-cookie": "^2.2.1",
     "jsdom-global": "^3.0.2",
     "lint-staged": "^11.2.6",
+    "luck-design": "0.1.72",
+    "monaco-editor-webpack-plugin": "6.*.*",
     "node-fetch": "^2.6.7",
+    "nprogress": "^0.2.0",
     "only-allow": "^1.1.1",
     "prettier": "^2.7.1",
     "pro-download": "1.0.1",
+    "promise-sequential": "^1.1.1",
+    "qrcode.react": "^1.0.1",
+    "qs": "^6.11.0",
+    "raphael": "^2.3.0",
+    "react-copy-to-clipboard": "^5.1.0",
+    "react-device-detect": "^1.17.0",
+    "react-dnd": "^9.5.1",
+    "react-dnd-html5-backend": "^9.5.1",
+    "react-dom": "^16.14.0",
+    "react-helmet": "^5.2.1",
+    "react-iframe": "^1.8.5",
+    "react-loading": "^2.0.3",
+    "react-viewer": "^3.2.2",
+    "resizable": "^1.2.1",
     "slash2": "^2.0.0",
     "stylelint": "^13.13.1",
-    "umi-types": "^0.5.14"
+    "umi": "^3.5.35",
+    "umi-types": "^0.5.14",
+    "yorkie": "2.0.0"
   },
   "peerDependencies": {
     "@luck-design-biz/base": ">= 0.0.10",
     "@luck-design-biz/bpm": ">= 0.0.1",
-    "luck-design": ">=0.1.51"
+    "luck-design": ">=0.1.51",
+    "uuid": "^9.0.1"
   },
   "pnpm": {
     "overrides": {

package/upload.js

@@ -1 +1 @@
-module.exports = require('./es/upload');
+module.exports = require('./es/upload');