@luck-design-biz/luckda 0.0.25-9 → 0.0.25-af-1

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

@@ -2,9 +2,7 @@ import _construct from "@babel/runtime/helpers/esm/construct";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { omit, isNil, isString, isArray } from 'lodash';
-import postcss from 'postcss';
-import { META_TAG_NAME } from "../../constants";
+import { omit, omitBy, startsWith, isNil, isString, isArray } from 'lodash';
 export function isPromise(value) {
   return !!value && _typeof(value) === 'object' && typeof value.then === 'function';
 }
@@ -14,91 +12,69 @@ export function omitBadProps(props) {
 }
 export function listReducer(state, action) {
   switch (action.type) {
-    case 'insert':
+    case 'add':
       {
         var _action$callback;
-        var newState = _toConsumableArray(state);
-        newState.splice(action.payload.index + 1, 0, action.payload.data);
+        var newState = [].concat(_toConsumableArray(state), [action.payload]);
         (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
         return newState;
       }
-    case 'add':
+    case 'delete':
       {
         var _action$callback2;
-        var _newState = [].concat(_toConsumableArray(state), [action.payload]);
+        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 'delete':
+    case 'edit':
       {
         var _action$callback3;
-        var _newState2 = state.filter(function (item) {
-          return item.id !== action.payload;
+        var _newState2 = state.map(function (item) {
+          return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
         });
         (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState2);
         return _newState2;
       }
-    case 'edit':
+    case 'active':
       {
         var _action$callback4;
         var _newState3 = state.map(function (item) {
+          item.active = false;
           return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
         });
         (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState3);
         return _newState3;
       }
-    case 'batchEdit':
+    case 'new':
       {
         var _action$callback5;
-        var _newState4 = state.map(function (item) {
-          var newItem = action.payload.items.find(function (_id) {
-            return _id === item.id;
-          });
-          if (newItem) {
-            return _objectSpread(_objectSpread({}, item), action.payload.data);
-          }
-          return item;
-        });
+        var _newState4 = _toConsumableArray(action.payload);
         (_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 ? _objectSpread(_objectSpread({}, 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 _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;
         });
-        var _newState6 = _toConsumableArray(newItems);
-        (_action$callback8 = action.callback) === null || _action$callback8 === void 0 || _action$callback8.call(action, _newState6);
-        return _newState6;
+        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState5);
+        var _newState5 = _toConsumableArray(newItems);
+        return _newState5;
       }
     default:
       throw new Error();
   }
 }
 export function getCtx(context) {
-  return context;
-  // return omitBy(context, (_, key) => startsWith(key, '_'));
+  return omitBy(context, function (_, key) {
+    return startsWith(key, '_');
+  });
 }
 export function getFuncBody(funcCode) {
   var regex = /{([\s\S]*?)}(?![\s\S]*})/;
@@ -121,52 +97,4 @@ export function executeCode(context, code, argsName) {
   var ctx = getCtx(context);
   var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', getFuncBody(code)]));
   return func.apply(void 0, args.concat([ctx]));
-}
-export function parseCSS(cssString) {
-  // 创建一个空对象来存储解析后的样式
-  var parsedStyles = {};
-  if (cssString) {
-    try {
-      // 解析CSS字符串
-      var ast = postcss.parse(cssString);
-
-      // 遍历AST中的每个规则
-      ast.walkDecls(function (decl) {
-        // 将每个声明的属性和值存储在对象中
-        parsedStyles[decl.prop] = decl.value;
-      });
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  // 返回包含所有样式的对象
-  return parsedStyles;
-}
-;
-export 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);
-}
-export function setLDMetaAttrs(data) {
-  var meta = document.querySelector("meta[name=\"".concat(META_TAG_NAME, "\"]"));
-  if (!meta) {
-    meta = document.createElement('meta');
-  }
-  meta.name = META_TAG_NAME;
-  meta.content = new URLSearchParams(data).toString().replaceAll('&', ',');
-  document.head.appendChild(meta);
-}
-export function getLDMetaAttr(name) {
-  if (isNil(name)) return void 0;
-  var meta = document.querySelector("meta[name=\"".concat(META_TAG_NAME, "\"]"));
-  var params = new URLSearchParams(meta.content.replaceAll(',', '&'));
-  if (isArray(name)) {
-    return name.map(function (n) {
-      return params.get(n);
-    });
-  }
-  return params.get(name);
-}
-;
+}

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

@@ -1,11 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useRef, useState, useCallback } from 'react';
-import { useUpdateLayoutEffect } from 'ahooks';
+import { useRef, useCallback } from 'react';
+import { useResetState, useDeepCompareEffect } from 'ahooks';
 var usePromiseState = function usePromiseState(initialState) {
-  var _useState = useState(initialState),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+  var _useResetState = useResetState(initialState),
+    _useResetState2 = _slicedToArray(_useResetState, 3),
+    state = _useResetState2[0],
+    setState = _useResetState2[1],
+    resetState = _useResetState2[2];
   var promiseRef = useRef(null);
   var setStatePromise = useCallback(function (_state) {
     return new Promise(function (resolve) {
@@ -13,12 +14,12 @@ var usePromiseState = function usePromiseState(initialState) {
       setState(_state);
     });
   }, []);
-  useUpdateLayoutEffect(function () {
+  useDeepCompareEffect(function () {
     if (promiseRef.current) {
       promiseRef.current(state);
       promiseRef.current = null;
     }
   }, [state]);
-  return [state, setStatePromise];
+  return [state, setStatePromise, resetState];
 };
 export default usePromiseState;

package/es/lowcode/index.js

@@ -1,6 +1,5 @@
 export { default as Painter } from "./painter";
 export { default as View } from "./view";
-export { default as Preview } from "./preview";
 // export * as dataProcess  from './engine/tools/dataProcess';
 
 export default function launcher() {}

package/es/lowcode/painter/Components.js

@@ -1,15 +1,12 @@
-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 React, { useState } from 'react';
 import { Icon, Input, Tabs } from 'luck-design/antd';
 import { useMemoizedFn, useCreation } from 'ahooks';
 import { formatMessage } from '@luck-design-biz/base/utils';
-import { useContext } from "../engine/provider/ContextProvider";
-import { useDraggable } from '@dnd-kit/core';
+import { useLDContext } from "../engine/provider/ContextProvider";
 import styles from "./style/components.less";
 import data from "../engine/meta/components-list.json";
-import { Action } from "./components/DragDrop/DragDropContext";
 var TabPane = Tabs.TabPane;
 var Search = Input.Search;
 var BaseCom = function BaseCom(_ref) {
@@ -31,7 +28,7 @@ var BaseCom = function BaseCom(_ref) {
     }).filter(function (group) {
       return group.components.length > 0;
     });
-  }, [searchTerm]);
+  }, [data]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: styles['components-search']
   }, /*#__PURE__*/React.createElement(Search, {
@@ -47,53 +44,30 @@ var BaseCom = function BaseCom(_ref) {
       key: group.group,
       className: styles['components-wrapper']
     }, /*#__PURE__*/React.createElement("h3", null, group.groupName), group.components.map(function (item) {
-      return /*#__PURE__*/React.createElement(CompItem, {
+      return /*#__PURE__*/React.createElement("div", {
         key: item.component,
-        item: item,
-        onComponentClick: onComponentClick
-      });
+        className: styles['components-item'],
+        onClick: function onClick() {
+          return onComponentClick(item);
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles['icon-wrapper']
+      }, /*#__PURE__*/React.createElement(Icon, {
+        type: item.icon || 'home'
+      })), /*#__PURE__*/React.createElement("div", {
+        className: styles['text-content']
+      }, /*#__PURE__*/React.createElement("span", null, item.name)));
     }));
   })));
 };
-var CompItem = function CompItem(_ref2) {
-  var item = _ref2.item,
-    onComponentClick = _ref2.onComponentClick;
-  // console.log('CompItem', item.component);
-  var _useDraggable = useDraggable({
-      id: 'comlist-' + item.component,
-      data: {
-        component: item,
-        action: Action.ADD
-      }
-    }),
-    attributes = _useDraggable.attributes,
-    listeners = _useDraggable.listeners,
-    transform = _useDraggable.transform,
-    setNodeRef = _useDraggable.setNodeRef;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: setNodeRef
-  }, listeners, attributes, {
-    key: item.component,
-    className: styles['components-item'],
-    onClick: function onClick() {
-      return onComponentClick(item);
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles['icon-wrapper']
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: item.icon || 'home'
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles['text-content']
-  }, /*#__PURE__*/React.createElement("span", null, item.name)));
-};
 
-/**
- * 组件清单
+/**
+ * 组件清单
  */
-var Components = function Components(_ref3) {
-  var _ref3$dataset = _ref3.dataset,
-    dataset = _ref3$dataset === void 0 ? 'test' : _ref3$dataset;
-  var context = useContext();
+var Components = function Components(_ref2) {
+  var _ref2$dataset = _ref2.dataset,
+    dataset = _ref2$dataset === void 0 ? 'test' : _ref2$dataset;
+  var context = useLDContext();
   var onComponentClick = useMemoizedFn(function (data) {
     context.$publisher(context.topics.COMPONENT_SETTING_CLICK, {
       data: data
@@ -121,10 +95,10 @@ var Components = function Components(_ref3) {
     onComponentClick: onComponentClick
   })), /*#__PURE__*/React.createElement(TabPane, {
     tab: formatMessage({
-      id: 'ccm.dev.page.set.components.custom',
-      label: '自定义组件'
+      id: 'ccm.dev.page.set.components.dataset',
+      label: '数据集字段'
     }),
     key: "dataset"
-  }, "\u656C\u8BF7\u671F\u5F85")));
+  })));
 };
 export default Components;

package/es/lowcode/painter/Design.js

@@ -1,11 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useState, useEffect } from 'react';
-import { RawIntlProvider, getLocale, getIntl, localeInfo, history } from 'umi';
+import React, { useRef, useState } from 'react';
+import { RawIntlProvider, getLocale, getIntl, localeInfo } from 'umi';
 import { useMemoizedFn } from 'ahooks';
 import moment from 'moment';
 import { ConfigProvider } from 'luck-design/antd';
-import { formatMessage } from '@luck-design-biz/base/utils';
-import { useRemoteSource } from "../engine/provider/ContextProvider";
 import DesignToolbar from "./DesignToolbar";
 import DesignOperator from "./DesignOperator";
 import Page from "../view/Page";
@@ -13,7 +11,6 @@ import styles from "./style/design.less";
 var Design = function Design() {
   var _localeInfo$locale;
   var simulatorRef = useRef(null);
-  var remoteSource = useRemoteSource();
   var _useState = useState(function () {
       return getLocale();
     }),
@@ -26,35 +23,6 @@ var Design = function Design() {
     _useState4 = _slicedToArray(_useState3, 2),
     intl = _useState4[0],
     setIntl = _useState4[1];
-  var unblock = useMemoizedFn(function () {
-    if (remoteSource.backLength > 0) return confirm("".concat(formatMessage({
-      id: 'app.base.operate.comfire.leave',
-      label: '离开当前页面？'
-    }), "\n").concat(formatMessage({
-      id: 'app.base.operate.comfire.message.leave',
-      label: '系统可能不会保存您所做的更改。'
-    })));
-    return true;
-  });
-  var handleBeforeUnload = useMemoizedFn(function (event) {
-    if (remoteSource.backLength > 0) {
-      event.preventDefault();
-      event.returnValue = null;
-      return null;
-    }
-  });
-  useEffect(function () {
-    window.addEventListener('beforeunload', handleBeforeUnload);
-    history.block(function () {
-      return unblock();
-    });
-    return function () {
-      window.removeEventListener('beforeunload', handleBeforeUnload);
-      history.block(function () {
-        return true;
-      });
-    };
-  }, []);
   var handleLangChange = useMemoizedFn(function (_locale) {
     if (moment !== null && moment !== void 0 && moment.locale) {
       var _localeInfo$_locale;
@@ -70,15 +38,15 @@ var Design = function Design() {
     onLangChange: handleLangChange
   }), /*#__PURE__*/React.createElement("div", {
     className: styles['lc-painter-design-workspace']
-  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+  }, /*#__PURE__*/React.createElement(DesignOperator, {
+    target: simulatorRef
+  }), /*#__PURE__*/React.createElement(ConfigProvider, {
     locale: ((_localeInfo$locale = localeInfo[locale]) === null || _localeInfo$locale === void 0 ? void 0 : _localeInfo$locale.antd) || {}
   }, /*#__PURE__*/React.createElement(RawIntlProvider, {
     value: intl
   }, /*#__PURE__*/React.createElement(Page, {
     ref: simulatorRef,
     className: styles['lc-painter-design-simulator']
-  }, /*#__PURE__*/React.createElement(DesignOperator, {
-    canvas: simulatorRef
-  }))))));
+  })))));
 };
 export default Design;