@luck-design-biz/luckda 0.0.25-1 → 0.0.25-3

package/lib/lowcode/painter/panel-section/I18nInput.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var I18nInput = function I18nInput(_ref) {
+  var defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    size = _ref.size;
+  var _useDebounceFn = (0, _ahooks.useDebounceFn)(onChange, {
+      wait: 400
+    }),
+    run = _useDebounceFn.run;
+  return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    defaultValue: defaultValue,
+    onChange: function onChange(e) {
+      return run(e.target.value);
+    },
+    size: size
+  });
+};
+var _default = exports.default = I18nInput;

package/lib/lowcode/painter/style/design.less

@@ -63,6 +63,11 @@
       color: #8c8c8c;
       background: #f1f2f3;
     }
+
+    .toolbar-item.disabled {
+      color: #d9d9d9;
+      cursor: not-allowed;
+    }
   }
 
   &-workspace {
@@ -77,9 +82,8 @@
 
   &-simulator {
     min-height: 100%;
-    height: auto;
     :global {
-      .ant-form-item, .resizer {
+      .ant-form-item, .ant-collapse-header, .resizer {
         pointer-events: none;
       }
       .luck-grid-table {

package/lib/lowcode/painter/style/list-editor.less

@@ -7,6 +7,7 @@
     width: 100%;
     .list-item {
       height: 28px;
+      position: relative;
       background: #fff;
       border: 1px solid #e5e6e8;
       border-radius: 6px;
@@ -37,6 +38,41 @@
           cursor: pointer;
         }
       }
+
+      .list-item-bottom-line {
+        width: 100%;
+        height: 8px;
+        border-bottom: solid 1px var(--ant-primary-color);
+        position: absolute;
+        left: 0;
+        bottom: -6px;
+        padding-top: 4px;
+        display: none;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        z-index: 10;
+      }
+      .list-item-bottom-line::after {
+        content: "+";
+        height: 12px;
+        margin-top: 4px;
+        color: var(--ant-primary-color);
+        border: solid 1px var(--ant-primary-color);
+        border-radius: 10px;
+        font-weight: bold;
+        font-size: 14px;
+        background-color: white;
+        padding: 0 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      &:hover {
+       .list-item-bottom-line {
+          display: flex;
+        }
+      }
     }
   }
 

package/lib/lowcode/preview/index.js

@@ -1,21 +1,35 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
 var _EventBusProvider = _interopRequireDefault(require("../engine/provider/EventBusProvider"));
 var _ContextProvider = _interopRequireDefault(require("../engine/provider/ContextProvider"));
 var _Page = _interopRequireDefault(require("../view/Page"));
 var _index = require("../constants/index");
 var Preview = function Preview(_ref) {
-  var code = _ref.code;
-  return /*#__PURE__*/_react.default.createElement(_EventBusProvider.default, {
+  var code = _ref.code,
+    userId = _ref.userId;
+  var _useState = (0, _react.useState)(userId),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentKey = _useState2[0],
+    setCurrentKey = _useState2[1];
+  (0, _ahooks.useUpdateEffect)(function () {
+    setCurrentKey(void 0);
+    setTimeout(function () {
+      setCurrentKey(userId);
+    });
+  }, [userId]);
+  return code && currentKey ? /*#__PURE__*/_react.default.createElement(_EventBusProvider.default, {
     runtime: _index.RUNTIME.PREVIEW
   }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, {
     code: code
-  }, /*#__PURE__*/_react.default.createElement(_Page.default, null)));
+  }, /*#__PURE__*/_react.default.createElement(_Page.default, null))) : null;
 };
 var _default = exports.default = Preview;

package/lib/lowcode/view/lc-components/Box/FunctionLive.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Box/FunctionPreview.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionPreview;

package/lib/lowcode/view/lc-components/Box/meta.json

@@ -1,6 +1,6 @@
 {
   "component": "Box",
-  "name": "容器",
+  "name": "盒子",
   "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
   "icon": "icon-box",
   "group": "container",

package/lib/lowcode/view/lc-components/Button/meta.json

@@ -16,7 +16,7 @@
     {
       "key": "title",
       "name": "标题",
-      "type": "string",
+      "type": "_I18nInput",
       "repositioning": true,
       "default": "按钮"
     },

package/lib/lowcode/view/lc-components/CardList/FunctionDesign.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/CardList/FunctionLive.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/CardList/FunctionPreview.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionPreview;

package/lib/lowcode/view/lc-components/CardList/meta.json

@@ -57,7 +57,7 @@
       "key": "actionTitle",
       "name": "操作列标题",
       "desc": "操作列的标题",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "操作列"
     },
     {

package/lib/lowcode/view/lc-components/Dialog/FunctionDesign.js

@@ -12,7 +12,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _ahooks = require("ahooks");
-var _lodash = require("lodash");
 var _index = _interopRequireDefault(require("./index"));
 var _utils = require("@luck-design-biz/base/utils");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
@@ -36,11 +35,10 @@ var FunctionDesign = function FunctionDesign(_ref) {
       var compId = _ref2.id,
         pageData = _ref2.pageData;
       if (compId !== id) return;
-      var cloneData = (0, _lodash.cloneDeep)(pageData);
-      (0, _dataProcess.add)(cloneData, id, "box_".concat((0, _utils.suid)()), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+      (0, _dataProcess.add)(pageData, id, "box_".concat((0, _utils.suid)()), (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
         buildIn: true
       }));
-      setPageData(cloneData);
+      setPageData(pageData);
     }).watch();
   }, []);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({

package/lib/lowcode/view/lc-components/Dialog/FunctionLive.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Dialog/FunctionPreview.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionPreview;

package/lib/lowcode/view/lc-components/Dialog/meta.json

@@ -17,7 +17,7 @@
       "key": "title",
       "name": "标题",
       "desc": "对话框左上角的标题",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "对话框"
     },
     {

package/lib/lowcode/view/lc-components/Drawer/FunctionDesign.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _index2 = _interopRequireDefault(require("./index.less"));
@@ -17,7 +18,7 @@ var FunctionDesign = function FunctionDesign(_ref) {
     className = _ref.className,
     show = _ref.show,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
     className: (0, _classnames.default)(_index2.default['runtime-design'], (0, _defineProperty2.default)((0, _defineProperty2.default)({}, className, !!className), "hidden", !show)),
     getContainer: false,
     show: show,

package/lib/lowcode/view/lc-components/Drawer/FunctionLive.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Drawer/FunctionPreview.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionPreview;

package/lib/lowcode/view/lc-components/Drawer/meta.json

@@ -17,7 +17,7 @@
       "key": "title",
       "name": "标题",
       "desc": "抽屉左上角的标题",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "抽屉"
     },
     {

package/lib/lowcode/view/lc-components/Form/FunctionDesign.js

@@ -8,10 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
+var _utils = require("@luck-design-biz/base/utils");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _dataProcess = require("../../../engine/tools/dataProcess");
+var _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children", "blocks", "id"];
 var FunctionDesign = function FunctionDesign(_ref) {
@@ -20,19 +26,75 @@ var FunctionDesign = function FunctionDesign(_ref) {
     id = _ref.id,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)(null);
+  var ctx = (0, _ContextProvider.useContext)();
+  var _usePageData = (0, _ContextProvider.usePageData)(),
+    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 2),
+    setPageData = _usePageData2[1].setPageData;
   var previousBlocks = (0, _ahooks.usePrevious)((0, _lodash.cloneDeep)(blocks), function (prev, next) {
     return !(0, _lodash.isEqual)(prev, next);
   });
   (0, _ahooks.useUpdateLayoutEffect)(function () {
-    var difference = (0, _lodash.differenceWith)(blocks, previousBlocks, function (arrVal, othVal) {
+    var diffDataset = (0, _lodash.differenceWith)(blocks, previousBlocks, function (arrVal, othVal) {
       var _arrVal$dataset, _othVal$dataset;
       return arrVal.id === othVal.id && ((_arrVal$dataset = arrVal.dataset) === null || _arrVal$dataset === void 0 ? void 0 : _arrVal$dataset.code) === ((_othVal$dataset = othVal.dataset) === null || _othVal$dataset === void 0 ? void 0 : _othVal$dataset.code);
     });
-    difference.forEach(function (df) {
+    diffDataset.forEach(function (df) {
       var _df$dataset;
       ((_df$dataset = df.dataset) === null || _df$dataset === void 0 ? void 0 : _df$dataset.code) && ref.current.doQueryOne(df.id);
     });
+    var diffColReset = (0, _lodash.differenceWith)(blocks, previousBlocks, function (arrVal, othVal) {
+      return arrVal.id === othVal.id && arrVal.actionsColumnReset === othVal.actionsColumnReset;
+    });
+    diffColReset.forEach(function (df) {
+      var _ctx$componentMap$get2;
+      var _ctx$componentMap$get = (_ctx$componentMap$get2 = ctx.componentMap.get(id)) === null || _ctx$componentMap$get2 === void 0 ? void 0 : _ctx$componentMap$get2.api.getForm().getFormRef(df.id).formRef.current,
+        gridApi = _ctx$componentMap$get.gridApi;
+      gridApi.api.refreshCells({
+        columns: ['luck-actions'],
+        force: true
+      });
+    });
   }, [JSON.stringify(blocks)]);
+  (0, _react.useEffect)(function () {
+    var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref2) {
+      var compId = _ref2.id,
+        pageData = _ref2.pageData,
+        newValue = _ref2.newValue,
+        oldValue = _ref2.oldValue;
+      if (compId !== id || !newValue.hasOwnProperty('blocks')) return;
+      if (newValue.blocks.length > oldValue.blocks.length) {
+        var _differenceBy = (0, _lodash.differenceBy)(newValue.blocks, oldValue.blocks, 'id'),
+          _differenceBy2 = (0, _slicedToArray2.default)(_differenceBy, 1),
+          newItem = _differenceBy2[0];
+        if (newItem.type === 'blank') {
+          var boxId = "box_".concat((0, _utils.suid)());
+          (0, _dataProcess.add)(pageData, id, boxId, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _boxPropsDefault.default), {}, {
+            buildIn: true,
+            formBoxId: newItem.id
+          }));
+          setPageData(pageData);
+        }
+      } else if (newValue.blocks.length < oldValue.blocks.length) {
+        var _differenceBy3 = (0, _lodash.differenceBy)(oldValue.blocks, newValue.blocks, 'id'),
+          _differenceBy4 = (0, _slicedToArray2.default)(_differenceBy3, 1),
+          removeItem = _differenceBy4[0];
+        if (removeItem.type === 'blank') {
+          var _findNodeAndParent = (0, _dataProcess.findNodeAndParent)(id, pageData),
+            current = _findNodeAndParent.node;
+          var _boxId = current.children.find(function (childId) {
+            return current[childId].props.tabId === removeItem.id;
+          });
+          ctx.$publisher(ctx.topics.COMPONENT_DELETE, {
+            id: _boxId,
+            pageData: pageData
+          });
+        }
+      }
+    }).watch();
+    return function () {
+      return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);
+    };
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, props, {
     id: id,
     blocks: blocks,

package/lib/lowcode/view/lc-components/Form/FunctionLive.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Form/FunctionPreview.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionPreview;