@luck-design-biz/luckda 1.0.1 → 1.0.2

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

@@ -1,3 +1,7 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
+@colorful-prefix: ~'@{luck-ant-prefix}-colorful';
+
 .lc-painter-panel-attrs {
   position: relative;
   width: 100%;
@@ -13,7 +17,7 @@
 
     &-header {
       height: 28px;
-      background-color: #e8e8e8;
+      background-color: var(~'--@{colorful-prefix}-primary-dark-2',#e8e8e8);
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -21,14 +25,14 @@
       font-size: 12px;
     }
     &-header:hover {
-      background-color: #e3e3e3;
+      background-color: var(~'--@{colorful-prefix}-primary-dark-1',#e3e3e3);
       cursor: pointer;
     }
 
     &-body {
       flex: 1;
       overflow-y: auto;
-      background-color: white;
+      background-color: @component-background;
       padding: 16px 0 8px;
     }
   }

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

@@ -1,11 +1,13 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-panel {
   position: relative;
   width: 320px;
   height: 100%;
-  border-left: 1px solid #e8e8e8;
+  border-left: 1px solid @border-color-base;
   display: flex;
   flex-direction: column;
-  background-color: #fff;
+  background-color: @component-background;
 
   &-empty {
     position: absolute;
@@ -25,8 +27,8 @@
     width: 100%;
     height: 40px;
     padding: 8px 16px;
-    border-bottom: 1px solid #e3e3e3;
-    background-color: white;
+    border-bottom: 1px solid @border-color-base;
+    background-color: @component-background;
     display: flex;
     align-items: center;
     .active-node-level:hover {
@@ -52,11 +54,11 @@
         align-items: center;
 
         &:hover {
-          color: #363636;
+          color: @text-color;
         }
 
         &.actived {
-          color: #363636;
+          color: @text-color;
         }
 
         & > i {
@@ -66,7 +68,7 @@
 
       :global {
         li#header-active {
-          color: #363636;
+          color: @text-color;
           position: relative;
         }
       }

package/es/lowcode/painter/style/radio.less

@@ -18,7 +18,7 @@
     cursor: pointer;
 
     &.active{
-      background-color: #ffffff;
+      background-color: @layout-body-background;
     }
   }
 }

package/es/lowcode/painter/style/ribbon.less

@@ -1,5 +1,7 @@
+@import '~@luck-helper/ui-design/es/style/themes/default.less';
+
 .lc-painter-ribbon {
-  border-right: 1px solid #e8e8e8;
+  border-right: 1px solid @border-color-base;
   font-size: 16px;
-  background-color: #fff;
+  background-color: @component-background;
 }

package/es/lowcode/painter/svg/code.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.5035 1.79414C4.42118 1.72813 4.32661 1.67906 4.22524 1.64976C4.12387 1.62045 4.01771 1.61149 3.91286 1.62339C3.80802 1.63529 3.70656 1.66781 3.61434 1.71908C3.52211 1.77035 3.44094 1.83936 3.3755 1.92214L0.1755 5.92214C0.0618975 6.06403 0 6.24037 0 6.42214C0 6.6039 0.0618975 6.78025 0.1755 6.92214L3.3755 10.9221C3.51047 11.0802 3.70166 11.1795 3.90858 11.1991C4.11551 11.2187 4.32192 11.1569 4.48412 11.0269C4.64632 10.897 4.75157 10.709 4.77759 10.5028C4.8036 10.2966 4.74834 10.0883 4.6235 9.92214L1.8235 6.41814L4.6235 2.91414C4.75521 2.74934 4.8165 2.5392 4.79403 2.32944C4.77155 2.11968 4.66713 1.92729 4.5035 1.79414ZM15.8235 5.92214L12.6235 1.92214C12.4885 1.76407 12.2973 1.66475 12.0904 1.64518C11.8835 1.62562 11.6771 1.68736 11.5149 1.81733C11.3527 1.94729 11.2474 2.13529 11.2214 2.3415C11.1954 2.54771 11.2507 2.75596 11.3755 2.92214L14.1755 6.41814L11.3755 9.92214C11.2507 10.0883 11.1954 10.2966 11.2214 10.5028C11.2474 10.709 11.3527 10.897 11.5149 11.0269C11.6771 11.1569 11.8835 11.2187 12.0904 11.1991C12.2973 11.1795 12.4885 11.0802 12.6235 10.9221L15.8235 6.92214C15.9371 6.78025 15.999 6.6039 15.999 6.42214C15.999 6.24037 15.9371 6.06403 15.8235 5.92214ZM9.3675 0.0181372C9.26453 -0.00417057 9.15816 -0.0059185 9.05451 0.012994C8.95086 0.0319064 8.85197 0.0711067 8.76352 0.128344C8.67506 0.185581 8.59878 0.259728 8.53905 0.346526C8.47933 0.433325 8.43734 0.531066 8.4155 0.634137L6.0155 11.8341C5.98836 11.9393 5.98292 12.0489 5.99952 12.1563C6.01612 12.2636 6.0544 12.3664 6.11204 12.4585C6.16967 12.5506 6.24546 12.63 6.33476 12.6918C6.42407 12.7536 6.52504 12.7966 6.6315 12.8181H6.7995C6.98554 12.8223 7.1672 12.7614 7.31322 12.6461C7.45923 12.5307 7.56047 12.3681 7.5995 12.1861L9.9995 0.986137C10.024 0.880931 10.027 0.771846 10.0082 0.665463C9.98944 0.559079 9.94932 0.457599 9.89026 0.367144C9.8312 0.276688 9.75444 0.199131 9.66459 0.139149C9.57475 0.0791663 9.47369 0.0380017 9.3675 0.0181372Z" fill="currentColor"/>
+</svg>

package/es/lowcode/painter/svg/expect.svg

@@ -0,0 +1,9 @@
+<svg width="129" height="101" viewBox="0 0 129 101" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <rect width="129" height="101" fill="url(#pattern0_23_219)"/>
+    <defs>
+        <pattern id="pattern0_23_219" patternContentUnits="objectBoundingBox" width="1" height="1">
+            <use xlink:href="#image0_23_219" transform="matrix(0.00526316 0 0 0.00672225 0 -0.000807712)"/>
+        </pattern>
+        <image id="image0_23_219" width="190" height="149" xlink:href="data:image/png;base64,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"/>
+    </defs>
+</svg>

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

@@ -1,21 +1,490 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id"];
-import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useRef, useImperativeHandle, forwardRef, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { useMemoizedFn, useCreation } from 'ahooks';
+import classNames from 'classnames';
+import { isNil, keyBy } from 'lodash';
+import { Modal, recheck, IconFont } from '@luck-design-biz/base';
+import { useContext } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
-var LCCardList = function LCCardList(_ref) {
+import { LdCard, LDActions } from "../../../../index";
+import TopFilter from "../Table/components/TopFilter";
+import { omitBadProps, executeCode } from "../../../engine/tools/helper";
+import useCombinedRefs from "../../../engine/tools/useCombinedRefs";
+import defaultMeta from "../../../engine/meta/cardlist.props.default.json";
+import { LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT } from "../../../constants";
+var LCCardList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var ref = useRef();
+    className = _ref.className,
+    dataset = _ref.dataset,
+    readOnly = _ref.readOnly,
+    draggable = _ref.draggable,
+    col = _ref.col,
+    autoLoad = _ref.autoLoad,
+    pagination = _ref.pagination,
+    topActionGroup = _ref.topActionGroup,
+    topFilter = _ref.topFilter,
+    actions = _ref.actions,
+    suppressActions = _ref.suppressActions,
+    advance = _ref.advance,
+    showAddCard = _ref.showAddCard,
+    addCardHeight = _ref.addCardHeight,
+    addCardWords = _ref.addCardWords,
+    rowSelection = _ref.rowSelection,
+    disabledCheckbox = _ref.disabledCheckbox,
+    batchOperations = _ref.batchOperations,
+    pageSize = _ref.pageSize,
+    nocardBoxborder = _ref.nocardBoxborder,
+    showAvatar = _ref.showAvatar,
+    avatarUrl = _ref.avatarUrl,
+    showTitle = _ref.showTitle,
+    showDesc = _ref.showDesc,
+    renderTitle = _ref.renderTitle,
+    renderDescribe = _ref.renderDescribe,
+    renderContent = _ref.renderContent,
+    describeLines = _ref.describeLines;
+  var ctx = useContext();
+  var apiRef = useRef();
+  var wrapperRef = useRef();
+  var instanceRef = useCombinedRefs(ref);
+  useImperativeHandle(apiRef, function () {
+    return {
+      /**
+       * 获取表格实例
+       * @method
+       */
+      getInstance: function getInstance() {
+        return instanceRef.current;
+      },
+      /**
+       * 刷新表格
+       * @method
+       */
+      refresh: function refresh() {
+        var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+        return instanceRef.current.onLdQuery(init ? {
+          removeAll: {
+            operate: 'removeAll'
+          }
+        } : null);
+      }
+    };
+  });
+  var onActionClick = useMemoizedFn(function (action, props) {
+    var doAction = function doAction() {
+      ctx.doAction(action.actionPool, props);
+    };
+    if (action.riskLevel === 'danger') {
+      Modal.confirm({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        onOk: doAction
+      });
+    } else if (action.riskLevel === 'destroy') {
+      recheck({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        checkWords: "\u6267\u884C".concat(action.name),
+        onOk: doAction
+      });
+    } else {
+      doAction();
+    }
+  });
+  var _cardActions = useCreation(function () {
+    return suppressActions ? [] : actions.todoList.map(function (action) {
+      return {
+        key: action.id,
+        resource: action.serialEffect === "hidden" ? action.serial : null,
+        title: action.name,
+        iconNode: action.icon ? /*#__PURE__*/React.createElement(IconFont, {
+          type: action.icon
+        }) : action.name,
+        onClick: function onClick(data, e) {
+          return onActionClick(action, {
+            data: data,
+            e: e
+          });
+        },
+        style: action.riskLevel === 'default' ? null : {
+          color: {
+            danger: '#ff7875',
+            destroy: '#ff4d4f'
+          }[action.riskLevel]
+        },
+        disabled: action.serialEffect === "disable"
+      };
+    });
+  }, [suppressActions, actions]);
+  var _batchOperations = useCreation(function () {
+    return rowSelection && !readOnly ? batchOperations.todoList.map(function (action) {
+      return {
+        key: action.id,
+        wanted: action.serialEffect === "hidden" ? action.serial : null,
+        title: action.name,
+        style: action.riskLevel === 'default' ? null : {
+          color: {
+            danger: '#ff7875',
+            destroy: '#ff4d4f'
+          }[action.riskLevel]
+        },
+        disabled: action.serialEffect === "disable"
+      };
+    }) : [];
+  }, [rowSelection, batchOperations, readOnly]);
+  var batchOperationsByKey = useCreation(function () {
+    return keyBy(batchOperations.todoList, 'id');
+  }, [batchOperations.todoList]);
+  var handleBatchOperationsClick = useMemoizedFn(function (key, data) {
+    var action = batchOperationsByKey[key];
+    if (action) onActionClick(action, {
+      data: data
+    });
+  });
+  var renderFunctionArea = useCallback(function () {
+    var _topActionGroup$todoL;
+    var resultComp = [];
+    if (!!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length)) {
+      resultComp.push( /*#__PURE__*/React.createElement(LDActions, _extends({}, topActionGroup, {
+        doAction: function doAction(action) {
+          return ctx.doAction(action, {
+            instance: instanceRef.current,
+            datasetCode: dataset.code
+          });
+        }
+      })));
+    }
+    return resultComp;
+  }, [topActionGroup]);
+  var renderFilterArea = useCallback(function () {
+    return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
+      filter: topFilter,
+      instance: instanceRef
+    }) : null;
+  }, [topFilter]);
+  var handleOperationsClick = useMemoizedFn(function (key, data, e) {
+    switch (key) {
+      case 'read':
+        ctx.doAction(advance.events.onCardClick, {
+          data: data,
+          e: e
+        });
+        break;
+      case 'delete':
+        ctx.doAction(advance.events.onCardDelete, {
+          data: data,
+          e: e
+        });
+        break;
+      default:
+        ;
+    }
+  });
+  var getCheckboxDisabled = useMemoizedFn(function (record) {
+    if (isNil(disabledCheckbox)) return false;
+    return executeCode(ctx, disabledCheckbox, ['record'], record);
+  });
+  var getCheckboxProps = useMemoizedFn(function (record) {
+    return {
+      disabled: getCheckboxDisabled(record)
+    };
+  });
+  var _avatarUrl = useMemoizedFn(function (record) {
+    if (isNil(avatarUrl)) return null;
+    return executeCode(ctx, avatarUrl, ['record'], record);
+  });
+  var _renderTitle = useMemoizedFn(function (record) {
+    if (isNil(renderTitle)) return record.sname;
+    return executeCode(ctx, renderTitle, ['record'], record);
+  });
+  var _renderDescribe = useMemoizedFn(function (record) {
+    if (isNil(renderDescribe)) return record.describe;
+    return executeCode(ctx, renderDescribe, ['record'], record);
+  });
+  var _renderContent = useMemoizedFn(function (record) {
+    if (isNil(renderContent)) return null;
+    return executeCode(ctx, renderContent, ['record'], record);
+  });
+  var handleMount = useMemoizedFn(function (params) {
+    ctx.doAction(advance.events.onMount, {
+      params: params
+    });
+  });
+  var handleUnmount = useMemoizedFn(function () {
+    ctx.doAction(advance.events.onUnmount);
+  });
+  var handleAdd = useMemoizedFn(function () {
+    ctx.doAction(advance.events.onAddCardClick);
+  });
+  var handleDrop = useMemoizedFn(function (_ref2) {
+    var dragNodeProps = _ref2.dragNodeProps,
+      targetNodeProps = _ref2.targetNodeProps,
+      evt = _ref2.evt;
+    ctx.doAction(advance.events.onDrop, {
+      dragNodeProps: dragNodeProps,
+      targetNodeProps: targetNodeProps,
+      evt: evt
+    });
+  });
+  var events = useCreation(function () {
+    if (advance !== null && advance !== void 0 && advance.events) {
+      var _events = {};
+      if (advance.events.onMount) _events.onMount = handleMount;
+      if (advance.events.onUnmount) _events.onUnmount = handleUnmount;
+      if (advance.events.onAddCardClick) _events.onAdd = handleAdd;
+      if (advance.events.onDrop) _events.onDrop = handleDrop;
+      return _events;
+    }
+    return {};
+  }, [advance === null || advance === void 0 ? void 0 : advance.events]);
+  var _wrapperProps = useCreation(function () {
+    return _defineProperty({
+      id: id
+    }, LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT);
+  }, []);
   var getTargetDom = useMemoizedFn(function () {
-    return ref.current;
+    return wrapperRef.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     displayName: "CardList",
-    getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, "LCCardList"));
+    getTargetDom: getTargetDom,
+    api: apiRef
+  }, /*#__PURE__*/React.createElement(LdCard, _extends({
+    ref: instanceRef,
+    wrapper: wrapperRef,
+    wrapperProps: _wrapperProps,
+    _loading: ctx.loading,
+    className: classNames(_defineProperty({}, className, !!className)),
+    ldId: id,
+    dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
+    readOnly: readOnly,
+    isFlow: !pagination,
+    draggable: draggable,
+    col: col,
+    suppressInit: !autoLoad,
+    renderFunctionArea: renderFunctionArea,
+    renderFilterArea: renderFilterArea,
+    cardActions: _cardActions,
+    maxActionsCount: actions === null || actions === void 0 ? void 0 : actions.max,
+    onOperationsClick: handleOperationsClick,
+    renderAddCard: showAddCard ? addCardWords : false,
+    AddCardHeight: addCardHeight,
+    rowSelection: rowSelection && !readOnly ? {
+      getCheckboxProps: getCheckboxProps
+    } : false,
+    batchOperations: _batchOperations,
+    onBatchOperationsClick: handleBatchOperationsClick,
+    overModel: {
+      pageSize: pageSize
+    },
+    cardConfig: {
+      nocardBoxborder: nocardBoxborder,
+      showAvatar: showAvatar,
+      avatarUrl: _avatarUrl,
+      showTitle: showTitle,
+      showDesc: showDesc,
+      describeLines: describeLines,
+      renderTitle: _renderTitle,
+      renderDescribe: _renderDescribe,
+      renderContent: _renderContent
+    }
+  }, events)));
+});
+LCCardList.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: PropTypes.string.isRequired,
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
+   */
+  dataset: PropTypes.shape({
+    code: PropTypes.string.isRequired,
+    uid: PropTypes.string.isRequired
+  }),
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
+   */
+  autoLoad: PropTypes.bool,
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
+   */
+  readOnly: PropTypes.bool,
+  /**
+   * @name 列数
+   * @type number
+   * @default 4
+   */
+  col: PropTypes.number,
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
+   */
+  suppressActions: PropTypes.bool,
+  /**
+   * @name 拖拽排序
+   * @type switch
+   * @default false
+   */
+  draggable: PropTypes.bool,
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   * @default {"max": 3, "moreText": "更多操作", "todoList": []}
+   */
+  actions: PropTypes.shape({
+    max: PropTypes.number,
+    moreText: PropTypes.string,
+    todoList: PropTypes.array
+  }),
+  /**
+   * @name 顶部操作
+   * @type _ActionGroup
+   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
+   */
+  topActionGroup: PropTypes.shape({
+    display: PropTypes.oneOf(['text', 'button']),
+    max: PropTypes.number,
+    moreText: PropTypes.string,
+    todoList: PropTypes.array
+  }),
+  /**
+   * @name 顶部过滤器
+   * @type _TableTopFilter
+   */
+  topFilter: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.shape({
+    options: PropTypes.array.isRequired,
+    field: PropTypes.string.isRequired
+  })]),
+  /**
+   * @name 展示新增卡片
+   * @type switch
+   * @default false
+   */
+  showAddCard: PropTypes.bool,
+  /**
+   * @name 新增卡片高度
+   * @type number
+   * @default 240
+   */
+  addCardHeight: PropTypes.number,
+  /**
+   * @name 新增卡片内容
+   * @type string
+   * @disabled "新建"
+   */
+  addCardWords: PropTypes.string,
+  /**
+   * @name 开启选择器
+   * @type switch
+   * @default false
+   */
+  rowSelection: PropTypes.bool,
+  /**
+   * @name 不可选卡片
+   * @type _JSEditor
+   * @default "function disabledCheckbox(record) { \n return false; \n}"
+   */
+  disabledCheckbox: PropTypes.string,
+  /**
+   * @name 卡片操作项
+   * @type _ActionsEditor
+   */
+  batchOperations: PropTypes.shape({
+    todoList: PropTypes.array.isRequired
+  }),
+  /**
+   * @name 无边框风格
+   * @type switch
+   * @default false
+   */
+  nocardBoxborder: PropTypes.bool,
+  /**
+   * @name 显示图标
+   * @type switch
+   * @default true
+   */
+  showAvatar: PropTypes.bool,
+  /**
+   * @name 图标地址
+   * @type _JSEditor
+   * @default "function avatarUrl(record) { \n return null; \n}"
+   */
+  avatarUrl: PropTypes.string,
+  /**
+   * @name 显示标题
+   * @type switch
+   * @default true
+   */
+  showTitle: PropTypes.bool,
+  /**
+   * @name 标题内容
+   * @type _JSEditor
+   * @default "function renderTitle(record) { \n return record.sname; \n}"
+   */
+  renderTitle: PropTypes.string,
+  /**
+   * @name 显示描述
+   * @type switch
+   * @default true
+   */
+  showDesc: PropTypes.bool,
+  /**
+   * @name 描述最大展示行
+   * @type number
+   * @default 2
+   */
+  describeLines: PropTypes.number,
+  /**
+   * @name 描述内容
+   * @type _JSEditor
+   * @default "function renderDescribe(record) { \n return record.describe; \n}"
+   */
+  renderDescribe: PropTypes.string,
+  /**
+   * @name 自定义
+   * @type _JSEditor
+   * @default "function renderContent(record) { \n return null; \n}"
+   */
+  renderContent: PropTypes.string,
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   */
+  pagination: PropTypes.bool,
+  /**
+   * @name 每页行数
+   * @type number
+   * @default 40
+   */
+  pageSize: PropTypes.number,
+  /**
+   * @name 组件首次渲染时
+   * @type _JSEditor
+   */
+  onMount: PropTypes.string,
+  /**
+   * @name 组件卸载时
+   * @type _JSEditor
+   */
+  onUnmount: PropTypes.string,
+  /**
+   * @name 新增卡片点击时
+   * @type _JSEditor
+   */
+  onAddCardClick: PropTypes.string
 };
+LCCardList.defaultProps = omitBadProps(defaultMeta);
 export default LCCardList;