@luck-design-biz/luckda 0.0.27 → 1.0.0-alpha

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

@@ -4,8 +4,255 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.executeCode = executeCode;
+exports.extractKeywords = extractKeywords;
+exports.getCtx = getCtx;
+exports.getFuncBody = getFuncBody;
+exports.getLDMetaAttr = getLDMetaAttr;
+exports.getMetaAttr = getMetaAttr;
+exports.isColor = isColor;
 exports.isPromise = isPromise;
+exports.listReducer = listReducer;
+exports.loadScript = loadScript;
+exports.omitBadProps = omitBadProps;
+exports.parseCSS = parseCSS;
+exports.setMetaAttrs = setMetaAttrs;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+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");
+var _postcss = _interopRequireDefault(require("postcss"));
+var _constants = require("../../constants");
 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 'insert':
+      {
+        var _action$callback;
+        var newState = (0, _toConsumableArray2.default)(state);
+        newState.splice(action.payload.index + 1, 0, action.payload.data);
+        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
+        return newState;
+      }
+    case 'add':
+      {
+        var _action$callback2;
+        var _newState = [].concat((0, _toConsumableArray2.default)(state), [action.payload]);
+        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, _newState);
+        return _newState;
+      }
+    case 'delete':
+      {
+        var _action$callback3;
+        var _newState2 = state.filter(function (item) {
+          return item.id !== action.payload;
+        });
+        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState2);
+        return _newState2;
+      }
+    case 'edit':
+      {
+        var _action$callback4;
+        var _newState3 = state.map(function (item) {
+          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 'batchEdit':
+      {
+        var _action$callback5;
+        var _newState4 = state.map(function (item) {
+          var newItem = action.payload.items.find(function (_id) {
+            return _id === item.id;
+          });
+          if (newItem) {
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), action.payload.data);
+          }
+          return item;
+        });
+        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState4);
+        return _newState4;
+      }
+    case 'active':
+      {
+        var _action$callback6;
+        var _newState5 = 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$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState5);
+        return _newState5;
+      }
+    case 'init':
+    case 'new':
+      {
+        var _action$callback7;
+        (_action$callback7 = action.callback) === null || _action$callback7 === void 0 || _action$callback7.call(action, action.payload);
+        return action.payload;
+      }
+    case 'sort':
+      {
+        var _action$callback8;
+        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;
+        });
+        var _newState6 = (0, _toConsumableArray2.default)(newItems);
+        (_action$callback8 = action.callback) === null || _action$callback8 === void 0 || _action$callback8.call(action, _newState6);
+        return _newState6;
+      }
+    default:
+      throw new Error();
+  }
+}
+function getCtx(context) {
+  return context;
+  // return omitBy(context, (_, key) => 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', 'window', "\"use strict\"; ".concat(getFuncBody(code))]));
+  return func.apply(void 0, args.concat([ctx, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, window.proxy), window)]));
+}
+function parseCSS(cssString) {
+  // 创建一个空对象来存储解析后的样式
+  var parsedStyles = {};
+  if (cssString) {
+    try {
+      // 解析CSS字符串
+      var ast = _postcss.default.parse(cssString);
+
+      // 遍历AST中的每个规则
+      ast.walkDecls(function (decl) {
+        // 将每个声明的属性和值存储在对象中
+        var selector = decl.parent.selector;
+        if (!parsedStyles[selector]) {
+          parsedStyles[selector] = {};
+        }
+        parsedStyles[selector][decl.prop] = decl.value;
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  }
+  // 返回包含所有样式的对象
+  return parsedStyles;
+}
+function isColor(str) {
+  var hexRegex = /^#(?:[A-Fa-f0-9]{3,4}){1,2}$/;
+  var rgbaRegex = /^rgba?\(\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})(,\s*(0|1|0?\.\d+))?\s*\)$/;
+  return hexRegex.test(str) || rgbaRegex.test(str);
+}
+function setMetaAttrs(name, data) {
+  var meta = document.querySelector("meta[name=\"".concat(name, "\"]"));
+  if (!meta) {
+    meta = document.createElement('meta');
+  }
+  meta.name = name;
+  meta.content = (0, _lodash.isString)(data) ? data : new URLSearchParams(data).toString().replaceAll('&', ',');
+  document.head.appendChild(meta);
+}
+function getMetaAttr(name, _) {
+  if ((0, _lodash.isNil)(name)) return void 0;
+  var meta = document.querySelector("meta[name=\"".concat(name, "\"]"));
+  if (meta.content.includes(',')) {
+    var data = new URLSearchParams(meta.content.replaceAll(',', '&'));
+    if ((0, _lodash.isNil)(_)) {
+      return Object.fromEntries(data.entries());
+    }
+    if ((0, _lodash.isArray)(_)) {
+      return _.map(function (n) {
+        return data.get(n);
+      });
+    }
+    return data.get(_);
+  }
+  return meta.content;
+}
+function getLDMetaAttr(_) {
+  return getMetaAttr(_constants.META_TAG_NAME, _);
+}
+function extractKeywords(obj, keys) {
+  var keywords = [];
+  function recurse(currentObj) {
+    if ((0, _typeof2.default)(currentObj) !== 'object' || currentObj === null) {
+      return;
+    }
+    for (var key in currentObj) {
+      var _iterator = (0, _createForOfIteratorHelper2.default)(keys),
+        _step;
+      try {
+        tag: for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var triggerKey = _step.value;
+          var flag = (0, _lodash.isString)(triggerKey) ? key === triggerKey : (0, _lodash.has)(currentObj[key], triggerKey);
+          if (flag) {
+            var keyword = (0, _lodash.isString)(triggerKey) ? currentObj[triggerKey] : (0, _lodash.get)(currentObj[key], triggerKey);
+            keywords.push({
+              label: keyword,
+              kind: 'property',
+              insertText: keyword,
+              documentation: JSON.stringify(currentObj)
+            });
+            break tag;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      recurse(currentObj[key]);
+    }
+  }
+  recurse(obj);
+  return keywords;
+}
+function loadScript(path) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var script = document.querySelector("script[src=\"".concat(path, "\"]"));
+  if (!script) {
+    var newScript = document.createElement('script');
+    newScript.src = path;
+    Object.keys(props).forEach(function (key) {
+      newScript[key] = props[key];
+    });
+    newScript.setAttribute('data-status', 'loading');
+    document.body.appendChild(newScript);
+    return {
+      ref: newScript,
+      status: 'loading'
+    };
+  }
+  return {
+    ref: script,
+    status: script.getAttribute('data-status') || 'ready'
+  };
 }

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

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useCanvasRender;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard3(require("react"));
+var _umi = require("umi");
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _ContextProvider = require("../provider/ContextProvider");
+var _constants = require("../../constants");
+var _helper = require("../tools/helper");
+var _excluded = ["props", "children"],
+  _excluded2 = ["id", "component", "name", "desc", "icon", "group", "groupName", "order"];
+function useCanvasRender(data, deps) {
+  var dynamicCompMap = (0, _react.useRef)({});
+  var ctx = (0, _ContextProvider.useContext)();
+  var render = (0, _ahooks.useMemoizedFn)(function () {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      props = _ref.props,
+      children = _ref.children,
+      childrenMap = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    if (props && !_constants.LC_BUILDIN_UNIT_KEY_LIST.includes(props.id)) {
+      var _rest$advance;
+      var id = props.id,
+        component = props.component,
+        name = props.name,
+        desc = props.desc,
+        icon = props.icon,
+        group = props.group,
+        groupName = props.groupName,
+        order = props.order,
+        rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
+      if (!dynamicCompMap.current[component]) {
+        dynamicCompMap.current[component] = (0, _umi.dynamic)({
+          loader: function () {
+            var _loader = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+              var _runtime, _yield$import, _Comp;
+              return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _runtime = (0, _lodash.upperFirst)(ctx.runtime);
+                    _context.next = 3;
+                    return function (specifier) {
+                      return new Promise(function (r) {
+                        return r(specifier);
+                      }).then(function (s) {
+                        return (0, _interopRequireWildcard2.default)(require(s));
+                      });
+                    }("../../view/lc-components/".concat(component, "/Function").concat(_runtime));
+                  case 3:
+                    _yield$import = _context.sent;
+                    _Comp = _yield$import.default;
+                    return _context.abrupt("return", _Comp);
+                  case 6:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function loader() {
+              return _loader.apply(this, arguments);
+            }
+            return loader;
+          }()
+        });
+      }
+      var renderable = true;
+      if (ctx.runtime !== _constants.RUNTIME.DESIGN && (_rest$advance = rest.advance) !== null && _rest$advance !== void 0 && _rest$advance.render) {
+        renderable = rest.advance.render.value && ((0, _lodash.isNil)(rest.advance.render.code) ? true : (0, _helper.executeCode)(ctx, rest.advance.render.code));
+      }
+      if (!renderable) return null;
+      var Comp = dynamicCompMap.current[component];
+      return /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
+        key: id,
+        id: id
+      }, rest), (children === null || children === void 0 ? void 0 : children.length) > 0 ? children.map(function (_id) {
+        return render(childrenMap[_id]);
+      }) : null);
+    }
+    return (children === null || children === void 0 ? void 0 : children.length) > 0 ? children.map(function (_id) {
+      return render(childrenMap[_id]);
+    }) : null;
+  });
+  return (0, _ahooks.useCreation)(function () {
+    return render(data);
+  }, deps || [data, ctx.state]);
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var useCombinedRefs = function useCombinedRefs(forwardedRef) {
+  var innerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!forwardedRef) return;
+    if (typeof forwardedRef === 'function') {
+      forwardedRef(innerRef.current);
+    } else {
+      forwardedRef.current = innerRef.current;
+    }
+  }, [forwardedRef]);
+  return forwardedRef || innerRef;
+};
+var _default = exports.default = useCombinedRefs;