@luck-design-biz/luckda 0.0.24-2 → 0.0.25

package/es/components/LDActions/index.js

@@ -0,0 +1,130 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "display", "action", "className", "onClick"],
+  _excluded2 = ["max", "display", "todoList", "className", "moreText", "doAction"];
+import React, { Fragment } from 'react';
+import { useCreation, useMemoizedFn } from 'ahooks';
+import { Modal, recheck } from '@luck-design-biz/base';
+import { Button, Menu, Dropdown, Icon, Divider } from 'luck-design/antd';
+import classNames from 'classnames';
+import { reduce } from 'lodash';
+import { getResources } from "../../helper/ldComBuild";
+import styles from "./index.less";
+var DisplayComp = function DisplayComp(_ref) {
+  var children = _ref.children,
+    display = _ref.display,
+    action = _ref.action,
+    className = _ref.className,
+    onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (display === 'text') {
+    return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+      className: classNames(styles[action.riskLevel], _defineProperty(_defineProperty({}, className, !!className), styles.disabled, action.serialEffect === 'disable')),
+      onClick: onClick
+    }), children);
+  }
+  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
+    disabled: action.serialEffect === 'disable',
+    className: classNames(styles[action.riskLevel], _defineProperty({}, className, !!className)),
+    onClick: onClick
+  }), children);
+};
+var LDActions = function LDActions(_ref2) {
+  var max = _ref2.max,
+    display = _ref2.display,
+    todoList = _ref2.todoList,
+    className = _ref2.className,
+    _ref2$moreText = _ref2.moreText,
+    moreText = _ref2$moreText === void 0 ? '更多行为' : _ref2$moreText,
+    doAction = _ref2.doAction,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var resources = getResources();
+  var handleClick = useMemoizedFn(function (action) {
+    if (action.riskLevel === 'danger') {
+      Modal.confirm({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        onOk: function onOk() {
+          return doAction(action);
+        }
+      });
+    } else if (action.riskLevel === 'destroy') {
+      recheck({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        checkWords: "\u6267\u884C".concat(action.name),
+        onOk: function onOk() {
+          return doAction(action);
+        }
+      });
+    } else {
+      doAction(action);
+    }
+  });
+  var actionMap = useCreation(function () {
+    return reduce(todoList, function (ret, action, index) {
+      ret[action.serial] = _objectSpread(_objectSpread({}, action), {}, {
+        serialValue: Math.pow(2, index)
+      });
+      return ret;
+    }, {});
+  }, [todoList]);
+  var mySerialsValue = useCreation(function () {
+    return reduce(resources, function (ret, resKey) {
+      var _actionMap$resKey;
+      ret |= ((_actionMap$resKey = actionMap[resKey]) === null || _actionMap$resKey === void 0 ? void 0 : _actionMap$resKey.serialValue) || 0;
+      return ret;
+    }, 0);
+  }, [resources, actionMap]);
+  var _useCreation = useCreation(function () {
+      var approvedActions = reduce(actionMap, function (ret, action) {
+        if (mySerialsValue & action.serialValue) {
+          ret.push(action);
+        } else if (action.serialEffect === 'disable') {
+          ret.push(action);
+        }
+        return ret;
+      }, []);
+      var _length = approvedActions.length;
+      var _permanent = approvedActions.splice(0, max >= _length ? _length : max - 1);
+      return [_permanent, approvedActions];
+    }, [max, mySerialsValue, actionMap]),
+    _useCreation2 = _slicedToArray(_useCreation, 2),
+    permanent = _useCreation2[0],
+    more = _useCreation2[1];
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames(styles.ldActions, _defineProperty({}, className, !!className))
+  }, props), permanent.map(function (action, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: action.id
+    }, /*#__PURE__*/React.createElement(DisplayComp, {
+      display: display,
+      action: action,
+      onClick: function onClick() {
+        return handleClick(action);
+      }
+    }, action.name), display === 'text' && index < permanent.length - (more.length ? 0 : 1) && /*#__PURE__*/React.createElement(Divider, {
+      type: "vertical"
+    }));
+  }), !!more.length && /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: /*#__PURE__*/React.createElement(Menu, {
+      onClick: function onClick(e) {
+        return handleClick(e.item.props.action);
+      }
+    }, more.map(function (action) {
+      return /*#__PURE__*/React.createElement(Menu.Item, {
+        key: action.id,
+        action: action
+      }, action.name);
+    }))
+  }, /*#__PURE__*/React.createElement(DisplayComp, {
+    display: display,
+    action: {
+      riskLevel: 'default'
+    }
+  }, moreText, display !== 'text' && /*#__PURE__*/React.createElement(Icon, {
+    type: "down"
+  }))));
+};
+export default LDActions;

package/es/components/LDActions/index.less

@@ -0,0 +1,48 @@
+.ldActions {
+
+  button:not(:last-child) {
+    margin-right: 8px;
+  }
+  span {
+    cursor: pointer;
+  }
+
+  button.default {
+    background-color: white;
+  }
+  span.default {
+    color: #262626;
+  }
+
+  button.primary {
+    background-color: var(--luck-color-primary);
+    border-color: var(--luck-color-primary);
+    color: white;
+  }
+  span.primary {
+    color: var(--luck-color-primary);
+  }
+
+  button.danger {
+    background-color: #ff4d4f;
+    border-color: #ff4d4f;
+    color: white;
+  }
+  span.danger {
+    color: #ff4d4f;
+  }
+
+  button.destroy {
+    background-color: #820014;
+    border-color: #820014;
+    color: white;
+  }
+  span.destroy {
+    color: #820014;
+  }
+
+  span.disabled {
+    color: #bfbfbf;
+    cursor: not-allowed;
+  }
+}

package/es/components/LdFormList/index.js

@@ -196,8 +196,8 @@ var LdFormList = function LdFormList(_ref) {
       mainDataSetKey: mainDataSetKey
     }, function (success, mainKey, res) {
       setSubmitLoading(false);
-      var mainFormData = res.detail[res.list[0]];
       if (success) {
+        var mainFormData = res.detail[res.list[0]];
         if (afterSubmit) {
           afterSubmit(success, mainKey, res);
         } else {

package/es/components/LdGrid/index.js

@@ -6,7 +6,7 @@ var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "na
   _excluded2 = ["ldId", "moduleCode", "suppressInit", "overModel", "afterQuery", "isTreeGrid"];
 import React, { forwardRef, useImperativeHandle, useRef, useEffect } from 'react';
 import { getDvaApp } from 'umi';
-import { transform, includes, keyBy, union, keys, isNil } from 'lodash';
+import { transform, includes, keyBy, union, keys, isNil, isFunction } from 'lodash';
 import { useCreation } from 'ahooks';
 import PropTypes from 'prop-types';
 import { build } from '@luck-design-biz/base/Component';
@@ -88,9 +88,15 @@ var LdGrid = function LdGrid(_ref) {
    * columnsRewrite 覆盖模块管理配置，是否展示以模块管理配置为主，自己可以用hide来隐藏某字段
    */
   var _columns = useCreation(function () {
-    if (columnsReset) return columnsReset;
+    if (columnsReset) {
+      if (isFunction) {
+        return columnsReset(columns);
+      }
+      return columnsReset;
+    }
+    var _columnsRewrite = isFunction(columnsRewrite) ? columnsRewrite(columns) : columnsRewrite;
     var defaultColumns = keyBy(columns, 'aliaName');
-    var customColumns = keyBy(columnsRewrite, 'field');
+    var customColumns = keyBy(_columnsRewrite, 'field');
     var mergeFields = union(keys(defaultColumns), keys(customColumns));
     return transform(mergeFields, function (result, field) {
       var _customColumns$field;

package/es/components/LdTree/index.js

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["columns", "resources", "actions", "doAction", "wrapperRef", "ldId", "dataSetKey", "defaultParmas", "moduleCode", "readOnly", "title", "rowKey", "treeNodeTitle", "unselectableNodes", "rightMenus", "defaultExpandDeep", "draggable", "onDrop", "className", "treeClassName", "rootAdd", "suppressInit", "afterQuery", "afterInit", "isTree", "service", "dataToTreeFormat"],
+var _excluded = ["columns", "resources", "actions", "doAction", "wrapperRef", "ldId", "dataSetKey", "defaultParmas", "moduleCode", "readOnly", "title", "rowKey", "treeNodeTitle", "unselectableNodes", "rightMenus", "defaultExpandDeep", "draggable", "onDrop", "className", "treeClassName", "rootAdd", "suppressInit", "afterQuery", "afterInit", "isTree", "service", "dataToTreeFormat", "boxRef", "doubleClick", "onNodeDoubleClick", "width", "height"],
   _excluded2 = ["onClick"];
-import React, { useState, useRef, useImperativeHandle, forwardRef } from 'react';
+import React, { useState, useRef, useImperativeHandle, forwardRef, useLayoutEffect } from 'react';
 import { isFunction, isNumber, transform, includes, remove, cloneDeep, keys } from 'lodash';
 import { useRequest, useMemoizedFn, useCreation } from 'ahooks';
 import PropTypes from 'prop-types';
@@ -45,6 +45,11 @@ var LdTree = function LdTree(_ref) {
     isTree = _ref.isTree,
     service = _ref.service,
     dataToTreeFormat = _ref.dataToTreeFormat,
+    boxRef = _ref.boxRef,
+    doubleClick = _ref.doubleClick,
+    onNodeDoubleClick = _ref.onNodeDoubleClick,
+    width = _ref.width,
+    height = _ref.height,
     props = _objectWithoutProperties(_ref, _excluded);
   if (!includes(isTree, dataSetKey)) return formatMessage({
     id: 'luckda.ldTree.notTres',
@@ -107,6 +112,11 @@ var LdTree = function LdTree(_ref) {
       }
     });
   });
+  useLayoutEffect(function () {
+    run(_objectSpread(_objectSpread(_objectSpread({}, params[0]), defaultParams[0]), {}, {
+      datasetCode: dataSetKey
+    }));
+  }, [dataSetKey]);
   var handleMenuClick = function handleMenuClick(menu, data) {
     var onClick = menu.onClick,
       other = _objectWithoutProperties(menu, _excluded2);
@@ -139,15 +149,27 @@ var LdTree = function LdTree(_ref) {
       type: "more"
     }));
   };
+  var handleNodeDoubleClick = useMemoizedFn(function (e) {
+    var switcher = e.currentTarget.closest('li').querySelector('.ant-tree-switcher');
+    switcher.click();
+  });
+  var handleDoubleClick = useMemoizedFn(function (e, rowData) {
+    if (onNodeDoubleClick) onNodeDoubleClick(e, rowData, function () {
+      return handleNodeDoubleClick(e);
+    });else handleNodeDoubleClick(e);
+  });
   var renderTitleNode = function renderTitleNode(data, unSelectable) {
     var nodeTitle = isFunction(treeNodeTitle) ? treeNodeTitle(data) : data[treeNodeTitle];
     return /*#__PURE__*/React.createElement("div", {
       className: styles.nodeTitle,
-      key: data[rowKey]
+      key: data[rowKey],
+      onDoubleClick: function onDoubleClick(e) {
+        return doubleClick && handleDoubleClick(e, data);
+      }
     }, /*#__PURE__*/React.createElement("div", {
       title: nodeTitle,
       className: classNames(_defineProperty({}, styles.nodeTitleDisabled, unSelectable))
-    }, nodeTitle), !readOnly && renderRight(data));
+    }, nodeTitle, "11"), !readOnly && renderRight(data));
   };
   var renderTreeNodes = useMemoizedFn(function (data) {
     return data.map(function (item) {
@@ -185,7 +207,12 @@ var LdTree = function LdTree(_ref) {
     loading: loading,
     id: ldId,
     onAdd: onAdd,
-    className: className
+    className: className,
+    ref: boxRef,
+    style: {
+      width: width,
+      height: height
+    }
   }, dataSource && /*#__PURE__*/React.createElement(LuckTree, _extends({
     blockNode: true,
     className: classNames(styles.tree, _defineProperty({}, className, !!treeClassName)),

package/es/components/LdTree/index.less

@@ -3,6 +3,7 @@
     display: flex;
     align-items: center;
     width: 100%;
+    user-select: none;
 
     div {
       flex: 1;
@@ -10,9 +11,11 @@
       white-space: nowrap;
       text-overflow: ellipsis;
     }
+
     div.nodeTitleDisabled {
       color: var(--luck-text-color-disabled);
     }
+
     div.nodeTitleDisabled:hover {
       cursor: not-allowed;
     }
@@ -24,13 +27,15 @@
     }
   }
 }
+
 .classTreeOperates {
   :global(.ant-popover-inner-content) {
     padding: 0;
   }
+
   .rightMenu {
     display: block;
     padding: 4px 8px;
     color: var(--luck-text-color-);
   }
-}
+}

package/es/index.js

@@ -6,5 +6,6 @@ export { default as buildLdAutoForm } from "./components/LdAutoForm";
 export { default as buildLdGridForm } from "./components/LdGridForm";
 export { default as LdInfoPanel } from "./components/LdInfoPanel";
 export { default as LdCard } from "./components/LdCard";
+export { default as LDActions } from "./components/LDActions";
 export { default as LdRuntimeCom } from "./components/LdRuntimeCom";
 export * from "./components/LdCom";

package/es/locales/zh-CN.js

@@ -0,0 +1,151 @@
+export default {
+  "luckda.lowcode.painter.panel.attrs": "属性",
+  "luckda.lowcode.painter.panel.styles": "样式",
+  "luckda.lowcode.painter.panel.advance": "高级",
+  "luckda.lowcode.painter.panel.empty": "请在左侧画布选中节点",
+  "luckda.lowcode.page": "页面",
+  "luckda.lowcode.modal": "模态视图层",
+  "luckda.lowcode.painter.I18n.search": "搜索文案",
+  "luckda.lowcode.painter.I18n.add": "新增文案",
+  "luckda.lowcode.painter.components.search": "搜索组件",
+  "ccm.dev.page.set.components.base": "基础组件",
+  "ccm.dev.page.set.components.dataset": "数据集字段",
+  "luckda.lowcode.painter.panel-section.width-height": "请输入数值",
+  "luckda.lowcode.painter.edit": "编辑",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.label": "名称",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.label.placeholder": "请输入过滤项名称",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.value": "值",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.value.placeholder": "请输入过滤项值",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.field": "字段",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.field.placeholder": "请选择过滤字段",
+  "luckda.lowcode.painter.delete": "删除",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.nil": "关闭过滤器",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.dict": "数据字典",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.dict.placeholder": "请输入接口地址",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.custom": "自定义项",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.add": "添加过滤项",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.customApi": "自定义接口",
+  "luckda.lowcode.painter.panel-section.tableTopFilter.customApi.tip": "接口返回数据格式必须是: {mainInfo:{options:[{value: string,label: stirng}], field: string}}",
+  "luckda.lowcode.painter.panel-section.tabsitems.edit": "添加",
+  "luckda.lowcode.painter.panel-section.tabsitems.delete": "删除",
+  "luckda.lowcode.painter.panel-section.tabsitems.editor.tabname": "名称",
+  "luckda.lowcode.painter.panel-section.tabsitems.editor.tabname.placeholder": "请输入标签名称",
+  "luckda.lowcode.painter.panel-section.tabsitems.editor.id": "编号",
+  "luckda.lowcode.painter.panel-section.tabsitems.editor.reskey": "控制效果",
+  "luckda.lowcode.painter.panel-section.tabsitems.editor.reskey.placeholder": "请输入资源串",
+  "luckda.lowcode.painter.panel-section.Layoutratio.err": "必须是数字或者数字加:号的组合，且数字之和必须等于12",
+  "luckda.lowcode.painter.panel-section.Layoutratio.label": "列比例",
+  "luckda.lowcode.painter.panel-section.Layoutratio.placeholder": "请输入列比例",
+  "luckda.lowcode.painter.panel-section.style-panel.sourceedit": "源码编辑",
+  "luckda.lowcode.painter.import": "导入",
+  "luckda.lowcode.painter.panel-section.impexp.impUrl.placeholder": "请输入模版ID或自定义接口",
+  "luckda.lowcode.painter.export": "导出",
+  "luckda.lowcode.painter.panel-section.impexp.expUrl.placeholder": "请输入自定义接口",
+  "luckda.lowcode.painter.panel-section.style-panel.box-shadow": "阴影",
+  "luckda.lowcode.painter.panel-section.style-panel.box-shadow.big": "大",
+  "luckda.lowcode.painter.panel-section.style-panel.box-shadow.middle": "中",
+  "luckda.lowcode.painter.panel-section.style-panel.box-shadow.small": "小",
+  "luckda.lowcode.painter.panel-section.style-panel.box-shadow.none": "无",
+  "luckda.lowcode.painter.panel-section.style-panel.box-shadow.custom": "自定义",
+  "luckda.lowcode.painter.panel-section.style-panel.box-shadow.detail.color": "颜色",
+  "luckda.lowcode.painter.panel-section.style-panel.cursor": "鼠标手势",
+  "luckda.lowcode.painter.panel-section.style-panel.padding.top": "上边距",
+  "luckda.lowcode.painter.panel-section.style-panel.padding.right": "右边距",
+  "luckda.lowcode.painter.panel-section.style-panel.padding.down": "下边距",
+  "luckda.lowcode.painter.panel-section.style-panel.padding.left": "左边距",
+  "luckda.lowcode.painter.panel-section.style-panel.opacity": "透明度",
+  "luckda.lowcode.painter.panel-section.style-panel.opacity.ph": "透明度",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.top": "上间距",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.right": "右间距",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.down": "下间距",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.left": "左间距",
+  "luckda.lowcode.painter.panel-section.style-panel.group-name": "样式设置",
+  "luckda.lowcode.painter.panel-section.style-panel.width": "请输入宽高度",
+  "luckda.lowcode.painter.panel-section.style-panel.display": "显示",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.superbig": "超大（24px）",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.big": "大（20px）",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.middle": "中（16px）",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.small": "小（12px）",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.supersmall": "超小（8px）",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.none": "无（0px）",
+  "luckda.lowcode.painter.panel-section.style-panel.margin.default": "默认",
+  "luckda.lowcode.painter.panel-section.style-panel.font.weight": "字重",
+  "luckda.lowcode.painter.panel-section.style-panel.font.style": "样式",
+  "luckda.lowcode.painter.panel-section.style-panel.font.color": "字体颜色",
+  "luckda.lowcode.painter.panel-section.style-panel.font.size": "字体大小",
+  "luckda.lowcode.painter.panel-section.style-panel.font.size.ph": "字体大小",
+  "luckda.lowcode.painter.panel-section.style-panel.font.line-height.ph": "行高",
+  "luckda.lowcode.painter.panel-section.style-panel.font.align": "对齐",
+  "luckda.lowcode.painter.panel-section.style-panel.font.align.left": "左对齐",
+  "luckda.lowcode.painter.panel-section.style-panel.font.align.center": "自适应",
+  "luckda.lowcode.painter.panel-section.style-panel.font.style.none": "无",
+  "luckda.lowcode.painter.panel-section.style-panel.font.style.underline": "下划线",
+  "luckda.lowcode.painter.panel-section.style-panel.font.style.line-through": "中划线",
+  "luckda.lowcode.painter.panel-section.style-panel.font": "文字",
+  "luckda.lowcode.painter.panel-section.style-panel.font.h1": "一级标题",
+  "luckda.lowcode.painter.panel-section.style-panel.font.h2": "二级标题",
+  "luckda.lowcode.painter.panel-section.style-panel.font.h3": "三级标题",
+  "luckda.lowcode.painter.panel-section.style-panel.font.paragraph": "段落",
+  "luckda.lowcode.painter.panel-section.style-panel.font.default": "无",
+  "luckda.lowcode.painter.panel-section.style-panel.font.custom": "自定义",
+  "luckda.lowcode.painter.panel-section.style-panel.display.block": "块",
+  "luckda.lowcode.painter.panel-section.style-panel.display.inline-block": "行内块",
+  "luckda.lowcode.painter.panel-section.style-panel.display.inline": "行内",
+  "luckda.lowcode.painter.panel-section.style-panel.display.flex": "弹性",
+  "luckda.lowcode.painter.panel-section.style-panel.display.direct.row": "方向：横向",
+  "luckda.lowcode.painter.panel-section.style-panel.display.direct.column": "方向：纵向反转",
+  "luckda.lowcode.painter.panel-section.style-panel.display.align-items.flex-start": "交叉轴：起始对齐",
+  "luckda.lowcode.painter.panel-section.style-panel.display.align-items.center": "交叉轴：居中",
+  "luckda.lowcode.painter.panel-section.style-panel.display.align-items.flex-end": "交叉轴：终点对齐",
+  "luckda.lowcode.painter.panel-section.style-panel.display.align-items.stretch": "交叉轴：拉伸",
+  "luckda.lowcode.painter.panel-section.style-panel.display.align-items.baseline": "交叉轴：基线",
+  "luckda.lowcode.painter.panel-section.style-panel.display.justify.flex-start": "水平轴：起始对齐",
+  "luckda.lowcode.painter.panel-section.style-panel.display.justify.center": "水平轴：居中对齐",
+  "luckda.lowcode.painter.panel-section.style-panel.display.justify.flex-end": "水平轴：结束对齐",
+  "luckda.lowcode.painter.panel-section.style-panel.display.justify.space-between": "水平轴：两端对齐",
+  "luckda.lowcode.painter.panel-section.style-panel.display.justify.space-around": "水平轴：均匀对齐，项目周围间隔相等",
+  "luckda.lowcode.painter.panel-section.style-panel.display.justify.space-evenly": "水平轴：均匀分布，所有项目与容器边缘的间隔相等",
+  "luckda.lowcode.painter.panel-section.style-panel.border-radius": " 圆角",
+  "luckda.lowcode.painter.panel-section.style-panel.border-radius.width": "半径",
+  "luckda.lowcode.painter.panel-section.style-panel.border-radius.width.ph": "半径",
+  "luckda.lowcode.painter.panel-section.style-panel.border": "边框",
+  "luckda.lowcode.painter.panel-section.style-panel.border.style": "边框",
+  "luckda.lowcode.painter.panel-section.style-panel.border.style.none": "无",
+  "luckda.lowcode.painter.panel-section.style-panel.border.style.solid": "实线条",
+  "luckda.lowcode.painter.panel-section.style-panel.border.style.dotted": "点线",
+  "luckda.lowcode.painter.panel-section.style-panel.border.style.dashed": "虚线",
+  "luckda.lowcode.painter.panel-section.style-panel.border.width": "线宽",
+  "luckda.lowcode.painter.panel-section.style-panel.border.width.ph": "线宽",
+  "luckda.lowcode.painter.panel-section.style-panel.border.color": "颜色",
+  "luckda.lowcode.painter.panel-section.style-panel.background": "背景",
+  "luckda.lowcode.painter.panel-section.actionsEditor.button": "按钮",
+  "luckda.lowcode.painter.panel-section.actionsEditor.text": "文本",
+  "luckda.lowcode.painter.panel-section.actionsEditor.display": "展现形式",
+  "luckda.lowcode.painter.panel-section.actionsEditor.max": "最大显示数",
+  "luckda.lowcode.painter.panel-section.actionsEditor.moreText": "更多显示文字",
+  "luckda.lowcode.painter.panel-section.actionsEditor.add": "添加操作",
+  "luckda.lowcode.painter.panel-section.actionEditor.hidden": "隐藏",
+  "luckda.lowcode.painter.panel-section.actionEditor.disable": "禁用",
+  "luckda.lowcode.painter.panel-section.actionEditor.default": "一般",
+  "luckda.lowcode.painter.panel-section.actionEditor.primary": "重要",
+  "luckda.lowcode.painter.panel-section.actionEditor.danger": "危险",
+  "luckda.lowcode.painter.panel-section.actionEditor.destroy": "毁灭",
+  "luckda.lowcode.painter.panel-section.actionEditor.name": "名称",
+  "luckda.lowcode.painter.panel-section.actionEditor.name.placeholder": "请输入行为名称",
+  "luckda.lowcode.painter.panel-section.actionEditor.serial": "资源串",
+  "luckda.lowcode.painter.panel-section.actionEditor.serial.placeholder": "请输入行为名称",
+  "luckda.lowcode.painter.panel-section.actionEditor.serialEffect": "风险等级",
+  "luckda.lowcode.painter.panel-section.actionEditor.actionPool": "行为池",
+  "luckda.lowcode.painter.coder": "编码器",
+  "luckda.lowcode.painter.panel-section.components.listeditor.add": "添加一项",
+  "luckda.lowcode.painter.panel-section.field-selector.placeholder": "请选择字段",
+  "luckda.lowcode.painter.advancePanel.events": "事件",
+  "luckda.lowcode.painter.advancePanel.addEventAction": "添加事件动作",
+  "luckda.lowcode.painter.actionBindModal.actions": "页面行为",
+  "luckda.lowcode.painter.actionBindModal.trigger": "触发器",
+  "luckda.lowcode.painter.actionBindModal.code": "自定义动作",
+  "luckda.lowcode.painter.actionBindModal.coding": "动作编写",
+  "luckda.lowcode.painter.actionBindModal.bind": "绑定动作",
+  "luckda.lowcode.painter.actionBindModal.search": "搜索",
+  "luckda.lowcode.painter.components.fullscreen.tip": "全屏"
+};

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

@@ -75,7 +75,7 @@ function _fetchPageData() {
                       groupName: '布局',
                       desc: '布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。',
                       order: 1,
-                      style: {},
+                      css: {},
                       columnRatio: '12:3:9',
                       columnSpacing: 16,
                       lineSpacing: 16,
@@ -91,9 +91,9 @@ function _fetchPageData() {
                         group: 'container',
                         groupName: '布局',
                         order: 3,
+                        css: 'height: auto; background-color: #5cdbd3',
                         style: {
-                          gridColumn: 'span 12',
-                          height: 'auto'
+                          gridColumn: 'span 12'
                         },
                         id: 'box_xFuKLKBI'
                       },
@@ -130,9 +130,9 @@ function _fetchPageData() {
                         groupName: '布局',
                         order: 3,
                         style: {
-                          gridColumn: 'span 3',
-                          height: '60px'
+                          gridColumn: 'span 3'
                         },
+                        css: 'height: 60px; background-color: #fff',
                         id: 'box_jeVHiHZV'
                       },
                       children: ['tree_hh2b87qs'],
@@ -142,7 +142,10 @@ function _fetchPageData() {
                           parentId: 'box_diam9dis',
                           group: 'advance',
                           component: 'Tree',
-                          name: '树'
+                          dataset: 'dsWmsStorageLocation',
+                          name: '树',
+                          defaultExpandDeep: '0',
+                          doubleClick: true
                         }
                       }
                     },
@@ -156,9 +159,9 @@ function _fetchPageData() {
                         groupName: '布局',
                         order: 3,
                         style: {
-                          gridColumn: 'span 9',
-                          height: '360px'
+                          gridColumn: 'span 9'
                         },
+                        css: 'height: 360px; background-color: #fff',
                         id: 'box_5KLx4rGb'
                       },
                       children: ['table_diam9dis'],
@@ -175,7 +178,11 @@ function _fetchPageData() {
                           bordered: false,
                           zebra: '#e8e8e8',
                           autoLoad: true,
+                          impexp: {
+                            export: true
+                          },
                           readOnly: false,
+                          renderIndex: true,
                           pagination: true,
                           pageSize: 5,
                           showSizeChanger: true,
@@ -187,8 +194,9 @@ function _fetchPageData() {
                           actions: {
                             display: 'button',
                             max: 2,
+                            moreText: '操作',
                             todoList: [{
-                              actionCode: 'console.log(1234)',
+                              actionCode: 'function todo(ctx) {\nconsole.log(111)\n}',
                               actionPool: ['lucy'],
                               id: 'h9ZZuLi6',
                               name: '领用',
@@ -196,7 +204,7 @@ function _fetchPageData() {
                               serial: 'read',
                               serialEffect: 'hidden'
                             }, {
-                              actionCode: 'console.log(5678)',
+                              actionCode: 'function todo(ctx) {\nconsole.log(222)\n}',
                               actionPool: ['lucy'],
                               id: 'h9ZZuLi4',
                               name: '作废',
@@ -204,7 +212,7 @@ function _fetchPageData() {
                               serial: 'read',
                               serialEffect: 'hidden'
                             }, {
-                              actionCode: 'console.log(9999)',
+                              actionCode: 'function todo(ctx) {\nconsole.log(333)\n}',
                               actionPool: ['lucy'],
                               id: 'h9ZZuLi2',
                               name: '上报',
@@ -212,7 +220,58 @@ function _fetchPageData() {
                               serial: 'read',
                               serialEffect: 'hidden'
                             }]
-                          }
+                          },
+                          topActionGroup: {
+                            display: 'button',
+                            max: 2,
+                            moreText: '更多行为',
+                            todoList: [{
+                              actionCode: 'function todo(ctx) {\nconsole.log(1234, ctx)\n}',
+                              actionPool: ['lucy', 'sin2k98j'],
+                              id: 'ms8e2ik2',
+                              name: '新建',
+                              riskLevel: 'danger',
+                              serial: 'add',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(5678, ctx)\n}',
+                              actionPool: ['lucy'],
+                              id: 'z0op2ijh',
+                              name: '作废',
+                              riskLevel: 'destroy',
+                              serial: 'delete',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(9876, ctx.pageData)\n}',
+                              actionPool: ['lucy'],
+                              id: 'bndty2hn',
+                              name: '查阅',
+                              riskLevel: 'default',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(9999)\n}',
+                              actionPool: ['lucy'],
+                              id: 'zsio2a13',
+                              name: '导入',
+                              riskLevel: 'default',
+                              serial: 'import',
+                              serialEffect: 'disable'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(4444)\n}',
+                              actionPool: ['lucy'],
+                              id: 'nnhgww00',
+                              name: '上报',
+                              riskLevel: 'default',
+                              serial: 'update',
+                              serialEffect: 'hidden'
+                            }]
+                          },
+                          rowSelection: true,
+                          suppressRowSelectionPagination: false,
+                          rowSelectionMode: 'multiple',
+                          defaultRowSelectedCode: "function getRowDefaultSelected(data, node, ctx) { \n return data.classify_name === '学习用品'; \n}",
+                          rowSelectableCode: "function getRowSelectable(data, node, ctx) { \n return data.classify_name !== '专用物资（运总）'; \n}"
                         }
                       }
                     }

package/es/lowcode/constants/index.js

@@ -9,4 +9,6 @@ export var CELL_KEY = {
   PAGE_HEADER: 'page_header',
   PAGE_CONTENT: 'page_content',
   PAGE_FOOTER: 'page_footer'
-};
+};
+export var CELL_KEY_LIST = Object.values(CELL_KEY);
+export var CONTAINER_UNIT = 'Box';