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

package/es/lowcode/constants/event-topics.js

@@ -23,9 +23,14 @@ export var COMPONENT_SETTING_CLICK = 'component-setting-click';
 export var COMPONENT_APPEND = 'component-append';
 // 组件的删除事件
 export var COMPONENT_DELETE = 'component-delete';
+// 组件的修改事件
+export var COMPONENT_MODIFY = 'component-modify';
 
 /******************************* Design Topic结束 *******************************/
 
 /******************************** Live Topic开始 ********************************/
 
-/******************************** Live Topic结束 ********************************/
+/******************************** Live Topic结束 ********************************/
+
+// 国际化语言设置
+export var LANG_SETTING_SELECT = 'lang-setting-select';

package/es/lowcode/engine/factory/panel-item-factory/SelectStrategy.js

@@ -3,9 +3,32 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["options", "field", "onChange"];
 import { Select } from 'luck-design/antd';
 import Strategy from "./Strategy";
 var _TYPE_ = 'select';
+var SelectComp = function SelectComp(_ref) {
+  var options = _ref.options,
+    field = _ref.field,
+    _onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    onChange: function onChange(value) {
+      return _onChange({
+        field: field,
+        value: value
+      });
+    }
+  }, props), options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      value: value
+    }, label);
+  }));
+};
 var SelectStrategy = /*#__PURE__*/function (_Strategy) {
   _inherits(SelectStrategy, _Strategy);
   var _super = _createSuper(SelectStrategy);
@@ -24,7 +47,7 @@ var SelectStrategy = /*#__PURE__*/function (_Strategy) {
   }, {
     key: "builder",
     value: function builder() {
-      return Select;
+      return SelectComp;
     }
   }]);
   return SelectStrategy;

package/es/lowcode/engine/meta/components-list.json

@@ -63,18 +63,18 @@
         "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
         "icon": "icon-iframe"
       },
-      {
-        "component": "Image",
-        "name": "图片",
-        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
-        "icon": "icon-image"
-      },
       {
         "component": "ImEx",
         "name": "导入导出",
         "desc": "支持导入导出数据的按钮组件。",
         "icon": "icon-imex"
       },
+      {
+        "component": "Image",
+        "name": "图片",
+        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
+        "icon": "icon-image"
+      },
       {
         "component": "JSX",
         "name": "jsx代码段",

package/es/lowcode/engine/provider/ContextProvider.js

@@ -4,6 +4,7 @@ import React, { createContext, useContext, useRef } from 'react';
 import { history } from 'umi';
 import { useMemoizedFn, useSafeState } from 'ahooks';
 import { useLDEventBus } from "./EventBusProvider";
+import usePromiseState from "../tools/usePromiseState";
 import * as topics from "../../constants/event-topics";
 export var Context = /*#__PURE__*/createContext(null);
 export var useLDContext = function useLDContext() {
@@ -27,20 +28,15 @@ export default (function (_ref) {
   /**
    * 页面数据
    */
-  var _useSafeState = useSafeState(null),
-    _useSafeState2 = _slicedToArray(_useSafeState, 2),
-    pageData = _useSafeState2[0],
-    _setPageData = _useSafeState2[1];
+  var _usePromiseState = usePromiseState(null),
+    _usePromiseState2 = _slicedToArray(_usePromiseState, 2),
+    pageData = _usePromiseState2[0],
+    _setPageData = _usePromiseState2[1];
 
   /**
    * 组件列表
    */
   var _componentList = useRef([]);
-
-  /**
-   * 组件id与组件的映射
-   */
-  var _componentMap = useRef(new Map());
   var _privateGetter = useRef({
     pageCode: function pageCode() {
       return _pageCode.current;
@@ -52,7 +48,7 @@ export default (function (_ref) {
       return _componentList.current;
     },
     componentMap: function componentMap() {
-      return _componentMap.current;
+      return new Map(_componentList.current);
     }
   });
 
@@ -62,7 +58,6 @@ export default (function (_ref) {
    * component:ReactNode 组件
    */
   var register = useMemoizedFn(function (id, component) {
-    _componentMap.current.set(id, component);
     _componentList.current.push([id, component]);
   });
 
@@ -71,7 +66,6 @@ export default (function (_ref) {
    * id:string 组件id
    */
   var unregister = useMemoizedFn(function (id) {
-    _componentMap.current.delete(id);
     _componentList.current = _componentList.current.filter(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 1),
         _id = _ref3[0];
@@ -130,8 +124,6 @@ export default (function (_ref) {
       _pageCode: _pageCode,
       _moduleCode: _moduleCode,
       _setPageData: _setPageData,
-      _componentList: _componentList,
-      _componentMap: _componentMap,
       pageData: pageData,
       history: history,
       topics: topics,

package/es/lowcode/engine/provider/EventBusProvider.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["topic"];
 import React, { createContext, useContext } from 'react';
 import { useEventEmitter, useCreation, useMemoizedFn } from 'ahooks';
-import lcid from "../tools/lcid";
+import { suid } from '@luck-design-biz/base/utils';
 import { isPromise } from "../tools/helper";
 export var EventBus = /*#__PURE__*/createContext(null);
 export var useLDEventBus = function useLDEventBus() {
@@ -87,7 +87,7 @@ export default (function (_ref) {
   });
   var $subscriber = useMemoizedFn(function (topic) {
     if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
-    var id = lcid();
+    var id = suid();
     var _subscriber = Subscriber(id);
     subscriberPool.get(topic).push([id, _subscriber]);
     return _subscriber;

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

@@ -0,0 +1,24 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useRef, useCallback } from 'react';
+import { useSafeState, useDeepCompareEffect } from 'ahooks';
+var usePromiseState = function usePromiseState(initialState) {
+  var _useSafeState = useSafeState(initialState),
+    _useSafeState2 = _slicedToArray(_useSafeState, 2),
+    state = _useSafeState2[0],
+    setState = _useSafeState2[1];
+  var promiseRef = useRef(null);
+  var setStatePromise = useCallback(function (_state) {
+    return new Promise(function (resolve) {
+      promiseRef.current = resolve;
+      setState(_state);
+    });
+  }, []);
+  useDeepCompareEffect(function () {
+    if (promiseRef.current) {
+      promiseRef.current(state);
+      promiseRef.current = null;
+    }
+  }, [state]);
+  return [state, setStatePromise];
+};
+export default usePromiseState;