@luck-design-biz/luckda 0.0.25-8 → 0.0.25-af-1

package/es/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js

@@ -1,20 +1,23 @@
 import React, { useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
-import { Input, Segmented } from 'luck-design/antd';
-import { cloneDeep } from 'lodash';
+import { Tooltip, Icon, Input, Segmented, Select } from 'luck-design/antd';
+import { cloneDeep, debounce } from 'lodash';
+import PopConfirm from "../../components/PopConfirm";
 import { PopForm, PopFormItem, PopFormItemLeft, PopFormItemRight } from "../../components/PopForm";
-import SerialsSelector from "../SerialsSelector";
+import JSEditor from "../../components/code-editor/JSEditor";
+import FullScreenEditor from "../../components/code-editor/FullScreenEditor";
 import { formatMessage } from '@luck-design-biz/base/utils';
+import styles from "../../style/actions-editor.less";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
 var _SERIAL_EFFECT_OPTIONS_ = [{
   label: formatMessage({
-    id: 'luckda.lowcode.painter.hidden',
+    id: "".concat(_I18N_PREFIX_, ".hidden"),
     label: '隐藏'
   }),
   value: 'hidden'
 }, {
   label: formatMessage({
-    id: 'luckda.lowcode.painter.disable',
+    id: "".concat(_I18N_PREFIX_, ".disable"),
     label: '禁用'
   }),
   value: 'disable'
@@ -44,17 +47,24 @@ var _RISK_LEVEL_OPTIONS_ = [{
   }),
   value: 'destroy'
 }];
+var _DEFAULT_CODE_ = 'function todo(ctx) {}';
 var ActionEditor = function ActionEditor(_ref) {
   var action = _ref.action,
-    onChange = _ref.onChange,
-    suppressName = _ref.suppressName,
-    suppressRiskLevel = _ref.suppressRiskLevel;
+    onChange = _ref.onChange;
+  var editorRef = useRef();
   var valueRef = useRef(cloneDeep(action));
+  var handleCodeChange = useRef(debounce(function (code) {
+    valueRef.current.actionCode = code;
+    onChange(valueRef.current);
+  }, 400));
   var handleChange = useMemoizedFn(function (field, value) {
     valueRef.current[field] = value;
     onChange(valueRef.current);
   });
-  return /*#__PURE__*/React.createElement(PopForm, null, !suppressName && /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+  var handleEditorLoad = useMemoizedFn(function () {
+    editorRef.current.editor.setValue(action.actionCode || _DEFAULT_CODE_);
+  });
+  return /*#__PURE__*/React.createElement(PopForm, null, /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
     id: "".concat(_I18N_PREFIX_, ".name"),
     label: '名称'
   })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
@@ -70,12 +80,16 @@ var ActionEditor = function ActionEditor(_ref) {
   }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
     id: "".concat(_I18N_PREFIX_, ".serial"),
     label: '资源串'
-  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(SerialsSelector, {
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
     size: "small",
     defaultValue: action.serial,
-    onChange: function onChange(val) {
-      return handleChange('serial', val);
-    }
+    onChange: function onChange(e) {
+      return handleChange('serial', e.target.value);
+    },
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".serial.placeholder"),
+      label: '请输入行为名称'
+    })
   }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
     id: "".concat(_I18N_PREFIX_, ".serialEffect"),
     label: '越权效果'
@@ -86,8 +100,8 @@ var ActionEditor = function ActionEditor(_ref) {
     onChange: function onChange(value) {
       return handleChange('serialEffect', value);
     }
-  }))), !suppressRiskLevel && /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".riskLevel"),
+  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
     label: '风险等级'
   })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Segmented, {
     size: "small",
@@ -96,6 +110,45 @@ var ActionEditor = function ActionEditor(_ref) {
     onChange: function onChange(value) {
       return handleChange('riskLevel', value);
     }
-  }))));
+  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".actionPool"),
+    label: '行为池'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(Select, {
+    size: "small",
+    mode: "multiple",
+    className: styles['action-pool-selector'],
+    defaultValue: action.actionPool,
+    onChange: function onChange(value) {
+      return handleChange('actionPool', value);
+    }
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: "jack"
+  }, "Jack"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: "lucy"
+  }, "Lucy"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: "yiminghe"
+  }, "Yiminghe")), /*#__PURE__*/React.createElement(Tooltip, {
+    title: formatMessage({
+      id: 'luckda.lowcode.painter.coder',
+      label: '编码器'
+    })
+  }, /*#__PURE__*/React.createElement(PopConfirm, {
+    placement: "top",
+    title: /*#__PURE__*/React.createElement(FullScreenEditor, {
+      ref: editorRef,
+      EditorComponent: JSEditor,
+      width: "640px",
+      height: "300px",
+      onChange: handleCodeChange.current,
+      onLoad: handleEditorLoad
+    })
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "code",
+    className: styles['action-pool-coder']
+  }))))));
 };
 export default ActionEditor;

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

@@ -1,15 +1,13 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useReducer, useState } from 'react';
+import React, { useRef, useReducer } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import { Tooltip, Icon, Segmented, InputNumber, Input } from 'luck-design/antd';
-import { cloneDeep, omit } from 'lodash';
+import { cloneDeep } from 'lodash';
 import ActionEditor from "./ActionEditor";
 import PanelItem from "../../components/PanelItem";
 import { SortBox, SortItem } from "../../components/SortBox";
 import { ListEditor, ListEditorItem } from "../../components/ListEditor";
 import PopConfirm from "../../components/PopConfirm";
-import ActionBindModal from "../../components/ActionBindModal";
 import { formatMessage, suid } from '@luck-design-biz/base/utils';
 import { listReducer } from "../../../engine/tools/helper";
 import styles from "../../style/actions-editor.less";
@@ -32,17 +30,12 @@ var ActionsEditor = function ActionsEditor(_ref) {
     onChange = _ref.onChange,
     suppressDisplay = _ref.suppressDisplay,
     suppressMax = _ref.suppressMax,
-    suppressMore = _ref.suppressMore,
-    defaultCode = _ref.defaultCode;
+    suppressMore = _ref.suppressMore;
   var valueRef = useRef(cloneDeep(defaultValue));
   var _useReducer = useReducer(listReducer, defaultValue.todoList || []),
     _useReducer2 = _slicedToArray(_useReducer, 2),
     todoList = _useReducer2[0],
     dispatch = _useReducer2[1];
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    action = _useState2[0],
-    setAction = _useState2[1];
   var handleAdd = useMemoizedFn(function () {
     dispatch({
       type: 'add',
@@ -52,7 +45,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
         serial: void 0,
         serialEffect: 'hidden',
         riskLevel: 'default',
-        actionPool: []
+        actionPool: [],
+        actionCode: void 0
       },
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
@@ -118,22 +112,6 @@ var ActionsEditor = function ActionsEditor(_ref) {
         cursor: 'pointer'
       }
     }))), /*#__PURE__*/React.createElement(Tooltip, {
-      title: formatMessage({
-        id: 'luckda.lowcode.painter.bindAction',
-        label: '绑定动作'
-      })
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: "paper-clip",
-      style: {
-        marginRight: '8px',
-        cursor: 'pointer'
-      },
-      onClick: function onClick() {
-        return setAction(_objectSpread({
-          key: action.id
-        }, action));
-      }
-    })), /*#__PURE__*/React.createElement(Tooltip, {
       title: formatMessage({
         id: 'luckda.lowcode.painter.delete',
         label: '删除'
@@ -215,17 +193,6 @@ var ActionsEditor = function ActionsEditor(_ref) {
       item: action,
       dispatch: dispatch
     }));
-  })))), /*#__PURE__*/React.createElement(ActionBindModal, {
-    event: action,
-    defaultCode: defaultCode,
-    onComfirm: function onComfirm(actionPool) {
-      return handleValueChange('action', _objectSpread(_objectSpread({}, omit(action, ['key'])), {}, {
-        actionPool: actionPool
-      }));
-    },
-    onClose: function onClose() {
-      return setAction(null);
-    }
-  }));
+  })))));
 };
 export default ActionsEditor;

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

@@ -5,12 +5,10 @@ import React from 'react';
 import { Select, Button } from 'luck-design/antd';
 import styles from "../style/button-type.less";
 var ButtonType = function ButtonType(_ref) {
-  var _onChange = _ref.onChange,
+  var onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
-    onChange: function onChange(val) {
-      return _onChange(val);
-    },
+    onChange: onChange,
     className: styles['lc-painter-panel-section-components-buttontype']
   }), /*#__PURE__*/React.createElement(Select.Option, {
     value: "primary"

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

@@ -1,136 +1,61 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
-import { useMemoizedFn, useRequest } from 'ahooks';
-import styled from 'styled-components';
-import { Select, Button, Tooltip } from 'luck-design/antd';
-import { useRemoteSource } from "../../engine/provider/ContextProvider";
-import { fetchAddDataset } from "../../constants/api-url";
-var Div = styled.div.withConfig({
-  displayName: "Div",
-  componentId: "luckda-6530__sc-onj9tc-0"
-})(["display:flex;align-items:center;"]);
+import { useMemoizedFn } from 'ahooks';
+import { Select } from 'luck-design/antd';
+import { request } from '@luck-design-biz/base/utils';
+import { SERVICE_READ_DATASET } from "../../constants/api-url";
 var DataSetSelector = function DataSetSelector(_ref) {
   var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    beforeChangeKey = _ref.beforeChangeKey,
     size = _ref.size,
-    isTree = _ref.isTree,
-    next = _ref.next;
+    onChange = _ref.onChange;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     options = _useState2[0],
     setOptions = _useState2[1];
-  var _useState3 = useState(defaultValue),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentDataset = _useState4[0],
-    setCurrentDataset = _useState4[1];
-  var _useRemoteSource = useRemoteSource(),
-    dataset = _useRemoteSource.dataset,
-    fetchAllDatasetLoading = _useRemoteSource.fetchAllDatasetLoading,
-    refreshModlueData = _useRemoteSource.refreshModlueData,
-    refreshDataset = _useRemoteSource.refreshDataset,
-    pageinfo = _useRemoteSource.pageinfo;
-  var _useRequest = useRequest(fetchAddDataset, {
-      manual: true
-    }),
-    loading = _useRequest.loading,
-    runAsync = _useRequest.runAsync;
   useEffect(function () {
-    setOptions(isTree ? dataset.filter(function (_ref2) {
-      var tree = _ref2.tree;
-      return tree === 1;
-    }) : dataset);
-  }, [dataset, isTree]);
-  var handleChange = useMemoizedFn( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, _ref3) {
-      var key, _pageinfo$relationshi, moduleId, dataModelKey, _yield$runAsync, code, res, _ds;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            key = _ref3.key;
-            _pageinfo$relationshi = pageinfo.relationship, moduleId = _pageinfo$relationshi.moduleId, dataModelKey = _pageinfo$relationshi.dataModelKey;
-            _context.next = 4;
-            return runAsync({
-              uid: moduleId,
-              dataModelKey: dataModelKey,
-              addList: [{
-                code: value,
-                datasetUid: key
-              }]
-            });
-          case 4:
-            _yield$runAsync = _context.sent;
-            code = _yield$runAsync.code;
-            if (!(code === 1)) {
-              _context.next = 11;
-              break;
-            }
-            _context.next = 9;
-            return refreshModlueData();
-          case 9:
-            res = _context.sent;
-            if (res.code === 1) {
-              _ds = {
-                code: value,
-                uid: key
-              };
-              onChange(_ds, function (_beforeChange) {
-                return _beforeChange(beforeChangeKey, []);
-              });
-              setCurrentDataset(_ds);
-            }
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x, _x2) {
-      return _ref4.apply(this, arguments);
-    };
-  }());
-  return /*#__PURE__*/React.createElement(Div, null, /*#__PURE__*/React.createElement(Select, {
-    defaultValue: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.code,
+    setOptions([{
+      value: 'dsWmsOutboundOrder',
+      label: '出库单'
+    }, {
+      value: 'dsWmsMaterialsData',
+      label: '物料主数据'
+    }, {
+      value: 'dsStockInboundOrder',
+      label: '库存台账'
+    }]);
+    // request(
+    //   `${SERVICE_READ_DATASET}`,
+    //   {
+    //     method: 'GET',
+    //     body: { dataModelKey: '' },
+    //   }.then((res) => {
+    //     console.log('res', res);
+    //     setOptions([
+    //       { value: 'dsWmsOutboundOrder', label: '出库单' },
+    //       { value: 'dsWmsMaterialsData', label: '物料主数据' },
+    //       { value: 'dsStockInboundOrder', label: '库存台账' },
+    //     ]);
+    //   }),
+    // );
+  }, []);
+  var handleChange = useMemoizedFn(function (value) {
+    console.log('value', value);
+    onChange(value);
+  });
+  return /*#__PURE__*/React.createElement(Select, {
+    defaultValue: defaultValue,
     size: size,
     onChange: handleChange,
     getPopupContainer: function getPopupContainer() {
       return document.getElementById('lc-design-workspace');
-    },
-    style: {
-      width: 145
-    },
-    loading: loading
-  }, options.map(function (opt) {
-    return /*#__PURE__*/React.createElement(Select.Option, {
-      key: opt.uid,
-      value: opt.code
-    }, /*#__PURE__*/React.createElement(Tooltip, {
-      title: opt.name
-    }, opt.name));
-  })), /*#__PURE__*/React.createElement(Button, {
-    size: size,
-    icon: "setting",
-    style: {
-      marginLeft: 4
-    },
-    disabled: !currentDataset,
-    onClick: function onClick() {
-      return next({
-        pageinfo: pageinfo,
-        datasetUid: currentDataset.uid,
-        datasetCode: currentDataset.code
-      });
     }
-  }), /*#__PURE__*/React.createElement(Button, {
-    size: size,
-    icon: "cloud-sync",
-    loading: fetchAllDatasetLoading,
-    style: {
-      marginLeft: 4
-    },
-    onClick: refreshDataset
+  }, options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: value,
+      value: value
+    }, label);
   }));
 };
 export default DataSetSelector;

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

@@ -1,47 +1,47 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
+import React from 'react';
+import { Icon } from 'luck-design/antd';
 import styles from "../style/icon.less";
-import IconFont from "../../../components/IconFont";
-/**
- * 一个简单的图标选择器组件，展示了一个图标并允许用户点击选择。
- * 该组件使用了`Icon.createFromIconfontCN`来创建一个可以从Iconfont.cn加载图标的`IconFont`组件。
- * 当图标被点击时，会调用`onSelect`回调函数，并传递一个对象，其中包含了`field`字段。
- *
- * @component
- * @example
- * ```jsx
- * <IconSelector
- *   field="iconField"
- *   onSelect={({ field }) => console.log(`Selected icon field: ${field}`)}
- *   defaultValue="icon-example"
- * />
- * ```
- *
- * @param {Object} props 组件的props
- * @param {string} props.field 用于识别选择的图标字段的标识符。
- * @param {Function} props.onSelect 当图标被点击时触发的回调函数。
- *                                  接收一个对象参数，该对象包含`field`字段。
- * @param {string} [props.defaultValue='iconyingyongguanli'] 初始化时图标的类型，
- *                                                     默认为'iconyingyongguanli'。
- *
- * @returns {React.Element} 渲染的React元素。
+import { ICONLIST_JS } from "../../constants/api-url";
+
+/**
+ * 一个简单的图标选择器组件，展示了一个图标并允许用户点击选择。
+ * 该组件使用了`Icon.createFromIconfontCN`来创建一个可以从Iconfont.cn加载图标的`IconFont`组件。
+ * 当图标被点击时，会调用`onSelect`回调函数，并传递一个对象，其中包含了`field`字段。
+ *
+ * @component
+ * @example
+ * ```jsx
+ * <IconSelector
+ *   field="iconField"
+ *   onSelect={({ field }) => console.log(`Selected icon field: ${field}`)}
+ *   value="icon-example"
+ * />
+ * ```
+ *
+ * @param {Object} props 组件的props
+ * @param {string} props.field 用于识别选择的图标字段的标识符。
+ * @param {Function} props.onSelect 当图标被点击时触发的回调函数。
+ *                                  接收一个对象参数，该对象包含`field`字段。
+ * @param {string} [props.value='iconyingyongguanli'] 初始化时图标的类型，
+ *                                                     默认为'iconyingyongguanli'。
+ *
+ * @returns {React.Element} 渲染的React元素。
  */
 export default function (_ref) {
-  var defaultValue = _ref.defaultValue,
+  var field = _ref.field,
+    onSelect = _ref.onSelect,
+    value = _ref.value,
     next = _ref.next;
-  var _useState = useState(defaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    val = _useState2[0],
-    setVal = _useState2[1];
+  var IconFont = Icon.createFromIconfontCN({
+    scriptUrl: ICONLIST_JS
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: styles['lc-painter-panel-section-icon'],
     onClick: function onClick() {
-      return next({
-        onSelect: setVal
-      });
+      return next();
     }
   }, /*#__PURE__*/React.createElement(IconFont, {
-    type: val !== null && val !== void 0 ? val : 'iconyingyongguanli'
+    type: value !== null && value !== void 0 ? value : 'iconyingyongguanli'
   }), /*#__PURE__*/React.createElement("span", {
     className: styles['selecor']
   }, "\u8BF7\u9009\u62E9 >"));

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

@@ -10,26 +10,25 @@ import { formatMessage } from '@luck-design-biz/base/utils';
 import { ICONLIST_URL, ICONLIST_JS } from "../../constants/api-url";
 var Search = Input.Search;
 
-/**
- * 一个用于选择图标的组件，提供了图标的搜索和选择功能。
- *
- * 该组件首先从预定义的URL加载图标列表，然后显示这些图标。用户可以通过输入框搜索图标，
- * 点击图标时，会通过 `onChange` 回调将选中的图标信息返回给父组件。
- *
- * @component
- * @example
- * ```jsx
- * <IconSelector
- *   onChange={(selectedIcon) => console.log(selectedIcon)}
- * />
- * ```
- *
- * @param {Object} props 组件接受的props
- * @param {Function} props.onChange 当图标被选中时触发的回调函数，接受选中图标的信息作为参数
+/**
+ * 一个用于选择图标的组件，提供了图标的搜索和选择功能。
+ *
+ * 该组件首先从预定义的URL加载图标列表，然后显示这些图标。用户可以通过输入框搜索图标，
+ * 点击图标时，会通过 `onChange` 回调将选中的图标信息返回给父组件。
+ *
+ * @component
+ * @example
+ * ```jsx
+ * <IconSelector
+ *   onChange={(selectedIcon) => console.log(selectedIcon)}
+ * />
+ * ```
+ *
+ * @param {Object} props 组件接受的props
+ * @param {Function} props.onChange 当图标被选中时触发的回调函数，接受选中图标的信息作为参数
  */
 export default function (_ref) {
-  var onChange = _ref.onChange,
-    onSelect = _ref.onSelect;
+  var onChange = _ref.onChange;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     iconData = _useState2[0],
@@ -103,9 +102,7 @@ export default function (_ref) {
     return [];
   }, [iconData, searchTerm]);
   var handleClick = useMemoizedFn(function (icon) {
-    var _iconfont = "".concat(iconData.css_prefix_text).concat(icon.font_class);
-    onSelect(_iconfont);
-    onChange(_iconfont);
+    onChange === null || onChange === void 0 || onChange(icon);
   });
   return /*#__PURE__*/React.createElement("div", {
     className: styles['lc-painter-panel-section-iconselector']