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

package/es/lowcode/view/lc-components/Layout/FunctionDesign.js

@@ -0,0 +1,75 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "context", "id", "columnRatio"],
+  _excluded2 = ["style"];
+import { useEffect } from 'react';
+import { useCreation, useMemoizedFn } from 'ahooks';
+import { drop, cloneDeep } from 'lodash';
+import { suid } from '@luck-design-biz/base/utils';
+import Index from "./index";
+import { add, modifyById, deleteById, findNodeAndParent } from "../../../engine/tools/dataProcess";
+import boxDefaultMeta from "../../../engine/meta/box.props.default.json";
+var LayoutFunctionDesign = function LayoutFunctionDesign(_ref) {
+  var children = _ref.children,
+    context = _ref.context,
+    id = _ref.id,
+    columnRatio = _ref.columnRatio,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var refreshChild = useMemoizedFn(function (_pageData) {
+    var cloneData = cloneDeep(_pageData);
+    var _findNodeAndParent = findNodeAndParent(id, cloneData),
+      current = _findNodeAndParent.node;
+    var ratioArr = columnRatio.split(':');
+    drop(current.children, ratioArr.length).forEach(function (boxId) {
+      deleteById(cloneData, boxId);
+    });
+    ratioArr.forEach(function (item, index) {
+      var _current$children;
+      var ratio = parseInt(item, 10);
+      var boxId = (_current$children = current.children) === null || _current$children === void 0 ? void 0 : _current$children[index];
+      if (boxId) {
+        modifyById(cloneData, current.children[index], _objectSpread(_objectSpread({}, current[boxId].props), {}, {
+          style: _objectSpread(_objectSpread({}, current[boxId].props.style), {}, {
+            gridColumn: 'span ' + ratio
+          })
+        }));
+      } else {
+        boxId = "box_".concat(suid());
+        var style = boxDefaultMeta.style,
+          json = _objectWithoutProperties(boxDefaultMeta, _excluded2);
+        add(cloneData, id, boxId, _objectSpread(_objectSpread({}, json), {}, {
+          style: _objectSpread(_objectSpread({}, style), {}, {
+            gridColumn: 'span ' + ratio
+          })
+        }));
+      }
+    });
+    context._setPageData(cloneData);
+  });
+  useCreation(function () {
+    if (children !== null && children !== void 0 && children.length) return;
+    context.$subscriber(context.topics.COMPONENT_APPEND).once(function (_ref2) {
+      var compId = _ref2.id,
+        pageData = _ref2.pageData;
+      if (compId !== id) return;
+      refreshChild(pageData);
+    }).watch();
+  }, []);
+  useEffect(function () {
+    var cmid = context.$subscriber(context.topics.COMPONENT_MODIFY).on(function (_ref3) {
+      var compId = _ref3.id,
+        pageData = _ref3.pageData;
+      if (compId !== id) return;
+      refreshChild(pageData);
+    }).watch();
+    return function () {
+      return context.$unsubscriber(context.topics.COMPONENT_MODIFY, cmid);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Index, _extends({
+    id: id,
+    context: context
+  }, props), children);
+};
+export default LayoutFunctionDesign;

package/es/lowcode/view/lc-components/Layout/FunctionLive.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "context", "id"];
+import Index from "./index";
+var LayoutFunctionLive = function LayoutFunctionLive(_ref) {
+  var children = _ref.children,
+    context = _ref.context,
+    id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, _extends({
+    id: id,
+    context: context
+  }, props), children);
+};
+export default LayoutFunctionLive;

package/es/lowcode/view/lc-components/Layout/index.js

@@ -1,65 +1,27 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "children", "columnRatio", "columnSpacing", "lineSpacing", "style"],
-  _excluded2 = ["style"];
-import React, { useRef, useImperativeHandle, useEffect, cloneElement } from 'react';
+var _excluded = ["id", "children", "columnSpacing", "lineSpacing", "style"];
+import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
-import { useCreation, useMemoizedFn } from 'ahooks';
-import { useLDContext } from "../../../engine/provider/ContextProvider";
+import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
 import styles from "./index.less";
-import { add } from "../../../engine/tools/dataProcess";
-import generateShortUuid from "../../../engine/tools/lcid";
 import defaultMeta from "../../../engine/meta/layout.props.default.json";
 var LCLayout = function LCLayout(_ref) {
   var id = _ref.id,
     children = _ref.children,
-    columnRatio = _ref.columnRatio,
     columnSpacing = _ref.columnSpacing,
     lineSpacing = _ref.lineSpacing,
     style = _ref.style,
     props = _objectWithoutProperties(_ref, _excluded);
-  var context = useLDContext();
-  var ratios = useCreation(function () {
-    var arr = columnRatio.split(':');
-    return arr.map(function (item) {
-      return parseInt(item, 10);
-    });
-  }, [columnRatio]);
   var ref = useRef();
-  var apiRef = useRef();
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
   });
-  useImperativeHandle(apiRef, function () {
-    return {};
-  });
-  useEffect(function () {
-    if (children !== null && children !== void 0 && children.length) return;
-    context.$subscriber(context.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
-      if (compId !== id) return;
-      var _require = require("../../../engine/meta/box.props.default.json"),
-        style = _require.style,
-        json = _objectWithoutProperties(_require, _excluded2);
-      ratios.forEach(function (itemRatio) {
-        var _id = "box_".concat(generateShortUuid());
-        add(pageData, compId, _id, _objectSpread(_objectSpread({}, json), {}, {
-          className: styles['lc-component-layout-item'],
-          style: _objectSpread(_objectSpread({}, style), {}, {
-            gridColumn: 'span ' + itemRatio
-          })
-        }));
-      });
-      context._setPageData(pageData);
-    }).watch();
-  }, []);
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    getTargetDom: getTargetDom,
-    api: apiRef
+    getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: styles['lc-component-layout'],

package/es/lowcode/view/lc-components/Layout/index.less

@@ -2,8 +2,4 @@
   width: 100%;
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
-
-  &-item {
-    background-color: aquamarine;
-  }
 }

package/es/lowcode/view/lc-components/Link/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Link/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Section/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Section/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Split/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Split/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Table/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Table/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Tabs/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Tabs/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Text/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Text/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/lowcode/view/lc-components/Tree/FunctionDesign.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionDesign;

package/es/lowcode/view/lc-components/Tree/FunctionLive.js

@@ -0,0 +1,9 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import Index from "./index";
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Index, props, children);
+};
+export default FunctionLive;

package/es/utils/grid.js

@@ -4,6 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["comName", "property"],
   _excluded2 = ["name"],
   _excluded3 = ["filter", "filterParams"];
+import React from 'react';
 import { getDvaApp } from 'umi';
 import { merge, isNil, isArray, includes, capitalize } from 'lodash';
 import { Switch, Tag } from 'luck-design/antd';

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MODAL_OPEN = exports.MODAL_CLOSE = exports.COMPONENT_UNMOUNT = exports.COMPONENT_SETTING_CLICK = exports.COMPONENT_MOUNT = exports.COMPONENT_HOVER = exports.COMPONENT_DELETE = exports.COMPONENT_APPEND = exports.COMPONENT_ACTIVE = void 0;
+exports.MODAL_OPEN = exports.MODAL_CLOSE = exports.LANG_SETTING_SELECT = exports.COMPONENT_UNMOUNT = exports.COMPONENT_SETTING_CLICK = exports.COMPONENT_MOUNT = exports.COMPONENT_MODIFY = exports.COMPONENT_HOVER = exports.COMPONENT_DELETE = exports.COMPONENT_APPEND = exports.COMPONENT_ACTIVE = void 0;
 /******************************** 通用Topic开始 ********************************/
 
 // 组件的加载完成事件
@@ -29,9 +29,14 @@ var COMPONENT_SETTING_CLICK = exports.COMPONENT_SETTING_CLICK = 'component-setti
 var COMPONENT_APPEND = exports.COMPONENT_APPEND = 'component-append';
 // 组件的删除事件
 var COMPONENT_DELETE = exports.COMPONENT_DELETE = 'component-delete';
+// 组件的修改事件
+var COMPONENT_MODIFY = exports.COMPONENT_MODIFY = 'component-modify';
 
 /******************************* Design Topic结束 *******************************/
 
 /******************************** Live Topic开始 ********************************/
 
-/******************************** Live Topic结束 ********************************/
+/******************************** Live Topic结束 ********************************/
+
+// 国际化语言设置
+var LANG_SETTING_SELECT = exports.LANG_SETTING_SELECT = 'lang-setting-select';

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

@@ -10,9 +10,32 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _antd = require("luck-design/antd");
 var _Strategy2 = _interopRequireDefault(require("./Strategy"));
+var _excluded = ["options", "field", "onChange"];
 var _TYPE_ = 'select';
+var SelectComp = function SelectComp(_ref) {
+  var options = _ref.options,
+    field = _ref.field,
+    _onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_antd.Select, (0, _extends2.default)({
+    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(_antd.Select.Option, {
+      value: value
+    }, label);
+  }));
+};
 var SelectStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
   (0, _inherits2.default)(SelectStrategy, _Strategy);
   var _super = (0, _createSuper2.default)(SelectStrategy);
@@ -31,7 +54,7 @@ var SelectStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
   }, {
     key: "builder",
     value: function builder() {
-      return _antd.Select;
+      return SelectComp;
     }
   }]);
   return SelectStrategy;

package/lib/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代码段",