@luck-design-biz/luckda 1.0.2-12 → 1.0.2-14

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

@@ -10,29 +10,29 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _icon = _interopRequireDefault(require("../style/icon.less"));
 var _IconFont = _interopRequireDefault(require("../../../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元素。
+/**
+ * 一个简单的图标选择器组件，展示了一个图标并允许用户点击选择。
+ * 该组件使用了`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元素。
  */
 function _default(_ref) {
   var defaultValue = _ref.defaultValue,

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

@@ -58,7 +58,8 @@ var IconConditionSelector = function IconConditionSelector(_ref) {
       defaultCode: defaultCode,
       onChange: function onChange(value) {
         return handleChange('code', index, value);
-      }
+      },
+      showClear: false
     }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
       type: "paper-clip",
       style: {

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

@@ -17,22 +17,22 @@ var _utils = require("@luck-design-biz/base/utils");
 var _apiUrl = require("../../constants/api-url");
 var Search = _antd.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 当图标被选中时触发的回调函数，接受选中图标的信息作为参数
  */
 function _default(_ref) {
   var onChange = _ref.onChange,

package/lib/lowcode/painter/panel-section/JSEditor/ToolBar.js

@@ -12,7 +12,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
-var _usePageDataStore = require("../../../engine/provider/ContextProvider/usePageDataStore");
+var _helper = require("../../../engine/tools/helper");
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Wrapper",
   componentId: "luckda-6530__sc-fxe9dl-0"
@@ -31,7 +31,6 @@ var ToolBar = function ToolBar(_ref) {
   var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
     module = _useRemoteSource.module,
     dataset = _useRemoteSource.dataset;
-  var moduleData = (0, _usePageDataStore.getModuleData)();
   var meta = (0, _ahooks.useCreation)(function () {
     return [{
       key: 'instance',
@@ -67,11 +66,15 @@ var ToolBar = function ToolBar(_ref) {
         }, {
           key: 'publishEvent',
           label: '发布事件',
-          text: "ctx.$publisher('\u8BDD\u9898', {arg: 1});"
+          text: "ctx.$publisher('\u8BDD\u9898', {foo: 1, bar: 2});"
         }, {
           key: 'subscribEvent',
           label: '订阅事件',
           text: "ctx.$subscriber('\u8BDD\u9898').on(()=>{}).watch();"
+        }, {
+          key: 'unsubscriber',
+          label: '卸载事件',
+          text: "ctx.$unsubscriber('\u8BDD\u9898', '\u8BA2\u9605\u8005ID');"
         }]
       }, {
         key: 'tools',
@@ -129,7 +132,7 @@ var ToolBar = function ToolBar(_ref) {
         ret.push({
           key: actionKey,
           label: "".concat(actionName, "(").concat(actionKey, ")"),
-          text: "ctx.utils.callBehavior({ moduleCode:'".concat(moduleData.moduleCode, "', datasetCode: '\u6570\u636E\u96C6\u7F16\u7801', behaviorKey:'").concat(actionKey, "' }, {}, {});")
+          text: "ctx.utils.callBehavior({ moduleCode: '".concat((0, _helper.getLDMetaAttr)('moduleCode'), "', datasetCode: '\u6570\u636E\u96C6\u7F16\u7801', behaviorKey:'").concat(actionKey, "' }, {}, {});")
         });
         return ret;
       }, [])

package/lib/lowcode/painter/panel-section/JSEditor/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var monaco = _interopRequireWildcard(require("monaco-editor"));
@@ -18,6 +19,7 @@ var _utils = require("@luck-design-biz/base/utils");
 var _ToolBar = _interopRequireDefault(require("./ToolBar"));
 var _RuntimeComp = _interopRequireDefault(require("../../../view/lc-components/JSX/RuntimeComp"));
 var _JSEditor2 = _interopRequireDefault(require("../../components/code-editor/JSEditor"));
+var _index = _interopRequireDefault(require("./index.less"));
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Wrapper",
   componentId: "luckda-6530__sc-pquf2n-0"
@@ -26,6 +28,11 @@ var PreviewWrapper = _styledComponents.default.div.withConfig({
   displayName: "PreviewWrapper",
   componentId: "luckda-6530__sc-pquf2n-1"
 })(["width:100%;height:100%;overflow:auto;"]);
+var BlockBadge = function BlockBadge(props) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _index.default.blockBadge
+  }, /*#__PURE__*/_react.default.createElement(_antd.Badge, props));
+};
 var _JSEditor = function _JSEditor(_ref) {
   var defaultValue = _ref.defaultValue,
     defaultCode = _ref.defaultCode,
@@ -33,7 +40,10 @@ var _JSEditor = function _JSEditor(_ref) {
     children = _ref.children,
     _ref$isjsx = _ref.isjsx,
     isjsx = _ref$isjsx === void 0 ? false : _ref$isjsx,
-    trigger = _ref.trigger;
+    trigger = _ref.trigger,
+    onClear = _ref.onClear,
+    _ref$showClear = _ref.showClear,
+    showClear = _ref$showClear === void 0 ? true : _ref$showClear;
   var editorRef = (0, _react.useRef)();
   var _useState = (0, _react.useState)(defaultValue || defaultCode),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -84,12 +94,37 @@ var _JSEditor = function _JSEditor(_ref) {
     onChange(editorRef.current.editor.getValue());
     hidden();
   });
+  var handleClear = (0, _ahooks.useMemoizedFn)(function () {
+    _antd.Modal.confirm({
+      title: (0, _utils.formatMessage)({
+        id: 'luckda.lowcode.painter.panel-section.jseditor.clear',
+        label: '确定执行操作吗？'
+      }),
+      okType: 'danger',
+      okText: (0, _utils.formatMessage)({
+        id: 'app.base.operate.ok'
+      }),
+      cancelText: (0, _utils.formatMessage)({
+        id: 'app.base.operate.cancel'
+      }),
+      onOk: function onOk() {
+        onClear();
+        hidden();
+      }
+    });
+  });
   var renderFooter = (0, _ahooks.useMemoizedFn)(function () {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isjsx ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
       disabled: hasError
     }, (0, _utils.formatMessage)({
       id: 'luckda.lowcode.painter.panel-section.jseditor.saveto',
       label: '保存为'
+    })) : null, showClear ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      type: "danger",
+      onClick: handleClear
+    }, (0, _utils.formatMessage)({
+      id: 'app.base.operate.clear',
+      label: '清空'
     })) : null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
       type: "primary",
       disabled: hasError,
@@ -99,15 +134,18 @@ var _JSEditor = function _JSEditor(_ref) {
       label: '确定'
     })));
   });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !trigger && (children ? /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !trigger && /*#__PURE__*/_react.default.createElement(BlockBadge, (0, _extends2.default)({
+    dot: !!defaultValue
+  }, !!defaultValue ? {
+    color: "lime"
+  } : {}), children ? /*#__PURE__*/_react.default.createElement("div", {
     onClick: show
   }, children) : /*#__PURE__*/_react.default.createElement(_antd.Button, {
     block: true,
     size: "small",
     onClick: show,
     style: {
-      margin: '0 8px',
-      width: 'calc(100% - 16px)'
+      width: '100%'
     }
   }, (0, _utils.formatMessage)({
     id: 'luckda.lowcode.painter.panel-section.style-panel.sourceedit',

package/lib/lowcode/painter/panel-section/JSEditor/index.less

@@ -0,0 +1,4 @@
+.blockBadge>span{
+    display: block;
+    margin: 0 8px;
+}

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

@@ -16,27 +16,27 @@ var _PanelItem = _interopRequireDefault(require("../components/PanelItem"));
 var _RATIOS_ = ['12', '6:6', '3:9', '9:3', '4:4:4', '3:6:3', '3:3:3:3', '2:2:2:2:2:2'];
 var _DEFAULTRATIO_ = '12:3:9';
 
-/**
- * `LayoutRatio`组件提供了一个布局比例选择器，允许用户选择或输入特定的比例配置。
- * 支持的比例配置包括预定义的比例数组`_RATIOS_`，用户还可以通过输入框自定义比例，
- * 自定义比例需要符合一定的规则：是数字或数字与冒号的组合，且数字之和必须等于12。
- * ，
- * 允许父组件获取当前选中的布局比例。
- *
- * @component
- * @example
- * ```jsxsdsdsdsdsdsdsd
- * <LayoutRatio
- *   value="6:6"
- *   onChange={(option) => console.log(option)}
- * />
- * ```
- *
- * @param {Object} props
- * @param {string} [props.value='12'] 初始化时选中的布局比例，默认为"12"。
- * @param {Function} props.onChange 当用户选择一个新的布局比例时调用的回调函数。
- *
- * @returns {React.Element} 渲染的React元素。
+/**
+ * `LayoutRatio`组件提供了一个布局比例选择器，允许用户选择或输入特定的比例配置。
+ * 支持的比例配置包括预定义的比例数组`_RATIOS_`，用户还可以通过输入框自定义比例，
+ * 自定义比例需要符合一定的规则：是数字或数字与冒号的组合，且数字之和必须等于12。
+ * ，
+ * 允许父组件获取当前选中的布局比例。
+ *
+ * @component
+ * @example
+ * ```jsxsdsdsdsdsdsdsd
+ * <LayoutRatio
+ *   value="6:6"
+ *   onChange={(option) => console.log(option)}
+ * />
+ * ```
+ *
+ * @param {Object} props
+ * @param {string} [props.value='12'] 初始化时选中的布局比例，默认为"12"。
+ * @param {Function} props.onChange 当用户选择一个新的布局比例时调用的回调函数。
+ *
+ * @returns {React.Element} 渲染的React元素。
  */
 var LayoutRatio = function LayoutRatio(_ref) {
   var defaultValue = _ref.defaultValue,

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

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _umi = require("umi");
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _lodash = require("lodash");
+var _utils = require("@luck-design-biz/base/utils");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _apiUrl = require("../../constants/api-url");
+var _helper = require("../../engine/tools/helper");
+var _constants = require("../../constants");
+var Wrapper = _styledComponents.default.div.withConfig({
+  displayName: "Wrapper",
+  componentId: "luckda-6530__sc-r11awc-0"
+})(["width:100%;display:flex;align-items:center;"]);
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.proxy-linker';
+var ProxyLinker = function ProxyLinker(_ref) {
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange;
+  var _proxyCode = (0, _ContextProvider.useGet)({
+    id: nodeId,
+    path: 'props.proxyCode'
+  }) || defaultValue;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    menuTree = _useState2[0],
+    setMenuTree = _useState2[1];
+  var _useRequest = (0, _ahooks.useRequest)(function () {
+      return (0, _apiUrl.fetchMenuTree)({
+        dataModelKey: (0, _helper.getLDMetaAttr)('dataModelKey'),
+        menuType: 'SITE'
+      });
+    }, {
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          var data = (0, _lodash.reduce)(list, function (res, _id) {
+            var _item = detail[_id];
+            if (_item.accessType === -1 || _item.accessType === 0 && _item.moduleCode) {
+              var isLeaf = _item.accessType === 0;
+              res.push({
+                id: _id,
+                parentId: _item.parentId,
+                key: _item.moduleCode,
+                value: _item.moduleCode,
+                title: isLeaf ? "".concat(_item.name, "(").concat(_item.code, ")") : _item.name,
+                disabled: !isLeaf
+              });
+            }
+            return res;
+          }, []);
+          setMenuTree((0, _helper.dataToTree)(data));
+        }
+      }
+    }),
+    loading = _useRequest.loading,
+    refresh = _useRequest.refresh;
+  var handleAddMenu = (0, _ahooks.useMemoizedFn)(function () {
+    var _getCreateHistoryOpti = (0, _umi.getCreateHistoryOptions)(),
+      basename = _getCreateHistoryOpti.basename;
+    var url = "".concat(basename === '/' ? '' : basename, "/ccm-dev/page-set/").concat((0, _helper.getLDMetaAttr)('dataModelKey'), "?activeKey=menuManage");
+    window.open(url, '_blank');
+  });
+  var handleEditPage = (0, _ahooks.useMemoizedFn)(function () {
+    var _getCreateHistoryOpti2 = (0, _umi.getCreateHistoryOptions)(),
+      basename = _getCreateHistoryOpti2.basename;
+    var url = "".concat(basename === '/' ? '' : basename, "/ccm-dev/page-set/").concat((0, _helper.getLDMetaAttr)('dataModelKey'), "?activeKey=pageDesign&code=").concat(_proxyCode, "&mode=edit");
+    window.open(url, '_blank');
+  });
+  var handleSelect = (0, _ahooks.useMemoizedFn)(function (val) {
+    onChange(val);
+    var _getSelfAndParent = (0, _ContextProvider.getSelfAndParent)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT),
+      pageRoot = _getSelfAndParent.node;
+    (0, _ContextProvider.modifyNode)(_constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT, {
+      proxy: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, pageRoot.props.proxy), {}, (0, _defineProperty2.default)({}, nodeId, val))
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_antd.TreeSelect, {
+    showSearch: true,
+    style: {
+      width: 136
+    },
+    size: "small",
+    treeData: menuTree,
+    value: _proxyCode,
+    treeNodeFilterProp: "title",
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    },
+    onSelect: handleSelect
+  }), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".add"),
+      label: '新建页面'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    icon: "plus",
+    style: {
+      marginLeft: 4
+    },
+    onClick: handleAddMenu
+  })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".edit"),
+      label: '编辑页面'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    icon: "edit",
+    style: {
+      marginLeft: 4
+    },
+    disabled: !_proxyCode,
+    onClick: handleEditPage
+  })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".sync"),
+      label: '同步数据'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    icon: "cloud-sync",
+    style: {
+      marginLeft: 4
+    },
+    loading: loading,
+    onClick: refresh
+  })));
+};
+var _default = exports.default = ProxyLinker;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _utils = require("@luck-design-biz/base/utils");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.proxy-params';
+function _default(_ref) {
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
+    next = _ref.next;
+  var value = (0, _ContextProvider.useGet)({
+    id: nodeId,
+    path: 'props.proxyParams'
+  }) || defaultValue;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: '0 12px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    block: true,
+    size: "small",
+    onClick: function onClick() {
+      return next();
+    }
+  }, (0, _utils.formatMessage)({
+    id: _I18N_PREFIX_,
+    label: '页面参数配置'
+  }), "(", (value === null || value === void 0 ? void 0 : value.length) || 0, ")"));
+}