@luck-design-biz/luckda 0.0.25-7 → 0.0.25-8

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

@@ -5,14 +5,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef, useState } from 'react';
 import { useMemoizedFn, useCreation } from 'ahooks';
 import styled from 'styled-components';
-import classNames from 'classnames';
 import { isString, drop } from 'lodash';
-import { Tooltip, Segmented, Icon } from 'luck-design/antd';
+import { Segmented, Icon } from 'luck-design/antd';
 import { formatMessage } from '@luck-design-biz/base/utils';
 import RuleInput from "../components/RuleInput";
 import PanelItem from "../components/PanelItem";
 import styles from "../style/split-display.less";
-var _TYPES_ = ['normal', 'lr', 'lmr', 'ltb'];
 var _OPTIONS_ = [{
   label: formatMessage({
     id: 'luckda.lowcode.painter.panel-section.splitdisplay.splitVertical',
@@ -53,47 +51,27 @@ var SplitDisplay = function SplitDisplay(_ref) {
   var defaultValue = _ref.defaultValue,
     onChange = _ref.onChange;
   var valueRef = useRef(defaultValue);
-  var _useState = useState(defaultValue.type || 'normal'),
+  var _useState = useState(defaultValue.split || 'vertical'),
     _useState2 = _slicedToArray(_useState, 2),
-    activeType = _useState2[0],
-    setActiveType = _useState2[1];
-  var _useState3 = useState(defaultValue.split || 'vertical'),
+    split = _useState2[0],
+    setSplit = _useState2[1];
+  var _useState3 = useState(defaultValue.ratio || '1:1'),
     _useState4 = _slicedToArray(_useState3, 2),
-    split = _useState4[0],
-    setSplit = _useState4[1];
-  var _useState5 = useState(defaultValue.ratio || '1:1'),
-    _useState6 = _slicedToArray(_useState5, 2),
-    ratio = _useState6[0],
-    setRatio = _useState6[1];
+    ratio = _useState4[0],
+    setRatio = _useState4[1];
   var ratioArr = useCreation(function () {
     return ratio.split(':').map(function (r) {
       return parseInt(r);
     });
   }, [ratio]);
-  var _useState7 = useState(function () {
+  var _useState5 = useState(function () {
       return drop(ratioArr).map(function () {
         return split === 'vertical' ? 'right' : 'down';
       });
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    fastTo = _useState8[0],
-    setFastTo = _useState8[1];
-  var handleTypeChange = useMemoizedFn(function (value) {
-    setActiveType(value);
-    if (value === 'normal') {
-      valueRef.current = {
-        type: value,
-        fastTo: fastTo,
-        split: split,
-        ratio: ratio
-      };
-    } else {
-      valueRef.current = {
-        type: value
-      };
-    }
-    onChange(valueRef.current);
-  });
+    _useState6 = _slicedToArray(_useState5, 2),
+    fastTo = _useState6[0],
+    setFastTo = _useState6[1];
   var handleFastToItemClick = useMemoizedFn(function (d, i) {
     var _fastTo = _toConsumableArray(fastTo);
     _fastTo[i] = _FAST_TO_MAPPING_[d];
@@ -125,84 +103,20 @@ var SplitDisplay = function SplitDisplay(_ref) {
     className: styles['lc-painter-panel-section-splitdisplay']
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['display-type-box']
-  }, _TYPES_.map(function (_type) {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      key: _type,
-      title: _type
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classNames(styles['display-type-item'], _defineProperty({}, styles.active, activeType === _type)),
-      style: {
-        flexDirection: _type === 'normal' && split === 'horizontal' ? 'column' : 'row'
-      },
-      onClick: function onClick() {
-        return handleTypeChange(_type);
-      }
-    }, _type === 'normal' && ratioArr.map(function (r, i) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: i,
-        style: _defineProperty({
-          flex: r
-        }, split === 'horizontal' ? 'borderBottom' : 'borderRight', i < ratioArr.length - 1 ? '1px solid #eee' : 'none'),
-        className: styles['item-block']
-      });
-    }), _type === 'lr' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        flex: 1,
-        marginRight: 4
-      },
-      className: styles['item-block']
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        flex: 3
-      },
-      className: styles['item-block']
-    })), _type === 'lmr' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        flex: 1,
-        marginRight: 4
-      },
-      className: styles['item-block']
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        flex: 3,
-        display: 'flex'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '50%',
-        borderRight: '1px solid #eee'
-      },
-      className: styles['item-block']
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: '50%'
-      },
-      className: styles['item-block']
-    }))), _type === 'ltb' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        flex: 1,
-        marginRight: 4
-      },
-      className: styles['item-block']
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        flex: 3,
-        display: 'flex',
-        flexDirection: 'column'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: '50%',
-        borderBottom: '1px solid #eee'
-      },
-      className: styles['item-block']
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: '50%'
-      },
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['display-type-item'],
+    style: {
+      flexDirection: split === 'horizontal' ? 'column' : 'row'
+    }
+  }, ratioArr.map(function (r, i) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: i,
+      style: _defineProperty({
+        flex: r
+      }, split === 'horizontal' ? 'borderBottom' : 'borderRight', i < ratioArr.length - 1 ? '1px solid #eee' : 'none'),
       className: styles['item-block']
-    })))));
-  })), activeType === 'normal' && /*#__PURE__*/React.createElement("div", {
+    });
+  }))), /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 8
     }
@@ -214,6 +128,7 @@ var SplitDisplay = function SplitDisplay(_ref) {
     suppressPadding: true
   }, /*#__PURE__*/React.createElement(FastToBox, null, fastTo.map(function (d, i) {
     return /*#__PURE__*/React.createElement(Icon, {
+      key: i,
       type: "arrow-".concat(d),
       onClick: function onClick() {
         return handleFastToItemClick(d, i);

package/es/lowcode/painter/panel-section/StylePanel/index.js

@@ -1,29 +1,35 @@
 import React from 'react';
+import { useGet } from "../../../engine/provider/ContextProvider";
 import { StyleProvider } from "./StyleContext";
 import MainPanel from "./MainPanel";
 
 /**
  * StylePanel 组件是一个 React 组件，用于提供样式设置主面板。
  * 该组件通过 StyleProvider 将样式变更和当前样式值传递给其子组件。
- * 
+ *
  * @component
  * @example
  * const handleChange = (newValue) => console.log(newValue);
  * const initialValue = "dark";
  * <StylePanel onChange={handleChange} value={initialValue} />
- * 
+ *
  * @param {Object} props - 组件的属性。
  * @param {Function} props.onChange - 当样式变更时调用的函数，该函数接受新的样式值作为参数。
  * @param {any} props.value - 样式字符串
- * 
+ *
  * @returns {ReactElement} 返回一个 React 元素，其中包含了 StyleProvider 和 MainPanel 组件。
  */
 var StylePanel = function StylePanel(_ref) {
   var onChange = _ref.onChange,
+    nodeId = _ref.nodeId,
     value = _ref.value;
+  var _value = useGet({
+    id: nodeId,
+    path: 'props.css'
+  });
   return /*#__PURE__*/React.createElement(StyleProvider, {
     onChange: onChange,
-    value: value
+    value: value || _value
   }, /*#__PURE__*/React.createElement(MainPanel, null));
 };
 export default StylePanel;

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/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/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

@@ -7,7 +7,8 @@ import Page from "../view/Page";
 import { RUNTIME } from "../constants/index";
 var Preview = function Preview(_ref) {
   var code = _ref.code,
-    userId = _ref.userId;
+    userId = _ref.userId,
+    debug = _ref.debug;
   var _useState = useState(userId),
     _useState2 = _slicedToArray(_useState, 2),
     currentKey = _useState2[0],
@@ -21,7 +22,8 @@ var Preview = function Preview(_ref) {
   return code && currentKey ? /*#__PURE__*/React.createElement(EventBusProvider, {
     runtime: RUNTIME.PREVIEW
   }, /*#__PURE__*/React.createElement(ContextProvider, {
-    code: code
+    code: code,
+    debug: debug
   }, /*#__PURE__*/React.createElement(Page, null))) : null;
 };
 export default Preview;

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/meta.json

@@ -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

@@ -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/Dialog/index.js

@@ -38,10 +38,15 @@ var LCDialog = function LCDialog(_ref) {
     _usePromiseState2 = _slicedToArray(_usePromiseState, 2),
     open = _usePromiseState2[0],
     setOpen = _usePromiseState2[1];
+  var _usePromiseState3 = usePromiseState(title),
+    _usePromiseState4 = _slicedToArray(_usePromiseState3, 2),
+    _title = _usePromiseState4[0],
+    _setTitle = _usePromiseState4[1];
   useEffect(function () {
     ctx.doAction(advance.events.onMount);
     return function () {
-      return ctx.doAction(advance.events.onUnmount);
+      _setTitle(title);
+      ctx.doAction(advance.events.onUnmount);
     };
   }, []);
   useUpdateEffect(function () {
@@ -84,12 +89,32 @@ var LCDialog = function LCDialog(_ref) {
   });
   useImperativeHandle(apiRef, function () {
     return {
+      /**
+       * 弹窗打开状态
+       * @property
+       */
       open: open,
+      /**
+       * 打开弹窗
+       * @method
+       */
       doOpen: function doOpen() {
         return setOpen(true);
       },
+      /**
+       * 关闭弹窗
+       * @method
+       */
       doClose: function doClose() {
         return setOpen(false);
+      },
+      /**
+       * 设置弹窗标题
+       * @method
+       * @param {stirng} title -标题
+       */
+      setTitle: function setTitle(_title) {
+        return _setTitle(_title);
       }
     };
   }, []);
@@ -99,7 +124,7 @@ var LCDialog = function LCDialog(_ref) {
     getTargetDom: getTargetDom,
     api: apiRef
   }, /*#__PURE__*/React.createElement(Modal, _extends({
-    title: title,
+    title: _title,
     visible: open,
     getContainer: getContainer,
     width: width,

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

@@ -112,31 +112,31 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "()=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "()=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onOpen",
         "name": "对话框打开时",
         "desc": "在对话框打开时，执行方法",
-        "func": "()=>{\n\t\n}"
+        "func": "function onOpen() {\n\t\n}"
       },
       {
         "key": "onClose",
         "name": "对话框关闭时",
         "desc": "在对话框打开时，执行方法，promise反馈false无法截断关闭",
-        "func": "()=>{\n\t\n}"
+        "func": "function onClose() {\n\t\n}"
       },
       {
         "key": "onOk",
         "name": "确定按钮点击",
         "desc": "点击确定按钮时，执行方法",
-        "func": "()=>{\n\t\n}"
+        "func": "function onOk() {\n\t\n}"
       }
     ]
   }

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

@@ -100,43 +100,31 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onOpen",
         "name": "抽屉打开时",
         "desc": "在抽屉打开时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onOpen() {\n\t\n}"
       },
       {
         "key": "onClose",
         "name": "抽屉关闭时",
         "desc": "在抽屉打开时，执行方法，promise反馈false无法截断关闭",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onClose() {\n\t\n}"
       },
       {
-        "key": "onButtonClick",
-        "name": "按钮组点击",
-        "desc": "点击按钮组某个按钮时，执行方法",
-        "func": "(buttonKey,params)=>{\n\t\n}"
+        "key": "onOk",
+        "name": "确定按钮点击",
+        "desc": "点击确定按钮时，执行方法",
+        "func": "function onOk() {\n\t\n}"
       }
     ]
   }

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

@@ -1,3 +1,5 @@
+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"];
 import React from 'react';
@@ -5,6 +7,11 @@ import Index from "./index";
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Index, props, children);
+  return /*#__PURE__*/React.createElement(Index, _extends({}, props, {
+    initData: {
+      formMode: 'update',
+      ticketData: _defineProperty({}, window.appConfig.constraintKeys.PRIMARY, 'test')
+    }
+  }), children);
 };
 export default FunctionPreview;