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

package/lib/lowcode/engine/meta/tree.props.json

@@ -14,100 +14,146 @@
       "disabled": true
     },
     {
-      "key": "dateset",
+      "key": "dataset",
       "name": "数据集",
       "desc": "选择系统中的可用树形数据集",
       "type": "_DataSetSelector"
     },
     {
-      "key": "showLine",
-      "name": "显示线",
-      "desc": "是否显示树组件的连接线",
-      "type": "boolean",
-      "default": false
+      "key": "title",
+      "name": "标题",
+      "desc": "头部标题",
+      "type": "string"
+    },
+    {
+      "key": "styleSetting",
+      "name": "风格和样式",
+      "type": "group",
+      "props": [
+        {
+          "key": "width",
+          "name": "宽度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "height",
+          "name": "高度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "showLine",
+          "name": "显示线",
+          "desc": "是否显示树组件的连接线",
+          "type": "switch",
+          "default": false
+        },
+        {
+          "key": "showIcon",
+          "name": "显示图标",
+          "desc": "是否显示树组件的图标",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "defaultExpandDeep",
+          "name": "默认展开层级",
+          "desc": "默认展开多少层级",
+          "type": "select",
+          "options": [
+            {
+              "label": "不展开",
+              "value": "0"
+            },
+            {
+              "label": "1",
+              "value": "1"
+            },
+            {
+              "label": "2",
+              "value": "2"
+            },
+            {
+              "label": "3",
+              "value": "3"
+            },
+            {
+              "label": "4",
+              "value": "4"
+            },
+            {
+              "label": "全部",
+              "value": "all"
+            }
+          ],
+          "default": "0"
+        }
+      ]
     },
     {
       "key": "lazyLoad",
       "name": "懒加载",
       "desc": "是否树形组件懒加载",
-      "type": "boolean",
+      "type": "switch",
       "default": false
     },
     {
       "key": "editable",
       "name": "支持编辑",
       "desc": "是否支持编辑树",
-      "type": "boolean",
-      "default": false
+      "type": "switch",
+      "default": true
     },
     {
       "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"
+      "type": "switch",
+      "default": true
     },
     {
       "key": "actions",
       "name": "操作项",
       "desc": "单行操作项",
-      "type": "_ActionSelector"
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "操作列",
+        "props": [
+          {
+            "key": "actions",
+            "name": "表格操作项",
+            "type": "_ActionsEditor",
+            "default": {
+              "todoList": []
+            },
+            "suppressDisplay": true,
+            "suppressMax": true,
+            "suppressMore": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          }
+        ]
+      }
     },
     {
       "key": "doubleClick",
       "name": "开启双击事件",
       "desc": "是否开启双击事件（默认双击收缩节点）",
-      "type": "boolean",
+      "type": "switch",
       "default": true
     },
     {
       "key": "multiple",
       "name": "多选",
       "desc": "是否支持多选",
-      "type": "boolean",
+      "type": "switch",
       "default": false
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {
@@ -150,7 +196,7 @@
         "key": "onDoubleClick",
         "name": "自定义双击事件",
         "desc": "自定义双击事件，默认为收缩节点",
-        "func": "(rowData)=>{\n\t\n}"
+        "func": "(e, rowData, doubleClickFunc)=>{\n\t\n}"
       }
     ]
   }

package/lib/lowcode/engine/provider/ContextProvider/index.js

@@ -0,0 +1,207 @@
+"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.useLDContext = exports.default = exports.Context = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _umi = require("umi");
+var _ahooks = require("ahooks");
+var _EventBusProvider = require("../EventBusProvider");
+var _usePromiseState3 = _interopRequireDefault(require("../../tools/usePromiseState"));
+var topics = _interopRequireWildcard(require("../../../constants/event-topics"));
+var _dataProcess = require("../../tools/dataProcess");
+var _helper = require("../../tools/helper");
+var _apiUrl = require("../../../constants/api-url");
+var _excluded = ["source"];
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(null);
+var useLDContext = exports.useLDContext = function useLDContext() {
+  return (0, _react.useContext)(Context);
+};
+var PRIVATE_KEYS = ['pageinfo', 'componentList', 'componentMap'];
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children,
+    code = _ref.code;
+  var eventBus = (0, _EventBusProvider.useLDEventBus)();
+
+  /**
+   * 页面数据
+   */
+  var _usePromiseState = (0, _usePromiseState3.default)(null),
+    _usePromiseState2 = (0, _slicedToArray2.default)(_usePromiseState, 2),
+    pageData = _usePromiseState2[0],
+    _setPageData = _usePromiseState2[1];
+
+  /**
+   * 页面信息
+   */
+  var _pageinfo = (0, _react.useRef)(null);
+
+  /**
+   * 页面公共资源
+   */
+  var _useSetState = (0, _ahooks.useSetState)(null),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    pagePublicResource = _useSetState2[0],
+    _setPagePublicResource = _useSetState2[1];
+
+  /**
+   * 组件列表
+   */
+  var _componentList = (0, _react.useRef)([]);
+  var _privateGetter = (0, _react.useRef)({
+    pageinfo: function pageinfo() {
+      return _pageinfo.current;
+    },
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return new Map(_componentList.current);
+    }
+  });
+
+  /**
+   * 注册组件
+   * id:string 组件id
+   * component:ReactNode 组件
+   */
+  var _register = (0, _ahooks.useMemoizedFn)(function (id, component) {
+    _componentList.current.push([id, component]);
+  });
+
+  /**
+   * 注销组件
+   * id:string 组件id
+   */
+  var _unregister = (0, _ahooks.useMemoizedFn)(function (id) {
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getParentElement = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 根据组件id获取组件路径
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementPathById = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 获取当前模块数据
+   * return:Object
+   */
+  var getModule = (0, _ahooks.useMemoizedFn)(function () {});
+
+  /**
+   * 根据datasetId获取数据集
+   * datasetId:string 数据集id
+   * return:Object
+   */
+  var getDataSetById = (0, _ahooks.useMemoizedFn)(function (datasetId) {});
+
+  /**
+   * 获取url参数
+   * return:object
+   */
+  var getUrlParams = (0, _ahooks.useMemoizedFn)(function () {});
+  var doAction = (0, _ahooks.useMemoizedFn)(function (action) {
+    (0, _helper.executeCode)(ctx, action.actionCode);
+    Promise.all(action.actionPool.map(function (actionKey) {
+      return new Promise(function (resolve) {
+        setTimeout(function () {
+          console.log("doAction:".concat(actionKey));
+          resolve(actionKey);
+        }, 400);
+      });
+    })).then();
+  });
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchPageData, {
+      manual: true
+    }),
+    loading = _useRequest.loading,
+    runFetchPageData = _useRequest.runAsync;
+  (0, _react.useEffect)(function () {
+    runFetchPageData(code).then(function (_ref4) {
+      var code = _ref4.code,
+        data = _ref4.data,
+        list = _ref4.list,
+        detail = _ref4.detail;
+      if (code === 1) {
+        var _detail$list$ = detail[list[0]],
+          source = _detail$list$.source,
+          info = (0, _objectWithoutProperties2.default)(_detail$list$, _excluded);
+        _pageinfo.current = (0, _objectSpread2.default)({
+          relationship: data
+        }, info);
+        _setPageData((0, _dataProcess.decompress)(source));
+      }
+    });
+  }, [code]);
+  var ctx = new Proxy((0, _objectSpread2.default)({
+    _setPageData: _setPageData,
+    _register: _register,
+    _unregister: _unregister,
+    loading: loading,
+    pageData: pageData,
+    pagePublicResource: pagePublicResource,
+    history: _umi.history,
+    topics: topics,
+    getElementById: getElementById,
+    /**
+     * @method
+     * @param {string} id - 组件id
+     * @return {object}
+     */
+    getParentElement: getParentElement,
+    getElementPathById: getElementPathById,
+    getModule: getModule,
+    getDataSetById: getDataSetById,
+    doAction: doAction,
+    /**
+     * @method
+     * @return {object}
+     */
+    getUrlParams: getUrlParams
+  }, eventBus), {
+    get: function get(target, property, receiver) {
+      if (PRIVATE_KEYS.includes(property)) {
+        var _privateGetter$curren;
+        return (_privateGetter$curren = _privateGetter.current) === null || _privateGetter$curren === void 0 ? void 0 : _privateGetter$curren[property]();
+      }
+      return Reflect.get(target, property, receiver);
+    },
+    set: function set(target, property, receiver) {
+      console.log('set', target, property, receiver);
+      if (PRIVATE_KEYS.includes(property)) {
+        throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+      } else {
+        return Reflect.set(target, property, receiver);
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: ctx
+  }, children);
+};

package/lib/lowcode/engine/tools/dataProcess.js

@@ -18,6 +18,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var LZString = _interopRequireWildcard(require("lz-string"));
+var _constants = require("../../constants");
 /**
  * 数据压缩
  * @param {JSON} data
@@ -27,7 +28,7 @@ function compress(data) {
   // 将对象转换为JSON字符串
   var jsonString = JSON.stringify(data);
   // 使用LZ-String压缩JSON字符串
-  return LZString.compressToUTF16(jsonString);
+  return LZString.compressToBase64(jsonString);
 }
 
 /**
@@ -37,7 +38,7 @@ function compress(data) {
  */
 function decompress(compressedData) {
   // 使用LZ-String解压数据
-  var jsonString = LZString.decompressFromUTF16(compressedData);
+  var jsonString = LZString.decompressFromBase64(compressedData);
   // 将JSON字符串转换回对象
   return JSON.parse(jsonString);
 }
@@ -119,7 +120,7 @@ function process(json, path, id, data) {
     current[id] = {
       props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
         id: id,
-        parentId: current.id
+        parentId: current.props.id
       })
     };
   } else if (!path && id && data) {
@@ -194,6 +195,7 @@ function deleteById(json, id) {
 function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   for (var key in json) {
+    if (id === _constants.CELL_KEY.PAGE_ROOT) return '/';
     var newPath = currentPath ? "".concat(currentPath, "/").concat(key) : key;
     if (json[key].props && json[key].props.id === id) {
       return newPath;

package/lib/lowcode/engine/tools/helper.js

@@ -4,8 +4,109 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.executeCode = executeCode;
+exports.getCtx = getCtx;
+exports.getFuncBody = getFuncBody;
 exports.isPromise = isPromise;
+exports.listReducer = listReducer;
+exports.omitBadProps = omitBadProps;
+var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _lodash = require("lodash");
 function isPromise(value) {
   return !!value && (0, _typeof2.default)(value) === 'object' && typeof value.then === 'function';
+}
+function omitBadProps(props) {
+  var rubbish = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return (0, _lodash.omit)(props, ['component', 'name', 'desc', 'icon', 'group', 'groupName', 'order'].concat((0, _toConsumableArray2.default)(rubbish)));
+}
+function listReducer(state, action) {
+  switch (action.type) {
+    case 'add':
+      {
+        var _action$callback;
+        var newState = [].concat((0, _toConsumableArray2.default)(state), [action.payload]);
+        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
+        return newState;
+      }
+    case 'delete':
+      {
+        var _action$callback2;
+        var _newState = state.filter(function (item) {
+          return item.id !== action.payload;
+        });
+        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, _newState);
+        return _newState;
+      }
+    case 'edit':
+      {
+        var _action$callback3;
+        var _newState2 = state.map(function (item) {
+          return item.id === action.payload.id ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), action.payload.data) : item;
+        });
+        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState2);
+        return _newState2;
+      }
+    case 'active':
+      {
+        var _action$callback4;
+        var _newState3 = state.map(function (item) {
+          item.active = false;
+          return item.id === action.payload.id ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), action.payload.data) : item;
+        });
+        (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState3);
+        return _newState3;
+      }
+    case 'new':
+      {
+        var _action$callback5;
+        var _newState4 = (0, _toConsumableArray2.default)(action.payload);
+        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState4);
+        return _newState4;
+      }
+    case 'sort':
+      {
+        var _action$callback6;
+        var sortItems = action.payload;
+        var newItems = state.sort(function (a, b) {
+          var indexA = sortItems.indexOf(a.id);
+          var indexB = sortItems.indexOf(b.id);
+          return indexA - indexB;
+        });
+        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState5);
+        var _newState5 = (0, _toConsumableArray2.default)(newItems);
+        return _newState5;
+      }
+    default:
+      throw new Error();
+  }
+}
+function getCtx(context) {
+  return (0, _lodash.omitBy)(context, function (_, key) {
+    return (0, _lodash.startsWith)(key, '_');
+  });
+}
+function getFuncBody(funcCode) {
+  var regex = /{([\s\S]*?)}(?![\s\S]*})/;
+  var matches = funcCode.match(regex);
+  if (matches) {
+    return matches[1].replace(/\s*\n\s*/g, ' ').trim();
+  }
+  return '';
+}
+function executeCode(context, code, argsName) {
+  if (!(0, _lodash.isString)(code)) {
+    throw new Error('executeCode编码参数无效');
+  }
+  for (var _len = arguments.length, args = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
+    args[_key - 3] = arguments[_key];
+  }
+  if ((0, _lodash.isNil)(argsName) && args.length > 0 || !(0, _lodash.isNil)(argsName) && !(0, _lodash.isArray)(argsName) || (0, _lodash.isArray)(argsName) && argsName.length !== (args === null || args === void 0 ? void 0 : args.length)) {
+    throw new Error('executeCode参数不匹配');
+  }
+  var ctx = getCtx(context);
+  var func = (0, _construct2.default)(Function, (0, _toConsumableArray2.default)(argsName || []).concat(['ctx', getFuncBody(code)]));
+  return func.apply(void 0, args.concat([ctx]));
 }

package/lib/lowcode/engine/tools/usePromiseState.js

@@ -9,10 +9,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _ahooks = require("ahooks");
 var usePromiseState = function usePromiseState(initialState) {
-  var _useSafeState = (0, _ahooks.useSafeState)(initialState),
-    _useSafeState2 = (0, _slicedToArray2.default)(_useSafeState, 2),
-    state = _useSafeState2[0],
-    setState = _useSafeState2[1];
+  var _useResetState = (0, _ahooks.useResetState)(initialState),
+    _useResetState2 = (0, _slicedToArray2.default)(_useResetState, 3),
+    state = _useResetState2[0],
+    setState = _useResetState2[1],
+    resetState = _useResetState2[2];
   var promiseRef = (0, _react.useRef)(null);
   var setStatePromise = (0, _react.useCallback)(function (_state) {
     return new Promise(function (resolve) {
@@ -26,6 +27,6 @@ var usePromiseState = function usePromiseState(initialState) {
       promiseRef.current = null;
     }
   }, [state]);
-  return [state, setStatePromise];
+  return [state, setStatePromise, resetState];
 };
 var _default = exports.default = usePromiseState;

package/lib/lowcode/index.js

@@ -16,5 +16,9 @@ Object.defineProperty(exports, "View", {
     return _view.default;
   }
 });
+exports.default = launcher;
 var _painter = _interopRequireDefault(require("./painter"));
-var _view = _interopRequireDefault(require("./view"));
+var _view = _interopRequireDefault(require("./view"));
+// export * as dataProcess  from './engine/tools/dataProcess';
+
+function launcher() {}