@zat-design/sisyphus-react 3.0.13

package/lib/ProEditLabel/style/index.less

@@ -0,0 +1,105 @@
+.pro-edit-label {
+  display: inline-block;
+
+  .pro-form-view-container {
+    word-break: break-all;
+    display: inline-block;
+  }
+
+  &.trigger-hover {
+    .anticon-edit {
+      display: none;
+    }
+
+    &:hover {
+      .anticon-edit {
+        display: block;
+      }
+    }
+
+  }
+
+  .anticon-edit {
+    color      : #D8D8D8;
+    margin-left: var(--zaui-space-size-sm, 8px);
+    cursor     : pointer;
+    padding    : 4px;
+
+    &:hover {
+      color: var(--zaui-brand, #006AFF);
+    }
+
+    &:active {
+      background   : #E3E8F0;
+      border-radius: var(--zaui-border-radius-card, 2px);
+    }
+  }
+
+  &.pro-edit-label-small {
+    height: 24px;
+  }
+
+  &.pro-edit-label-middle {
+    height: 32px;
+  }
+
+  &.pro-edit-label-large {
+    height: 40px;
+  }
+
+}
+
+.ant-popover {
+  z-index: 1029 !important;
+
+  .pro-edit-label-title {
+    font-size    : 16px;
+    font-weight  : 500;
+    color        : #343434;
+    margin-bottom: var(--zaui-space-size-sm, 8px);
+  }
+
+  .pro-edit-label-tip {
+    max-width    : 300px;
+    margin-bottom: var(--zaui-space-size-md, 16px);
+    color        : #666;
+
+    .anticon-info-circle {
+      font-size   : var(--zaui-font-size-lg, 16px);
+      margin-right: var(--zaui-space-size-sm, 8px);
+      color       : var(--zaui-warning, #EC9131);
+      margin-top  : 4px;
+    }
+  }
+
+  .pro-edit-label-popup {
+    min-width: 300px;
+
+    .pro-form {
+      width: 100%;
+
+      &.pro-form-no-label {
+        .ant-form-item-label {
+          display: none;
+        }
+      }
+    }
+
+    .ant-col-10 {
+      width        : var(--zaui-form-label-width, 128px);
+      max-width    : var(--zaui-form-label-width, 128px);
+      text-align   : var(--zaui-form-align, left);
+      white-space  : pre-wrap;
+      line-height  : 1;
+      overflow     : initial;
+      box-sizing   : border-box;
+      padding-right: var(--zaui-space-size-md, 16px);
+    }
+
+  }
+
+  .ant-select {
+    width: 100%;
+  }
+
+}

package/lib/ProEditLabel/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Input TextArea 移除前后空格
+ * @param type 组件类型
+ * @param trim 是否移除前后空格
+ * @returns {}
+ */
+export declare const isTrim: (type: string, trim: boolean) => any;
+export declare const isNullValue: (value: any) => boolean;
+export declare const isNullArray: (value: any, length: any) => boolean;

package/lib/ProEditLabel/utils/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTrim = exports.isNullValue = exports.isNullArray = void 0;
+/**
+ * Input TextArea 移除前后空格
+ * @param type 组件类型
+ * @param trim 是否移除前后空格
+ * @returns {}
+ */
+var isTrim = function isTrim(type, trim) {
+  var result = {};
+  if (['Input', 'TextArea'].includes(type) && trim) {
+    result.getValueFromEvent = function (event) {
+      return event.target.value.trim();
+    };
+  }
+  return result;
+};
+// 判断一个字段值是否算空
+exports.isTrim = isTrim;
+var nullList = [undefined, 'null', '""', '[]'];
+var isNullValue = function isNullValue(value) {
+  return nullList.includes(JSON.stringify(value));
+};
+// 判断数组是否算空
+exports.isNullValue = isNullValue;
+var isNullArray = function isNullArray(value, length) {
+  if (Array.isArray(value)) {
+    for (var i = 0; i < length; i++) {
+      if (isNullValue(value[i])) {
+        return true;
+      }
+    }
+    return false;
+  }
+  return !value;
+};
+exports.isNullArray = isNullArray;

package/lib/ProEditTable/components/ActionButton/index.d.ts

@@ -0,0 +1,2 @@
+declare const ActionButton: ({ record, index, config, btnConfig }: any) => JSX.Element;
+export default ActionButton;

package/lib/ProEditTable/components/ActionButton/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+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 _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _lodash = require("lodash");
+// 渲染操作按钮
+var ActionButton = function ActionButton(_ref) {
+  var _editingKeys$includes;
+  var record = _ref.record,
+    index = _ref.index,
+    config = _ref.config,
+    btnConfig = _ref.btnConfig;
+  var virtualKey = config.virtualKey,
+    editingKeys = config.editingKeys,
+    selectedRowKeys = config.selectedRowKeys,
+    deletePoConfirmMsg = config.deletePoConfirmMsg,
+    mulDeletePoConfirmMsg = config.mulDeletePoConfirmMsg;
+  // 操作按钮权限控制
+  var getShow = function getShow(show) {
+    if (typeof show === 'function') {
+      return show(record, index);
+    }
+    return show;
+  };
+  var deleteMsgMap = {
+    delete: deletePoConfirmMsg,
+    mulDelete: mulDeletePoConfirmMsg
+  };
+  // 判断当前行是否正在编辑
+  var isEditing = !virtualKey || btnConfig.isEditable === (editingKeys === null || editingKeys === void 0 ? void 0 : (_editingKeys$includes = editingKeys.includes) === null || _editingKeys$includes === void 0 ? void 0 : _editingKeys$includes.call(editingKeys, record === null || record === void 0 ? void 0 : record.rowKey));
+  // 单行删除、多行删除按钮Props
+  var delBtnProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, btnConfig.buttonProps), {}, {
+    disabled: !selectedRowKeys.length && btnConfig.type === 'mulDelete'
+  });
+  // 其他操作按钮Props
+  var actionBtnProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, btnConfig.buttonProps), {}, {
+    onClick: function onClick() {
+      btnConfig.onClick(record, index);
+    }
+  });
+  // 当传入函数时，先转成reactNode
+  if ((0, _lodash.isFunction)(btnConfig.label)) {
+    btnConfig.label = /*#__PURE__*/_react.default.createElement(btnConfig.label, null);
+  }
+  return isEditing && getShow(btnConfig.show) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ['delete', 'mulDelete'].includes(btnConfig.type) ? /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, {
+    placement: "topRight",
+    title: deleteMsgMap[btnConfig.type],
+    onConfirm: function onConfirm() {
+      btnConfig.onClick(record, index);
+    },
+    disabled: !selectedRowKeys.length && btnConfig.type === 'mulDelete',
+    okText: "\u786E\u8BA4",
+    cancelText: "\u53D6\u6D88"
+  }, /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+    record: record,
+    index: index
+  })) : /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
+    type: "link"
+  }), btnConfig.label)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
+    record: record,
+    index: index
+  })) : /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: "action-button"
+  }, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
+    type: "link"
+  }), btnConfig.label))) : null;
+};
+var _default = ActionButton;
+exports.default = _default;

package/lib/ProEditTable/components/DndWrapper/index.d.ts

@@ -0,0 +1,14 @@
+import React, { FC } from 'react';
+interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    'data-row-key': string;
+    disabled?: boolean;
+}
+export declare const Row: FC<RowProps>;
+declare const DndWrapper: ({ draggable, value, onChange, disabled, children, }: {
+    draggable: any;
+    value: any;
+    onChange: any;
+    disabled: any;
+    children: any;
+}) => any;
+export default DndWrapper;

package/lib/ProEditTable/components/DndWrapper/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Row = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _utilities = require("@dnd-kit/utilities");
+var _reactSvg = require("react-svg");
+var _drag = _interopRequireDefault(require("../../../assets/drag.svg"));
+var _excluded = ["disabled", "children"];
+var Row = function Row(props) {
+  var disabled = props.disabled,
+    children = props.children,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var data = (0, _sortable.useSortable)({
+    id: props['data-row-key'],
+    disabled: disabled
+  });
+  var attributes = data.attributes,
+    listeners = data.listeners,
+    setNodeRef = data.setNodeRef,
+    transform = data.transform,
+    transition = data.transition,
+    isDragging = data.isDragging;
+  var style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.style), {}, {
+    transform: _utilities.CSS.Transform.toString(transform && (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
+      scaleY: 1
+    })),
+    transition: transition
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 9999
+  } : {});
+  return /*#__PURE__*/_react.default.createElement("tr", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    ref: setNodeRef,
+    style: style
+  }, attributes), _react.default.Children.map(children, function (child) {
+    if (child.key === 'SORT') {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        children: /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, (0, _objectSpread2.default)({
+          style: {
+            touchAction: 'none',
+            cursor: disabled ? 'no-drop' : 'move'
+          },
+          className: "drag-handle",
+          src: _drag.default
+        }, listeners))
+      });
+    }
+    return child;
+  }));
+};
+exports.Row = Row;
+var DndWrapper = function DndWrapper(_ref) {
+  var _value$;
+  var draggable = _ref.draggable,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    children = _ref.children;
+  var onDragEnd = function onDragEnd(_ref2) {
+    var active = _ref2.active,
+      over = _ref2.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      var activeIndex = value.findIndex(function (i) {
+        return i.rowKey === active.id;
+      });
+      var overIndex = value.findIndex(function (i) {
+        return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
+      });
+      var nextValue = (0, _sortable.arrayMove)(value, activeIndex, overIndex);
+      onChange(nextValue);
+    }
+  };
+  return draggable && !disabled ? /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    onDragEnd: onDragEnd
+  }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
+      return i.rowKey;
+    }) : [],
+    strategy: _sortable.verticalListSortingStrategy
+  }, children)) : children;
+};
+var _default = DndWrapper;
+exports.default = _default;

package/lib/ProEditTable/components/RenderField/index.d.ts

@@ -0,0 +1,2 @@
+declare const RenderField: ({ text: value, record, index, column, config }: any) => JSX.Element;
+export default RenderField;