@luck-design-biz/luckda 0.0.24-2 → 0.0.25

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

@@ -0,0 +1,314 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _utils = require("@luck-design-biz/base/utils");
+var _SortBox = require("../components/SortBox");
+var _ListEditor = require("../components/ListEditor");
+var _PopConfirm = _interopRequireDefault(require("../components/PopConfirm"));
+var _PopForm = require("../components/PopForm");
+var _FieldSelector = _interopRequireDefault(require("../components/FieldSelector"));
+var _helper = require("../../engine/tools/helper");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.tableTopFilter';
+var _RADIO_STYLE_ = {
+  display: 'block',
+  margin: '0 0 4px 0',
+  lineHeight: 0.4
+};
+var TableTopFilter = function TableTopFilter(_ref) {
+  var defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange;
+  var _useState = (0, _react.useState)(function () {
+      if ((0, _lodash.isNil)(defaultValue)) return 'nil';
+      if ((0, _lodash.isString)(defaultValue)) return 'customApi';
+      if ((0, _lodash.isArray)(defaultValue)) return 'custom';
+      return 'dict';
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    type = _useState2[0],
+    setType = _useState2[1];
+  var _useSetState = (0, _ahooks.useSetState)(type === 'dict' ? defaultValue : null),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    dict = _useSetState2[0],
+    setDict = _useSetState2[1];
+  var _useReducer = (0, _react.useReducer)(_helper.listReducer, type === 'custom' ? defaultValue : []),
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    options = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var _useState3 = (0, _react.useState)(type === 'customApi' ? defaultValue : void 0),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    apiUrl = _useState4[0],
+    setApiUrl = _useState4[1];
+  var handleAdd = (0, _ahooks.useMemoizedFn)(function () {
+    var id = (0, _utils.suid)();
+    dispatch({
+      type: 'add',
+      payload: {
+        id: id,
+        value: id,
+        field: id,
+        label: "\u8FC7\u6EE4\u9879".concat(options.length + 1)
+      },
+      callback: function callback(newOptions) {
+        return _onChange(newOptions);
+      }
+    });
+  });
+  var handleDelete = (0, _ahooks.useMemoizedFn)(function (opt) {
+    dispatch({
+      type: 'delete',
+      payload: opt.id,
+      callback: function callback(newOptions) {
+        return _onChange(newOptions);
+      }
+    });
+  });
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (opt) {
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: opt.id,
+        data: opt
+      },
+      callback: function callback(newOptions) {
+        return _onChange(newOptions);
+      }
+    });
+  });
+  var handleSortChange = (0, _ahooks.useMemoizedFn)(function (sortItems) {
+    dispatch({
+      type: 'sort',
+      payload: sortItems,
+      callback: function callback(newOptions) {
+        return _onChange(newOptions);
+      }
+    });
+  });
+  var handleTypeChange = (0, _ahooks.useMemoizedFn)(function (e) {
+    setType(e.target.value);
+    _onChange({
+      nil: null,
+      dict: dict,
+      custom: options,
+      customApi: apiUrl
+    }[e.target.value]);
+  });
+  var renderItemRight = (0, _ahooks.useMemoizedFn)(function (opt) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+      title: (0, _utils.formatMessage)({
+        id: 'luckda.lowcode.painter.edit',
+        label: '编辑'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_PopConfirm.default, {
+      placement: "left",
+      title: /*#__PURE__*/_react.default.createElement(_PopForm.PopForm, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".label"),
+        label: '名称'
+      })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        size: "small",
+        defaultValue: opt.label,
+        onChange: function onChange(e) {
+          return handleChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, opt), {}, {
+            label: e.target.value
+          }));
+        },
+        placeholder: (0, _utils.formatMessage)({
+          id: "".concat(_I18N_PREFIX_, ".label.placeholder"),
+          label: '请输入过滤项名称'
+        })
+      }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".value"),
+        label: '值'
+      })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        size: "small",
+        defaultValue: opt.value,
+        onChange: function onChange(e) {
+          return handleChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, opt), {}, {
+            value: e.target.value
+          }));
+        },
+        placeholder: (0, _utils.formatMessage)({
+          id: "".concat(_I18N_PREFIX_, ".value.placeholder"),
+          label: '请输入过滤项值'
+        })
+      }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".field"),
+        label: '字段'
+      })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_FieldSelector.default, {
+        defaultValue: opt.field,
+        style: {
+          width: '50%'
+        },
+        placeholder: (0, _utils.formatMessage)({
+          id: "".concat(_I18N_PREFIX_, ".field.placeholder"),
+          label: '请选择过滤字段'
+        }),
+        onChange: function onChange(e) {
+          return handleChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, opt), {}, {
+            field: e.target.value
+          }));
+        }
+      }))))
+    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      type: "edit",
+      style: {
+        marginRight: '8px',
+        cursor: 'pointer'
+      }
+    }))), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+      title: (0, _utils.formatMessage)({
+        id: 'luckda.lowcode.painter.delete',
+        label: '删除'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      type: "delete",
+      style: {
+        marginRight: '8px',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return handleDelete(action);
+      }
+    })));
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      padding: '0 16px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: type,
+    style: {
+      width: '100%'
+    },
+    onChange: handleTypeChange
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    style: _RADIO_STYLE_,
+    value: "nil"
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".nil"),
+    label: '关闭过滤器'
+  })), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    style: _RADIO_STYLE_,
+    value: "dict"
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".dict"),
+    label: '数据字典'
+  }), type === 'dict' && /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
+    compact: true,
+    style: {
+      marginTop: 4
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small",
+    value: dict === null || dict === void 0 ? void 0 : dict.key,
+    style: {
+      width: '50%'
+    },
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".dict.placeholder"),
+      label: '请输入字典key'
+    }),
+    onChange: function onChange(e) {
+      var key = e.target.value;
+      setDict({
+        key: key
+      });
+      if (dict !== null && dict !== void 0 && dict.field) _onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, dict), {}, {
+        key: key
+      }));
+    }
+  }), /*#__PURE__*/_react.default.createElement(_FieldSelector.default, {
+    style: {
+      width: '50%'
+    },
+    defaultValue: dict === null || dict === void 0 ? void 0 : dict.field,
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".field.placeholder"),
+      label: '请选择过滤字段'
+    }),
+    onChange: function onChange(field) {
+      setDict({
+        field: field
+      });
+      if (dict !== null && dict !== void 0 && dict.key) _onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, dict), {}, {
+        field: field
+      }));
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    style: _RADIO_STYLE_,
+    value: "custom"
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".custom"),
+    label: '自定义项'
+  }), type === 'custom' && /*#__PURE__*/_react.default.createElement(_SortBox.SortBox, {
+    datas: options.map(function (_ref2) {
+      var id = _ref2.id;
+      return id;
+    }),
+    onChange: handleSortChange
+  }, /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditor, {
+    style: {
+      marginTop: 8
+    },
+    addText: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".add"),
+      label: '添加过滤项'
+    }),
+    handleAdd: handleAdd
+  }, options.map(function (opt) {
+    return /*#__PURE__*/_react.default.createElement(_SortBox.SortItem, {
+      key: opt.id,
+      id: opt.id
+    }, /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditorItem, {
+      left: /*#__PURE__*/_react.default.createElement("span", null, opt.label),
+      right: renderItemRight(opt),
+      item: opt,
+      dispatch: dispatch
+    }));
+  })))), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    style: _RADIO_STYLE_,
+    value: "customApi"
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".customApi"),
+    label: '自定义接口'
+  }), type === 'customApi' && /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small",
+    value: apiUrl,
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".dict.placeholder"),
+      label: '请输入接口地址'
+    }),
+    style: {
+      display: 'block',
+      marginTop: 8
+    },
+    suffix: /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+      title: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".customApi.tip"),
+        label: '接口返回数据格式必须是: {mainInfo:{options:[{value: string,label: stirng}], field: string}}'
+      })
+    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      type: "info-circle",
+      style: {
+        color: 'rgba(0,0,0,.45)'
+      }
+    })),
+    onChange: function onChange(e) {
+      var val = e.target.value;
+      setApiUrl(val);
+      _onChange(val);
+    }
+  }))));
+};
+var _default = exports.default = TableTopFilter;

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

@@ -0,0 +1,99 @@
+.lc-painter-panel-action-bind-modal {
+  &-body {
+    width: 100%;
+    height: 460px;
+    display: flex;
+    font-size: 12px;
+
+    &-left {
+      width: 320px;
+
+      .selector-box {
+        width: 100%;
+        height: 420px;
+        border: 1px solid #e8e8e8;
+        border-radius: 6px;
+        display: flex;
+
+        .selector-box-ul {
+          width: 100%;
+          height: 100%;
+          padding: 0;
+          flex-shrink: 0;
+          flex-grow: 0;
+
+          li {
+            height: 28px;
+            line-height: 28px;
+            padding: 0 30px 0 12px;
+            cursor: pointer;
+            position: relative;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            .check-icon {
+              position: absolute;
+              right: 12px;
+              top: 8px;
+              height: 12px;
+              color: #006cff;
+            }
+          }
+          li.active {
+            background: rgba(31, 56, 88, 0.06);
+          }
+        }
+        .selector-box-ul.action-category {
+          width: 120px;
+          border-right: 1px solid #e8e8e8;
+        }
+
+        .selecter-items-box {
+          width: 200px;
+          height: 100%;
+
+          .selecter-items {
+            width: 100%;
+            height: calc(100% - 48px);
+            overflow-y: auto;
+          }
+        }
+      }
+    }
+
+    &-right {
+      margin-left: 12px;
+      flex: 1;
+
+      .code-box {
+        width: 100%;
+        height: 420px;
+        border: 1px solid #e8e8e8;
+        border-radius: 6px;
+        overflow: hidden;
+      }
+    }
+
+    p {
+      height: 32px;
+      font-size: 14px;
+      font-weight: 700;
+      margin-bottom: 8px;
+      color: rgba(0, 0, 0, 0.8);
+      display: flex;
+      -webkit-box-align: center;
+      align-items: center;
+    }
+  }
+
+  :global {
+    .ant-modal-header,
+    .ant-modal-footer {
+      border: none;
+    }
+    .ant-input-sm {
+      font-size: 12px;
+    }
+  }
+}

package/lib/lowcode/painter/style/design.less

@@ -132,7 +132,7 @@
 }
 
 .next-overlay-wrapper {
-  z-index: 9999;
+  z-index: 3000;
   display: flex;
   flex-direction: column;
   & > div > span {

package/lib/lowcode/painter/style/impexp.less

@@ -0,0 +1,7 @@
+.lc-painter-panel-section-impexp {
+  :global {
+    .ant-checkbox-wrapper {
+      font-size: 12px;
+    }
+  }
+}

package/lib/lowcode/painter/style/panel-attrs.less

@@ -0,0 +1,43 @@
+.lc-painter-panel-attrs {
+  position: relative;
+  width: 100%;
+  flex: 1;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 8px 0;
+
+  &-next {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    &-header {
+      height: 28px;
+      background-color: #e8e8e8;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 4px;
+      font-size: 12px;
+    }
+    &-header:hover {
+      background-color: #e3e3e3;
+      cursor: pointer;
+    }
+
+    &-body {
+      flex: 1;
+      overflow-y: auto;
+      background-color: white;
+      padding: 16px 0 8px;
+    }
+  }
+}
+
+.lc-painter-panel-attrs.hidden {
+  display: none;
+}
+
+.lc-painter-panel-attrs.showNext {
+  overflow: hidden;
+}

package/lib/lowcode/painter/style/panel.less

@@ -82,48 +82,17 @@
     }
   }
 
-  &-content {
-    position: relative;
-    width: 100%;
-    flex: 1;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding: 8px 0;
-
-    .next-content {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-
-      &-header {
-        height: 28px;
-        background-color: #e8e8e8;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 0 4px;
-      }
-      &-header:hover {
-        background-color: #e3e3e3;
-        cursor: pointer;
-      }
-
-      &-body {
-        flex: 1;
-        overflow-y: auto;
-        background-color: white;
-        padding: 16px 0 8px;
-      }
-    }
-  }
-  &-content.showNext {
-    overflow: hidden;
-  }
   :global {
     .ant-select .ant-btn {
       width: 170px !important;
       height: 20px;
       line-height: 16px;
     }
+    input,
+    button,
+    .ant-radio-wrapper,
+    .ant-select-sm {
+      font-size: 12px;
+    }
   }
 }

package/lib/lowcode/painter/style/pop-confirm.less

@@ -3,8 +3,15 @@
     .ant-popover-message-title {
       padding: 0;
     }
-    .ant-popover-buttons{
+    .ant-popover-buttons {
       display: none;
     }
   }
-}
+}
+.lc-painter-panel-section-components-popconfirm.show-btn {
+  :global {
+    .ant-popover-buttons {
+      display: block;
+    }
+  }
+}

package/lib/lowcode/view/lc-components/Box/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
@@ -15,10 +16,23 @@ var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index = _interopRequireDefault(require("./index.less"));
 var _helper = require("../../../engine/tools/helper");
 var _boxPropsDefault = _interopRequireDefault(require("../../../engine/meta/box.props.default.json"));
+var Box = _styledComponents.default.div.withConfig({
+  displayName: "Box",
+  componentId: "luckda-6530__sc-19se5zf-0"
+})(["", ""], function (props) {
+  return props.css;
+});
+var _StyledBox = (0, _styledComponents.default)(Box).withConfig({
+  displayName: "_StyledBox",
+  componentId: "luckda-6530__sc-19se5zf-1"
+})(["", ""], function (p) {
+  return p.$_css;
+});
 var LCBox = function LCBox(_ref) {
   var id = _ref.id,
     children = _ref.children,
     className = _ref.className,
+    css = _ref.css,
     style = _ref.style;
   var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
@@ -27,11 +41,12 @@ var LCBox = function LCBox(_ref) {
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_StyledBox, {
     ref: ref,
     className: (0, _classnames.default)(_index.default['lc-component-box'], (0, _defineProperty2.default)({}, className, !!className)),
     style: style,
-    name: "box"
+    name: "box",
+    $_css: css
   }, children));
 };
 LCBox.propTypes = {

package/lib/lowcode/view/lc-components/Box/index.less

@@ -1,5 +1,4 @@
 .lc-component-box {
-  background-color: white;
   &-design.placeholder {
     width: 100%;
     height: 100%;

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

@@ -14,9 +14,7 @@
       "disabled": true
     }
   ],
-  "style": {
-    "height": "60px"
-  },
+  "css": "height:60px; width: auto; background-color: #fff;",
   "advance": {
     "events": [
       {

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

@@ -101,7 +101,7 @@
       "default": "hidden"
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {
     "events": [
       {

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

@@ -14,7 +14,7 @@
       "disabled": true
     },
     {
-      "key": "dateset",
+      "key": "dataset",
       "name": "首次数据自动加载",
       "desc": "选择系统中的可用树形数据集",
       "type": "_DataSetSelector"
@@ -94,7 +94,6 @@
       "type": "_ActionSelector"
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {

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

@@ -83,7 +83,6 @@
       "type": "_ActionSelector"
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {

package/lib/lowcode/view/lc-components/Drawer/index.js

@@ -38,9 +38,25 @@ var LCDrawer = function LCDrawer(_ref) {
   });
   (0, _react.useImperativeHandle)(apiRef, function () {
     return {
+      /**
+       * 是否打开
+       * @property
+       */
       open: open,
+      /**
+       * 打开弹窗
+       * @method
+       */
       doOpen: setTrue,
+      /**
+       * 关闭弹窗
+       * @method
+       */
       doClose: setFalse,
+      /**
+       * @method
+       * 切换弹窗
+       */
       toggle: toggle
     };
   });

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

@@ -94,7 +94,6 @@
       "type": "_ActionSelector"
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {