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

package/es/components/LdFormList/index.js

@@ -14,7 +14,6 @@ import React, { useContext, useRef, forwardRef, Fragment, useImperativeHandle, u
 import { connect, getDvaApp, useRouteMatch, useModel } from 'umi';
 import PropTypes from 'prop-types';
 import { useCreation, useMemoizedFn, useAsyncEffect } from 'ahooks';
-import { createDeepCompareEffect } from 'ahooks/es/createDeepCompareEffect';
 import { BasicDivider } from 'luck-design';
 import { ChildrenUtil } from '@luck-design-biz/base/utils';
 import { FormList, FormListAffix, FormBtn } from '@luck-design-biz/base/FormList';
@@ -29,7 +28,6 @@ import { isArray, sortBy, mapValues } from 'lodash';
 import { BpmButton } from '@luck-design-biz/bpm';
 import { readBehaviorCall } from "../../services";
 import { parse, stringify } from 'querystring';
-var useDeepCompareAsyncEffect = createDeepCompareEffect(useAsyncEffect);
 
 // 组件
 var LdFormList = function LdFormList(_ref) {
@@ -126,7 +124,7 @@ var LdFormList = function LdFormList(_ref) {
       placement: luckTheme === 'base' && (affixLayout || defaultLayout) !== 'top' ? 'topRight' : 'bottomRight'
     }, bpmButtonProps)));
   };
-  useDeepCompareAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var _props$formData$mainF, _params, response, _yield$readBehaviorCa, code, data, _props$formData$mainF2, _props$formData$mainF3, bpmInfoObj, tempObj;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -152,7 +150,6 @@ var LdFormList = function LdFormList(_ref) {
           }
           _context.next = 8;
           return readBehaviorCall(_objectSpread(_objectSpread({}, _params), {}, {
-            // bizKey: bizData.bizKey,
             behaviorKey: 'readBpm'
           }));
         case 8:

package/es/lowcode/constants/api-url.js

@@ -1,2 +1,3 @@
 // icon地址
-export var ICON = '/public/icons/iconfont.json';
+export var ICONLIST_URL = '/public/icons/iconfont.json';
+export var ICONLIST_JS = '/public/icons/iconfont.js';

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

@@ -4,6 +4,10 @@
 export var COMPONENT_MOUNT = 'component-mount';
 // 组件的卸载事件
 export var COMPONENT_UNMOUNT = 'component-unmount';
+// 模态视图层打开事件
+export var MODAL_OPEN = 'modal-open';
+// 模态视图层关闭事件
+export var MODAL_CLOSE = 'modal-close';
 
 /******************************** 通用Topic结束 ********************************/
 
@@ -15,9 +19,18 @@ export var COMPONENT_HOVER = 'component-hover';
 export var COMPONENT_ACTIVE = 'component-active';
 // 组件设置的click事件
 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/DynamicStrategy.js

@@ -0,0 +1,60 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 { dynamic } from 'umi';
+import { trimStart } from 'lodash';
+import Strategy from "./Strategy";
+var _TYPE_ = 'dynamic';
+var DynamicStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(DynamicStrategy, _Strategy);
+  var _super = _createSuper(DynamicStrategy);
+  function DynamicStrategy(factory) {
+    var _this;
+    _classCallCheck(this, DynamicStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(DynamicStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder(value) {
+      return dynamic({
+        loader: function () {
+          var _loader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+            var name, _yield$import, _Comp;
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  name = trimStart(value, '_');
+                  _context.next = 3;
+                  return import("../../../painter/panel-section/".concat(name));
+                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;
+        }()
+      });
+    }
+  }]);
+  return DynamicStrategy;
+}(Strategy);
+export { DynamicStrategy as default };

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

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 Strategy from "./Strategy";
+import Collapse from "../../../painter/components/Collapse";
+var _TYPE_ = 'group';
+var DynamicStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(DynamicStrategy, _Strategy);
+  var _super = _createSuper(DynamicStrategy);
+  function DynamicStrategy(factory) {
+    var _this;
+    _classCallCheck(this, DynamicStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(DynamicStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder(value) {
+      return Collapse;
+    }
+  }]);
+  return DynamicStrategy;
+}(Strategy);
+export { DynamicStrategy as default };

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

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 { Segmented } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'segmented';
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Segmented;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

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

@@ -0,0 +1,50 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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", "onChange"];
+import { Select } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'select';
+var SelectComp = function SelectComp(_ref) {
+  var options = _ref.options,
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    onChange: onChange
+  }, props), options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+};
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return SelectComp;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

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

@@ -0,0 +1,21 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+var PanelItemStrategy = /*#__PURE__*/function () {
+  function PanelItemStrategy(type) {
+    _classCallCheck(this, PanelItemStrategy);
+    this.type = type;
+  }
+  _createClass(PanelItemStrategy, [{
+    key: "builder",
+    value: function builder(value) {
+      throw new Error('builder Function Not implemented');
+    }
+  }, {
+    key: "match",
+    value: function match(type) {
+      throw new Error('support Function Not implemented');
+    }
+  }]);
+  return PanelItemStrategy;
+}();
+export { PanelItemStrategy as default };

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

@@ -0,0 +1,50 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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", "onChange"];
+import { useRef } from 'react';
+import { Input } from 'luck-design/antd';
+import { throttle } from 'lodash';
+import Strategy from "./Strategy";
+var _TYPE_ = 'string';
+var StringComp = function StringComp(_ref) {
+  var options = _ref.options,
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var handleChange = useRef(throttle(function (newValue) {
+    onChange(newValue);
+  }, 400));
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    onChange: function onChange(e) {
+      return handleChange.current(e.target.value);
+    }
+  }, props));
+};
+var StringStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(StringStrategy, _Strategy);
+  var _super = _createSuper(StringStrategy);
+  function StringStrategy(factory) {
+    var _this;
+    _classCallCheck(this, StringStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(StringStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return StringComp;
+    }
+  }]);
+  return StringStrategy;
+}(Strategy);
+export { StringStrategy as default };

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

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 { Switch } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'switch';
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Switch;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

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

@@ -0,0 +1,42 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import StringStrategy from "./StringStrategy";
+import SelectStrategy from "./SelectStrategy";
+import SwitchStrategy from "./SwitchStrategy";
+import SegmentedStrategy from "./SegmentedStrategy";
+import DynamicStrategy from "./DynamicStrategy";
+import GroupStrategy from "./GroupStrategy";
+var Factory = /*#__PURE__*/function () {
+  function Factory() {
+    _classCallCheck(this, Factory);
+    this.strategies = {};
+    this._setPlugins();
+  }
+  _createClass(Factory, [{
+    key: "_setPlugins",
+    value: function _setPlugins() {
+      new StringStrategy(this);
+      new DynamicStrategy(this);
+      new SelectStrategy(this);
+      new SegmentedStrategy(this);
+      new SwitchStrategy(this);
+      new GroupStrategy(this);
+    }
+  }, {
+    key: "register",
+    value: function register(type, strategy) {
+      this.strategies[type] = strategy;
+    }
+  }, {
+    key: "getPanelItemFor",
+    value: function getPanelItemFor(type, value) {
+      var strategy = this.strategies[type];
+      if (strategy !== null && strategy !== void 0 && strategy.match(type)) {
+        return strategy.builder(value);
+      }
+      return null;
+    }
+  }]);
+  return Factory;
+}();
+export { Factory as default };

package/es/lowcode/engine/meta/box.props.default.json

@@ -0,0 +1,12 @@
+{
+  "component": "Box",
+  "name": "容器",
+  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+  "icon": "icon-box",
+  "group": "container",
+  "groupName": "布局",
+  "order": 3,
+  "style": {
+    "height": "60px"
+  }
+}

package/es/lowcode/engine/meta/box.props.json

@@ -0,0 +1,42 @@
+{
+  "component": "Box",
+  "name": "容器",
+  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+  "icon": "icon-box",
+  "group": "container",
+  "groupName": "布局",
+  "order": 3,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    }
+  ],
+  "style": {
+    "height": "60px"
+  },
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/engine/meta/button.props.default.json

@@ -1,8 +1,16 @@
-{
-  "title": "按钮",
-  "type": {
-    "key": "primary"
-  },
-  "size": "middle",
-  "effect": "hidden"
+{
+  "component": "Button",
+  "name": "按钮",
+  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
+  "icon": "icon-button",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "style": {},
+  "title": "按钮",
+  "type": "default",
+  "size": "middle",
+  "block": false,
+  "ghost": false,
+  "serialEffect": "hidden"
 }