@luck-design-biz/luckda 1.0.0-4-alpha → 1.0.0-6-alpha

package/es/lowcode/view/Canvas.js

@@ -1,11 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect } from 'react';
-import { useMemoizedFn } from 'ahooks';
 import styled from 'styled-components';
-import { reduce } from 'lodash';
 import classNames from 'classnames';
-import { useContext, useGet, useStateStore } from "../engine/provider/ContextProvider";
+import { useContext, useGet } from "../engine/provider/ContextProvider";
+import { useStateStore } from "../engine/provider/ContextProvider/usePageVar";
 import PageHeader from "./lc-components/PageHeader";
 import PageContent from "./lc-components/PageContent";
 import PageFooter from "./lc-components/PageFooter";
@@ -20,7 +19,10 @@ var PageRoot = styled.div.withConfig({
   return props.$css;
 });
 var Canvas = function Canvas(_ref) {
-  var className = _ref.className;
+  var _dsRef$current;
+  var className = _ref.className,
+    dsRef = _ref.dsRef;
+  (_dsRef$current = dsRef.current) === null || _dsRef$current === void 0 || _dsRef$current.read();
   var _useGet = useGet(['props.css', 'props.advance', 'props.enableHeader', 'props.enableFooter', 'props.vars']),
     _useGet2 = _slicedToArray(_useGet, 5),
     pagerootCss = _useGet2[0],
@@ -29,49 +31,24 @@ var Canvas = function Canvas(_ref) {
     enableFooter = _useGet2[3],
     pageVars = _useGet2[4];
   var ctx = useContext();
-  var handleMount = useMemoizedFn(function () {
-    var _advance$events;
-    ctx.doAction(advance === null || advance === void 0 || (_advance$events = advance.events) === null || _advance$events === void 0 ? void 0 : _advance$events.onPageMount);
-  });
-  var handleStateChanged = useMemoizedFn(function (_ref2) {
-    var _advance$events2;
-    var state = _ref2.state,
-      prevState = _ref2.prevState,
-      diff = _ref2.diff;
-    ctx.doAction(advance === null || advance === void 0 || (_advance$events2 = advance.events) === null || _advance$events2 === void 0 ? void 0 : _advance$events2.onStateChanged, {
-      state: state,
-      prevState: prevState,
-      diff: diff
-    });
-  });
   useEffect(function () {
-    if (pageVars) {
-      useStateStore.getState().initialize(reduce(pageVars, function (ret, val) {
-        if (val.type === 'var') {
-          ret[val.name] = val.data;
-        }
-        return ret;
-      }, {}));
-    }
+    var _advance$events2;
     var unsub = useStateStore.subscribe(function (store) {
       return store.state;
     }, function (state, prevState) {
+      var _advance$events;
       var _diff = diff(prevState, state);
-      handleStateChanged({
+      ctx.doAction(advance === null || advance === void 0 || (_advance$events = advance.events) === null || _advance$events === void 0 ? void 0 : _advance$events.onStateChanged, {
         state: state,
         prevState: prevState,
         diff: _diff
       });
     });
+    ctx.doAction(advance === null || advance === void 0 || (_advance$events2 = advance.events) === null || _advance$events2 === void 0 ? void 0 : _advance$events2.onPageMount);
     return function () {
+      var _advance$events3;
       unsub();
       useStateStore.getState().clear();
-    };
-  }, [pageVars]);
-  useEffect(function () {
-    ctx.$subscriber(ctx.topics.PAGE_LOAD_MOUNT).once(handleMount).watch();
-    return function () {
-      var _advance$events3;
       ctx.doAction(advance === null || advance === void 0 || (_advance$events3 = advance.events) === null || _advance$events3 === void 0 ? void 0 : _advance$events3.onPageUnmount);
     };
   }, []);

package/es/lowcode/view/Loading.js

@@ -1,13 +1,11 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import classNames from 'classnames';
 import styles from "./style/loading.less";
-var Loading = function Loading(_ref) {
-  var className = _ref.className,
-    style = _ref.style;
+var Loading = function Loading() {
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles['lc-painter-loading'], _defineProperty({}, className, !!className)),
-    style: style
+    className: styles.masker
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['lc-painter-loading']
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['cube']
   }, /*#__PURE__*/React.createElement("div", {
@@ -22,6 +20,6 @@ var Loading = function Loading(_ref) {
     className: classNames(styles['side'], styles['side5'])
   }), /*#__PURE__*/React.createElement("div", {
     className: classNames(styles['side'], styles['side6'])
-  })));
+  }))));
 };
 export default Loading;

package/es/lowcode/view/Page.js

@@ -1,35 +1,45 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className"];
-import React, { useRef, forwardRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import React, { forwardRef, useRef, Suspense } from 'react';
+import { useMemoizedFn, useCreation, useBoolean } from 'ahooks';
+import { Skeleton } from 'luck-design/antd';
 import classNames from 'classnames';
-import styled from 'styled-components';
 import { useRemoteSource, useContext } from "../engine/provider/ContextProvider";
+import initDS from "../engine/tools/initDS";
 import Loading from "./Loading";
 import Wrapper from "./lc-components/Wrapper";
 import Canvas from "./Canvas";
 import { LC_BUILDIN_UNIT_KEY } from "../constants";
+import useCombinedRefs from "../engine/tools/useCombinedRefs";
 import ErrorBoundary from "./errorBoundary";
 import styles from "./style/page.less";
-var Masker = styled.div.withConfig({
-  displayName: "Masker",
-  componentId: "luckda-6530__sc-yswm45-0"
-})(["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,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var _ref = useRef(null);
-  var _rootRef = ref || _ref;
+var LCPage = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _rootRef = useCombinedRefs(ref);
+  var _dsRef = useRef();
   var _useRemoteSource = useRemoteSource(),
     loading = _useRemoteSource.loading;
-  var context = useContext();
+  var _useBoolean = useBoolean(false),
+    _useBoolean2 = _slicedToArray(_useBoolean, 2),
+    loadMount = _useBoolean2[0],
+    setTrue = _useBoolean2[1].setTrue;
+  var ctx = useContext();
+  var handlePageLoadMount = useMemoizedFn(function () {
+    _dsRef.current = initDS(ctx);
+    setTrue();
+  });
+  useCreation(function () {
+    ctx.$subscriber(ctx.topics.PAGE_LOAD_MOUNT).once(handlePageLoadMount).watch();
+  }, []);
   var getTargetDom = useMemoizedFn(function () {
     return _rootRef.current;
   });
   var handleClear = useMemoizedFn(function () {
-    context.$publisher(context.topics.COMPONENT_ACTIVE, null);
+    ctx.$publisher(ctx.topics.COMPONENT_ACTIVE, null);
   });
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     onClear: handleClear
@@ -39,6 +49,18 @@ var LCPage = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }, /*#__PURE__*/React.createElement("div", _extends({
     ref: _rootRef,
     className: classNames(styles['lc-view-page'], _defineProperty(_defineProperty({}, styles.isloading, loading), className, !!className))
-  }, props), /*#__PURE__*/React.createElement(Canvas, null), loading ? /*#__PURE__*/React.createElement(Masker, null, /*#__PURE__*/React.createElement(Loading, null)) : null)));
+  }, props), /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement(Skeleton, {
+      active: true,
+      title: {
+        width: '70%'
+      },
+      paragraph: {
+        rows: 9
+      }
+    })
+  }, loadMount ? /*#__PURE__*/React.createElement(Canvas, {
+    dsRef: _dsRef
+  }) : null))), loading ? /*#__PURE__*/React.createElement(Loading, null) : null);
 });
 export default LCPage;

package/es/lowcode/view/index.js

@@ -9,6 +9,7 @@ var View = function View(_ref) {
   var code = _ref.code,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(EventBusProvider, {
+    key: code,
     runtime: RUNTIME.LIVE
   }, /*#__PURE__*/React.createElement(ContextProvider, {
     code: code

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

@@ -18,6 +18,13 @@
       "type": "switch",
       "default": true
     },
+    {
+      "key": "showPop",
+      "name": "辅助选择",
+      "type": "_ComplexPop",
+      "wrapper": "hidden",
+      "default": true
+    },
     {
       "key": "generalSetting",
       "name": "通用配置",

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

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["advance", "state"];
+var _excluded = ["advance", "state", "render"];
 import React, { useRef, forwardRef, Fragment, useImperativeHandle } from 'react';
 import { useMemoizedFn, useCreation, useUnmount } from 'ahooks';
 import classNames from 'classnames';
@@ -228,9 +228,7 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     return wrapperRef.current;
   });
   var handleDefaultDataSourceFormat = useMemoizedFn(function (defaultDataSourceFormat, defaultValues) {
-    if (isNil(defaultDataSourceFormat)) return function () {
-      return defaultValues;
-    };
+    if (isNil(defaultDataSourceFormat)) return function () {};
     return executeCode(ctx, defaultDataSourceFormat, ['defaultValues'], defaultValues);
   });
   var handleDataSourceFormat = useMemoizedFn(function (type, dataSourceFormat, dataSetKey, _ref6) {
@@ -323,6 +321,7 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     return reduce(fields, function (result, setting) {
       var advance = setting.advance,
         _state = setting.state,
+        render = setting.render,
         rest = _objectWithoutProperties(setting, _excluded);
       var isShow = true;
       if (ctx.runtime !== RUNTIME.DESIGN && _state) {
@@ -355,6 +354,14 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref3, ref) {
         };
       }
       result.push(_objectSpread(_objectSpread({}, _props), {}, {
+        render: render ? function (v, d, i, p) {
+          return /*#__PURE__*/React.createElement(RuntimeComp, {
+            value: v,
+            data: d,
+            rowIndex: i,
+            params: p
+          }, render.replace(/(function\s*\w*\s*)\([^)]*\)(\s*{)/, '$1()$2'));
+        } : null,
         events: advance !== null && advance !== void 0 && advance.events ? reduce(advance.events, function (result, value, key) {
           //处理事件
           result[key] = function () {

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

@@ -244,7 +244,7 @@
                 "name": "格式化默认数据",
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
-                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return defaultValues; \n}",
+                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
@@ -335,7 +335,7 @@
                 "name": "格式化默认数据",
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
-                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return defaultValues; \n}",
+                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
@@ -446,7 +446,7 @@
                 "name": "格式化默认数据",
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
-                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return defaultValues; \n}",
+                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }

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

@@ -27,6 +27,12 @@
           "default": "false"
         }
       ]
+    },
+    {
+      "key": "vars",
+      "name": "页面数据源",
+      "type": "_PageVars",
+      "wrapper": "collapse"
     }
   ],
   "css": "background-color: transparent;",

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

@@ -1,8 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+var _excluded = ["render"];
 import React, { useRef, useImperativeHandle, forwardRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation, useRequest, useUnmount } from 'ahooks';
@@ -14,6 +16,7 @@ import Wrapper from "../Wrapper";
 import { LdGrid, LDActions } from "../../../../index";
 import TopFilter from "./components/TopFilter";
 import { TopUpload, TopExport } from "./components/TopImex";
+import RuntimeComp from "../JSX/RuntimeComp";
 import { omitBadProps, executeCode, getLDMetaAttr } from "../../../engine/tools/helper";
 import useCombinedRefs from "../../../engine/tools/useCombinedRefs";
 import defaultMeta from "../../../engine/meta/table.props.default.json";
@@ -380,8 +383,19 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (!isNil(columnsRewrite) || !isNil(fields)) {
       temp.columnsRewrite = function (cols) {
         var colsMap = keyBy(cols, 'field');
-        var _cols = isNil(fields) ? cols : fields.map(function (_field) {
-          return _objectSpread(_objectSpread({}, colsMap[_field.field]), _field);
+        var _cols = isNil(fields) ? cols : fields.map(function (_ref4) {
+          var render = _ref4.render,
+            _field = _objectWithoutProperties(_ref4, _excluded);
+          return _objectSpread(_objectSpread({}, colsMap[_field.field]), {}, {
+            render: render ? function (v, d, i, p) {
+              return /*#__PURE__*/React.createElement(RuntimeComp, {
+                value: v,
+                data: d,
+                rowIndex: i,
+                params: p
+              }, render.replace(/(function\s*\w*\s*)\([^)]*\)(\s*{)/, '$1()$2'));
+            } : null
+          }, _field);
         });
         return isNil(columnsRewrite) ? _cols : executeCode(ctx, columnsRewrite, ['columns'], _cols);
       };
@@ -524,7 +538,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   });
   var _afterQuery = useMemoizedFn(function (res) {
-    if (res.code === 1 && !res.list.includes(instanceRef.current.expectRowKey)) {
+    if (res.code === 1 && instanceRef.current && !res.list.includes(instanceRef.current.expectRowKey)) {
       instanceRef.current.expectRowKey = res.list[0];
       ctx.doAction(advance.events.onExpectRowChanged, {
         data: res.detail[res.list[0]]

package/es/lowcode/view/style/loading.less

@@ -1,3 +1,17 @@
+.masker {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+  background-color: transparent;
+  backdrop-filter: blur(6px);
+  cursor: none;
+}
+*:has(> .masker) {
+  position: relative;
+}
 .lc-painter-loading {
   position: absolute;
   height: 64px;

package/es/utils/form.js

@@ -12,7 +12,7 @@ var _excluded = ["comName", "property"],
   _excluded9 = ["type", "name"];
 import React from 'react';
 import moment from 'moment';
-import { capitalize, merge, transform, isArray, omit, isNil, clone } from 'lodash';
+import { capitalize, merge, transform, isArray, omit, isNil, clone, cloneDeep } from 'lodash';
 import api from "@/services/ApiConfig";
 import { defaultComName, translator, splitStrToObj, formatCustomProps } from "../helper/form";
 import { getColumnRender } from "./grid";
@@ -65,7 +65,7 @@ export function getFormItem() {
 export var formItemDataFormat = function formItemDataFormat() {
   var propsList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var omitValues = {};
+  var omitValues = cloneDeep(values);
   var data = transform(propsList, function (result, n) {
     var _ref2 = n || {},
       comName = _ref2.comName,
@@ -125,7 +125,7 @@ export var formItemDataFormat = function formItemDataFormat() {
       default:
         if (!isNil(values["".concat(name, "_virtual")] || values[name])) result[name] = values["".concat(name, "_virtual")] || values[name];
     }
-    omitValues = omit(values, [name, "".concat(name, "_virtual")]);
+    omitValues = omit(omitValues, [name, "".concat(name, "_virtual")]);
   }, {});
   return _objectSpread(_objectSpread({}, omitValues), data);
 };

package/es/utils/grid.js

@@ -38,7 +38,7 @@ export function getColumnRender(name, type) {
       break;
     case 'year':
       render = function render(text) {
-        return text;
+        return moment.isMoment(text) ? text.format('YYYY') : text;
       };
       break;
     case 'user':

package/lib/components/ComplexItem/index.js

@@ -7,24 +7,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _umi = require("umi");
+var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _lodash = require("lodash");
 var _base = require("@luck-design-biz/base");
 var _utils = require("@luck-design-biz/base/utils");
-var _luckDesign = require("luck-design");
-var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
 var _service = require("./service");
-var _excluded = ["wrapperRef", "config", "renderInfoMode", "complexConfig"];
+var _excluded = ["showPop"],
+  _excluded2 = ["wrapperRef", "config", "renderInfoMode", "complexConfig"];
 var Index = function Index(_ref) {
   var wrapperRef = _ref.wrapperRef,
     _ref$config = _ref.config,
-    config = _ref$config === void 0 ? {} : _ref$config,
+    _ref$config2 = _ref$config === void 0 ? {} : _ref$config,
+    showPop = _ref$config2.showPop,
+    config = (0, _objectWithoutProperties2.default)(_ref$config2, _excluded),
     renderInfoMode = _ref.renderInfoMode,
     _ref$complexConfig = _ref.complexConfig,
     _ref$complexConfig$is = _ref$complexConfig.isTree,
@@ -34,49 +35,58 @@ var Index = function Index(_ref) {
     dataSetCode = _ref$complexConfig.dataSetCode,
     keyField = _ref$complexConfig.keyField,
     valueField = _ref$complexConfig.valueField,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    dataSource = _useState2[0],
-    setDataSource = _useState2[1];
-  var handleFocus = function handleFocus() {
-    if (!dataSource || dataSource.length === 0) {
-      (0, _service.fetchContent)(dataModel, {
-        datasetCode: dataSetCode,
-        moduleCode: moduleCode
-      }).then(function (res) {
-        var code = res.code,
-          data = res.data;
-        if (code === 1) {
-          var formatData = data.map(function (i) {
-            return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, i), {}, {
-              key: i[keyField],
-              value: i[keyField],
-              label: valueField.length > 0 ? valueField.split(',').map(function (val) {
-                return i[val];
-              }).join('-') : '',
-              title: valueField.length > 0 ? valueField.split(',').map(function (val) {
-                return i[val];
-              }).join('-') : ''
-            });
-          });
-          if (isTree) {
-            setDataSource((0, _utils.dataToTree)(formatData, null, 'uid', 'parent_uid'));
-          } else setDataSource(formatData);
-        }
-      });
-    }
-  };
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+  var Selector = (0, _ahooks.useCreation)(function () {
+    return isTree ? _base.TreeSelector : _base.GridSelector;
+  }, [isTree]);
   return renderInfoMode ? renderInfoMode(function (value) {
     return (config.multiple || config.mode === 'multiple') && (0, _lodash.isArray)(value) ? value.map(function (item) {
       return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
         key: item.key
       }, item.label || item.value || item.key);
     }) : /*#__PURE__*/_react.default.createElement("span", null, value.label || value.value || value.key);
-  }) : /*#__PURE__*/_react.default.createElement(_luckDesign.BasicFormItem, (0, _extends2.default)({}, props, {
-    type: isTree ? 'treeSelect' : 'select',
+  }) : /*#__PURE__*/_react.default.createElement(Selector, (0, _extends2.default)({}, props, {
+    keyName: keyField,
+    titleKey: "title",
+    api: ( /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(get) {
+        var res, formatData, detail;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _service.fetchContent)(dataModel, (0, _objectSpread2.default)({
+                datasetCode: dataSetCode,
+                moduleCode: moduleCode
+              }, get));
+            case 2:
+              res = _context.sent;
+              formatData = (res === null || res === void 0 ? void 0 : res.data.map(function (i) {
+                return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, i), {}, {
+                  title: valueField.length > 0 ? valueField.split(',').map(function (val) {
+                    return i[val];
+                  }).join('-') : ''
+                });
+              })) || [];
+              detail = (0, _lodash.keyBy)(formatData, window.appConfig.constraintKeys.PRIMARY);
+              return _context.abrupt("return", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, res), {}, {
+                list: Object.keys(detail),
+                detail: detail
+              }));
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }()),
     ref: wrapperRef,
-    config: (0, _objectSpread3.default)((0, _objectSpread3.default)({
+    max: config.multiple || config.mode === 'multiple' ? 0 : 1,
+    noAddon: !(showPop !== null && showPop !== void 0 && showPop.show),
+    config: (0, _objectSpread2.default)((0, _objectSpread2.default)({
       required: false,
       placeholder: (0, _utils.formatMessage)({
         id: 'app.base.tip.select'
@@ -84,11 +94,16 @@ var Index = function Index(_ref) {
       message: (0, _utils.formatMessage)({
         id: 'app.base.tip.select'
       })
-    }, config), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({
-      showSearch: true,
+    }, config), {}, {
       optionFilterProp: 'title',
       treeNodeFilterProp: 'label'
-    }, isTree ? 'treeData' : 'dataSource', dataSource), "onFocus", handleFocus))
+    }),
+    selectorProps: {
+      columns: (showPop === null || showPop === void 0 ? void 0 : showPop.fields) || [],
+      resultColumns: ((showPop === null || showPop === void 0 ? void 0 : showPop.fields) || []).filter(function (i) {
+        return (0, _lodash.includes)(valueField.split(','), i.field);
+      })
+    }
   }));
 };
 var RefCom = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {

package/lib/components/LdGridForm/index.js

@@ -100,7 +100,8 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
             moduleCode: moduleCode,
             formRef: formRef,
             formMode: formMode,
-            setting: (0, _lodash.omit)(setting, [].concat(defaultSet, ['uid', 'field']))
+            render: setting === null || setting === void 0 ? void 0 : setting.render,
+            setting: (0, _lodash.omit)(setting, [].concat(defaultSet, ['uid', 'field', 'render']))
           })
         })));
       }

package/lib/helper/ldBuilder.js

@@ -8,8 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Builder = require("../components/Builder");
 var _utils = require("@luck-design-biz/base/utils");
+var ErrorWrapper = _styledComponents.default.span.withConfig({
+  displayName: "ErrorWrapper",
+  componentId: "luckda-6530__sc-ek28r3-0"
+})(["display:inline-block;width:100%;height:auto;padding:24px 16px;color:#ff4d4f;"]);
 var builder = function builder(wrapped) {
   var LdCom = function LdCom(props) {
     var ldId = props.ldId,
@@ -27,7 +32,7 @@ var builder = function builder(wrapped) {
       doAction = _ref.doAction,
       moduleCode = _ref.moduleCode; // 读存储的模块信息，包括行为、行为执行方法、数据集
 
-    if (!ldId) return /*#__PURE__*/_react.default.createElement("span", {
+    if (!ldId) return /*#__PURE__*/_react.default.createElement(ErrorWrapper, {
       ref: wrapper,
       className: className,
       style: style
@@ -35,7 +40,7 @@ var builder = function builder(wrapped) {
       id: 'luckda.paramMiss.ldId',
       label: '配置项缺少组件唯一标识(ldId)'
     }));
-    if (!dataSetKey) return /*#__PURE__*/_react.default.createElement("span", {
+    if (!dataSetKey) return /*#__PURE__*/_react.default.createElement(ErrorWrapper, {
       ref: wrapper,
       className: className,
       style: style
@@ -45,7 +50,7 @@ var builder = function builder(wrapped) {
     }));
     if (!dataSets[dataSetKey])
       // 待获取数据源
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement(ErrorWrapper, {
         ref: wrapper,
         className: className,
         style: style