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

package/es/lowcode/painter/panel-section/TableTopFilter.js

@@ -1,10 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useReducer, useState } from 'react';
-import { useSetState, useMemoizedFn } from 'ahooks';
+import { useSetState, useMemoizedFn, useDebounceFn } from 'ahooks';
 import { Tooltip, Radio, Input, Icon } from 'luck-design/antd';
 import { isString, isArray, isNil } from 'lodash';
 import { formatMessage, suid } from '@luck-design-biz/base/utils';
+import { useContext } from "../../engine/provider/ContextProvider";
 import { SortBox, SortItem } from "../components/SortBox";
 import { ListEditor, ListEditorItem } from "../components/ListEditor";
 import PopConfirm from "../components/PopConfirm";
@@ -19,7 +20,9 @@ var _RADIO_STYLE_ = {
 };
 var TableTopFilter = function TableTopFilter(_ref) {
   var defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange;
+    _onChange = _ref.onChange,
+    nodeId = _ref.nodeId;
+  var ctx = useContext();
   var _useState = useState(function () {
       if (isNil(defaultValue)) return 'nil';
       if (isString(defaultValue)) return 'customApi';
@@ -41,6 +44,17 @@ var TableTopFilter = function TableTopFilter(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     apiUrl = _useState4[0],
     setApiUrl = _useState4[1];
+  var _useDebounceFn = useDebounceFn(function (val) {
+      setDict({
+        key: val
+      });
+      if (dict !== null && dict !== void 0 && dict.field) _onChange(_objectSpread(_objectSpread({}, dict), {}, {
+        key: val
+      }));
+    }, {
+      wait: 400
+    }),
+    handleDictChange = _useDebounceFn.run;
   var handleAdd = useMemoizedFn(function () {
     var id = suid();
     dispatch({
@@ -48,7 +62,7 @@ var TableTopFilter = function TableTopFilter(_ref) {
       payload: {
         id: id,
         value: id,
-        field: id,
+        field: void 0,
         label: "\u8FC7\u6EE4\u9879".concat(options.length + 1)
       },
       callback: function callback(newOptions) {
@@ -137,9 +151,10 @@ var TableTopFilter = function TableTopFilter(_ref) {
         id: "".concat(_I18N_PREFIX_, ".field"),
         label: '字段'
       })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(FieldSelector, {
+        dsid: ctx.componentMap.get(nodeId).api.getSelfData().props.dataset.uid,
         defaultValue: opt.field,
         style: {
-          width: '50%'
+          width: '100%'
         },
         placeholder: formatMessage({
           id: "".concat(_I18N_PREFIX_, ".field.placeholder"),
@@ -203,7 +218,7 @@ var TableTopFilter = function TableTopFilter(_ref) {
     }
   }, /*#__PURE__*/React.createElement(Input, {
     size: "small",
-    value: dict === null || dict === void 0 ? void 0 : dict.key,
+    defaultValue: dict === null || dict === void 0 ? void 0 : dict.key,
     style: {
       width: '50%'
     },
@@ -212,15 +227,10 @@ var TableTopFilter = function TableTopFilter(_ref) {
       label: '请输入字典key'
     }),
     onChange: function onChange(e) {
-      var key = e.target.value;
-      setDict({
-        key: key
-      });
-      if (dict !== null && dict !== void 0 && dict.field) _onChange(_objectSpread(_objectSpread({}, dict), {}, {
-        key: key
-      }));
+      return handleDictChange(e.target.value);
     }
   }), /*#__PURE__*/React.createElement(FieldSelector, {
+    dsid: ctx.componentMap.get(nodeId).api.getSelfData().props.dataset.uid,
     style: {
       width: '50%'
     },
@@ -278,7 +288,7 @@ var TableTopFilter = function TableTopFilter(_ref) {
     size: "small",
     value: apiUrl,
     placeholder: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".dict.placeholder"),
+      id: "".concat(_I18N_PREFIX_, ".customApi.placeholder"),
       label: '请输入接口地址'
     }),
     style: {

package/es/lowcode/painter/panel-section/TreeRootEditor.js

@@ -55,8 +55,8 @@ var TreeRootEditor = function TreeRootEditor(_ref) {
     }
   }))), /*#__PURE__*/React.createElement(Tooltip, {
     title: formatMessage({
-      id: 'luckda.lowcode.painter.edit',
-      label: '编辑'
+      id: 'luckda.lowcode.painter.bind',
+      label: '绑定动作'
     })
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "paper-clip",

package/es/lowcode/painter/style/action-bind-modal.less

@@ -1,7 +1,7 @@
 .lc-painter-panel-action-bind-modal {
   &-body {
     width: 100%;
-    height: 460px;
+    height: 660px;
     display: flex;
     font-size: 12px;
 
@@ -10,7 +10,7 @@
 
       .selector-box {
         width: 100%;
-        height: 420px;
+        height: 620px;
         border: 1px solid #e8e8e8;
         border-radius: 6px;
         display: flex;
@@ -68,7 +68,7 @@
 
       .code-box {
         width: 100%;
-        height: 420px;
+        height: 620px;
         border: 1px solid #e8e8e8;
         border-radius: 6px;
         overflow: hidden;

package/es/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, .ant-tree-node-content-wrapper {
         pointer-events: none;
       }
       .luck-grid-table {
@@ -119,7 +123,7 @@
         .selector-item();
       }
 
-      :local {
+      :global {
         .instance-node-selector {
           padding: 0 6px;
           margin-right: 3px;

package/es/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/es/lowcode/painter/style/page-layout-display.less

@@ -0,0 +1,28 @@
+.lc-painter-panel-section-pagelayoutdisplay {
+  .display-type-box {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-column-gap: 4px;
+
+    .display-type-item {
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      border-radius: 4px;
+      padding: 3px;
+      height: 42px;
+      display: flex;
+
+      &:hover {
+        cursor: pointer;
+        border-color: var(--ant-primary-color);
+      }
+
+      &.active {
+        border-color: var(--ant-primary-color);
+      }
+
+      .item-block {
+        background-color: rgb(192, 194, 196);
+      }
+    }
+  }
+}

package/es/lowcode/painter/style/panel-item.less

@@ -32,7 +32,7 @@
     }
 
     /* 使.item-component-box的直接子元素铺满 */
-    .item-component > *:not(.ant-switch) {
+    .item-component > *:not(:global(.ant-switch)) {
       flex-grow: 1;
     }
     .panel-pointer {

package/es/lowcode/painter/style/split-display.less

@@ -11,15 +11,6 @@
       height: 42px;
       display: flex;
 
-      &:hover {
-        cursor: pointer;
-        border-color: var(--ant-primary-color);
-      }
-
-      &.active {
-        border-color: var(--ant-primary-color);
-      }
-
       .item-block {
         background-color: rgb(192, 194, 196);
       }

package/es/lowcode/preview/index.js

@@ -1,14 +1,29 @@
-import React from "react";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { useUpdateEffect } from 'ahooks';
 import EventBusProvider from "../engine/provider/EventBusProvider";
 import ContextProvider from "../engine/provider/ContextProvider";
 import Page from "../view/Page";
 import { RUNTIME } from "../constants/index";
 var Preview = function Preview(_ref) {
-  var code = _ref.code;
-  return /*#__PURE__*/React.createElement(EventBusProvider, {
+  var code = _ref.code,
+    userId = _ref.userId,
+    debug = _ref.debug;
+  var _useState = useState(userId),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentKey = _useState2[0],
+    setCurrentKey = _useState2[1];
+  useUpdateEffect(function () {
+    setCurrentKey(void 0);
+    setTimeout(function () {
+      setCurrentKey(userId);
+    });
+  }, [userId]);
+  return code && currentKey ? /*#__PURE__*/React.createElement(EventBusProvider, {
     runtime: RUNTIME.PREVIEW
   }, /*#__PURE__*/React.createElement(ContextProvider, {
-    code: code
-  }, /*#__PURE__*/React.createElement(Page, null)));
+    code: code,
+    debug: debug
+  }, /*#__PURE__*/React.createElement(Page, null))) : null;
 };
 export default Preview;

package/es/lowcode/view/Canvas.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import styled from 'styled-components';
 import classNames from 'classnames';
-import { usePageData } from "../engine/provider/ContextProvider";
+import { useGet } from "../engine/provider/ContextProvider";
 import PageHeader from "./lc-components/PageHeader";
 import PageContent from "./lc-components/PageContent";
 import PageFooter from "./lc-components/PageFooter";
@@ -18,12 +18,11 @@ var PageRoot = styled.div.withConfig({
 });
 var Canvas = function Canvas(_ref) {
   var className = _ref.className;
-  var _usePageData = usePageData(['props.css', 'props.enableHeader', 'props.enableFooter']),
-    _usePageData2 = _slicedToArray(_usePageData, 1),
-    _usePageData2$ = _slicedToArray(_usePageData2[0], 3),
-    pagerootCss = _usePageData2$[0],
-    enableHeader = _usePageData2$[1],
-    enableFooter = _usePageData2$[2];
+  var _useGet = useGet(['props.css', 'props.enableHeader', 'props.enableFooter']),
+    _useGet2 = _slicedToArray(_useGet, 3),
+    pagerootCss = _useGet2[0],
+    enableHeader = _useGet2[1],
+    enableFooter = _useGet2[2];
   return /*#__PURE__*/React.createElement(PageRoot, {
     id: "page-canvas",
     className: classNames(styles['lc-view-canvas'], _defineProperty({}, className, !!className)),

package/es/lowcode/view/Page.js

@@ -1,11 +1,10 @@
 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 = ["className"];
+var _excluded = ["className", "children"];
 import React, { useRef, forwardRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import classNames from 'classnames';
-import { isNil } from 'lodash';
 import styled from 'styled-components';
 import { useRemoteSource } from "../engine/provider/ContextProvider";
 import Loading from "./Loading";
@@ -19,12 +18,12 @@ var Masker = styled.div.withConfig({
 })(["position:absolute;top:0;left:0;width:100%;height:100%;z-index:2400;background:rgba(0,0,0,0.45);cursor:none;"]);
 var LCPage = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
+    children = _ref2.children,
     props = _objectWithoutProperties(_ref2, _excluded);
   var _ref = useRef(null);
   var _rootRef = ref || _ref;
   var _useRemoteSource = useRemoteSource(),
-    loading = _useRemoteSource.loading,
-    pageData = _useRemoteSource.pageData;
+    loading = _useRemoteSource.loading;
   var getTargetDom = useMemoizedFn(function () {
     return _rootRef.current;
   });
@@ -33,7 +32,7 @@ var LCPage = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", _extends({
     ref: _rootRef,
-    className: classNames(styles['lc-view-page'], _defineProperty(_defineProperty({}, styles.isloading, loading), className, !!className))
-  }, props), isNil(pageData) ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Canvas, null), loading ? /*#__PURE__*/React.createElement(Masker, null, /*#__PURE__*/React.createElement(Loading, null)) : null)));
+    className: classNames(styles['lc-view-page'], 'affixWrap', _defineProperty(_defineProperty({}, styles.isloading, loading), className, !!className))
+  }, props), children, /*#__PURE__*/React.createElement(Canvas, null), loading ? /*#__PURE__*/React.createElement(Masker, null, /*#__PURE__*/React.createElement(Loading, null)) : null));
 });
 export default LCPage;

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

@@ -1,7 +1,7 @@
 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"];
+var _excluded = ["children", "className"];
 import React from 'react';
 import { useCreation } from 'ahooks';
 import classNames from 'classnames';
@@ -9,12 +9,13 @@ import Index from "./index";
 import styles from "./index.less";
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,
+    className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var isEmpty = useCreation(function () {
     return !children || React.Children.count(children) === 0;
   }, [children]);
   return /*#__PURE__*/React.createElement(Index, _extends({
-    className: classNames(styles['lc-component-box-design'], _defineProperty({}, styles.placeholder, isEmpty))
+    className: classNames(styles['lc-component-box-design'], _defineProperty(_defineProperty({}, styles.placeholder, isEmpty), "className", !!className))
   }, props), isEmpty ? '点击组件库的组件或拖拽组件到这里' : children);
 };
 export default FunctionDesign;

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

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,

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

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,

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

@@ -1,6 +1,6 @@
 {
   "component": "Box",
-  "name": "容器",
+  "name": "盒子",
   "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
   "icon": "icon-box",
   "group": "container",
@@ -21,19 +21,19 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onUnmount(params) {\n\t\n}"
       },
       {
         "key": "onClick",
         "name": "点击事件",
         "desc": "点击文本时，执行方法",
-        "func": "(e)=>{\n\t\n}"
+        "func": "function onClick(e) {\n\t\n}"
       }
     ]
   }

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

@@ -33,14 +33,10 @@ var LCButton = function LCButton(_ref) {
   var ref = useRef();
   var ctx = useContext();
   useMount(function () {
-    ctx.doAction(advance.events.onMount, {
-      instance: ref.current
-    });
+    ctx.doAction(advance.events.onMount);
   });
   useUnmount(function () {
-    ctx.doAction(advance.events.onUnmount, {
-      instance: ref.current
-    });
+    ctx.doAction(advance.events.onUnmount);
   });
   var handleClick = useMemoizedFn(function (e) {
     if (onClick) {

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

@@ -16,7 +16,7 @@
     {
       "key": "title",
       "name": "标题",
-      "type": "string",
+      "type": "_I18nInput",
       "repositioning": true,
       "default": "按钮"
     },
@@ -108,19 +108,19 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onClick",
         "name": "点击事件",
         "desc": "点击文本时，执行方法",
-        "func": "(e)=>{\n\t\n}"
+        "func": "function onClick(e) {\n\t\n}"
       }
     ]
   }

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

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,

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

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,

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

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,

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

@@ -15,9 +15,19 @@
     },
     {
       "key": "dataset",
-      "name": "首次数据自动加载",
-      "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
+      "name": "数据集",
+      "type": "_DataSetSelector",
+      "component": "table",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting"
+          }
+        ]
+      }
     },
     {
       "key": "autoLoad",
@@ -57,7 +67,7 @@
       "key": "actionTitle",
       "name": "操作列标题",
       "desc": "操作列的标题",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "操作列"
     },
     {

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

@@ -1,16 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 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 = ["id", "children", "className"];
 import React from 'react';
 import { useCreation } from 'ahooks';
-import { cloneDeep } from 'lodash';
 import Index from "./index";
 import { suid } from '@luck-design-biz/base/utils';
-import { useContext, usePageData } from "../../../engine/provider/ContextProvider";
-import { add } from "../../../engine/tools/dataProcess";
+import { useContext, addNode } from "../../../engine/provider/ContextProvider";
 import classNames from 'classnames';
 import styles from "./index.less";
 import boxDefaultMeta from "../../../engine/meta/box.props.default.json";
@@ -20,20 +17,14 @@ var FunctionDesign = function FunctionDesign(_ref) {
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
-  var _usePageData = usePageData(),
-    _usePageData2 = _slicedToArray(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
   useCreation(function () {
     if (children !== null && children !== void 0 && children.length) return;
     ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
+      var compId = _ref2.id;
       if (compId !== id) return;
-      var cloneData = cloneDeep(pageData);
-      add(cloneData, id, "box_".concat(suid()), _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
+      addNode(id, "box_".concat(suid()), _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
         buildIn: true
       }));
-      setPageData(cloneData);
     }).watch();
   }, []);
   return /*#__PURE__*/React.createElement(Index, _extends({

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

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,

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

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,