@zat-design/sisyphus-react 3.14.0-beta.2 → 4.0.0-beta.10

package/lib/old/ProEditableTable/style/index.less

@@ -1,75 +0,0 @@
-.pro-editable {
-  .ant-table-cell {
-    .table-title-required::before {
-      display     : inline-block;
-      margin-right: 4px;
-      color       : #ff5050;
-      font-size   : var(--zaui-font-size, 14px);
-      line-height : 1;
-      content     : '*';
-    }
-
-    .ant-form-item {
-      margin-bottom: 0px;
-    }
-  }
-
-  .ant-table.ant-table-bordered>.ant-table-container {
-    border: 0;
-  }
-
-  .ant-table-thead>tr>th {
-    white-space     : nowrap;
-    background-color: #f6f7f8;
-    border          : 0;
-  }
-
-  .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
-    height: 0;
-  }
-
-  .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
-    border-top   : 0;
-    border-right : 0;
-    border-bottom: 0;
-  }
-
-  .ant-table-tbody>tr:not(.ant-table-measure-row)>td {
-    padding       : var(--zaui-space-size-md, 16px);
-    vertical-align: top;
-    border-bottom : 0;
-  }
-
-  .ant-btn-link[disabled] {
-    color: var(--zaui-disabled-text);
-  }
-
-  .ant-space {
-    gap: var(--zaui-space-size-sm, 8px);
-
-    .ant-btn-link {
-      padding: 0 var(--zaui-space-size-xs, 4px);
-
-      &:first-child {
-        padding-left: 0;
-      }
-    }
-  }
-
-  .com-empty {
-    text-align: center;
-
-    .empty-img {
-      width : 80px;
-      height: 80px;
-    }
-
-    .empty-text {
-      margin-top: var(--zaui-space-size-md, 16px);
-
-      .ant-btn-link {
-        padding: 0;
-      }
-    }
-  }
-}

package/lib/old/ProEditableTable/utils.d.ts

@@ -1,29 +0,0 @@
-import type { Moment } from 'moment';
-import { IRowDataPropsType } from './propsType';
-export declare const rangePickerTransform: (formatter?: string) => {
-    normalize: (value: [Moment, Moment]) => {
-        from?: undefined;
-        to?: undefined;
-    } | {
-        from: string;
-        to: string;
-    };
-    getValueProps: (value: {
-        from: string;
-        to: string;
-    }) => {
-        format: string;
-        value: Moment[];
-    };
-    getValueFromEvent: (rawDate?: any) => any;
-};
-export declare const datePickerTransform: (formatter?: string) => {
-    normalize: (value: Moment) => string;
-    getValueProps: (value: string) => {
-        format: string;
-        value: Moment;
-    };
-};
-export declare const transformColumns: (columns: any[], form: any, disabled: Boolean) => any[];
-export declare const formatList: (list: IRowDataPropsType[]) => IRowDataPropsType[];
-export declare const getRandom: () => string;

package/lib/old/ProEditableTable/utils.js

@@ -1,329 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transformColumns = exports.rangePickerTransform = exports.getRandom = exports.formatList = exports.datePickerTransform = void 0;
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-require("antd/es/switch/style");
-var _switch = _interopRequireDefault(require("antd/es/switch"));
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-require("antd/es/radio/style");
-var _radio = _interopRequireDefault(require("antd/es/radio"));
-require("antd/es/cascader/style");
-var _cascader = _interopRequireDefault(require("antd/es/cascader"));
-require("antd/es/input-number/style");
-var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
-require("antd/es/date-picker/style");
-var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
-require("antd/es/select/style");
-var _select = _interopRequireDefault(require("antd/es/select"));
-var _lodash = require("lodash");
-var _moment2 = _interopRequireDefault(require("moment"));
-var _components = require("../../ProForm/components");
-var _jsxRuntime = require("react/jsx-runtime");
-var Option = _select.default.Option;
-var RangePicker = _datePicker.default.RangePicker;
-var TextArea = _input.default.TextArea;
-
-// 时间转换
-var rangePickerTransform = exports.rangePickerTransform = function rangePickerTransform() {
-  var formatter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'YYYY-MM-DD';
-  return {
-    normalize: value => {
-      if (!value) {
-        return {};
-      }
-      var _value = (0, _slicedToArray2.default)(value, 2),
-        from = _value[0],
-        to = _value[1];
-      return {
-        from: (from === null || from === void 0 ? void 0 : from.startOf('day').format(formatter)) || null,
-        to: (to === null || to === void 0 ? void 0 : to.endOf('day').format(formatter)) || null
-      };
-    },
-    getValueProps: value => {
-      var _ref = value || {},
-        from = _ref.from,
-        to = _ref.to;
-      return {
-        format: formatter,
-        value: [from ? (0, _moment2.default)(from) : null, to ? (0, _moment2.default)(to) : null]
-      };
-    },
-    getValueFromEvent: function getValueFromEvent() {
-      var rawDate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      return rawDate;
-    }
-  };
-};
-
-// 时间转换
-var datePickerTransform = exports.datePickerTransform = function datePickerTransform() {
-  var formatter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'YYYY-MM-DD';
-  return {
-    normalize: value => {
-      var _moment;
-      return value ? (_moment = (0, _moment2.default)(value)) === null || _moment === void 0 ? void 0 : _moment.format(formatter) : null;
-    },
-    getValueProps: value => {
-      return {
-        format: formatter,
-        value: value ? (0, _moment2.default)(value) : null
-      };
-    }
-  };
-};
-var FormItemComponent = props => {
-  var name = props.name,
-    formItemProps = props.formItemProps,
-    formChildrenProps = props.formChildrenProps,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'input' : _props$type;
-  var dateProps = {};
-  // 时间提前转换
-  if (['DatePicker', 'RangePicker'].includes(type)) {
-    if (type === 'DatePicker') {
-      dateProps = datePickerTransform(formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.format);
-    }
-    if (type === 'RangePicker') {
-      dateProps = rangePickerTransform(formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.format);
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-    name: name
-  }, dateProps), formItemProps), {}, {
-    children: (() => {
-      var element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread2.default)({}, formChildrenProps));
-      switch (type) {
-        case 'Input':
-          element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, (0, _objectSpread2.default)({
-            allowClear: true,
-            autoComplete: "off",
-            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || `请输入${(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''}`,
-            maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 200
-          }, formChildrenProps));
-          break;
-        case 'InputNumber':
-          element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber.default, (0, _objectSpread2.default)({
-            autoComplete: "off",
-            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || `请输入${(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''}`,
-            style: {
-              width: '100%'
-            }
-          }, formChildrenProps));
-          break;
-        case 'InputRange':
-          element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InputRange, (0, _objectSpread2.default)({}, formChildrenProps));
-          break;
-        case 'TextArea':
-          element = /*#__PURE__*/(0, _jsxRuntime.jsx)(TextArea, (0, _objectSpread2.default)({
-            autoComplete: "off",
-            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || `请输入${(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''}`,
-            autoSize: {
-              minRows: 4
-            },
-            maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 500
-          }, formChildrenProps));
-          break;
-        case 'Select':
-          {
-            var optionProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-            var selectProps = (0, _objectSpread2.default)({}, formChildrenProps);
-            delete selectProps.dataSource;
-            element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-              allowClear: true,
-              showSearch: true,
-              dropdownMatchSelectWidth: false,
-              filterOption: (input, option) => option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0,
-              placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || `请选择${(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''}`
-            }, selectProps), {}, {
-              onChange: (value, record) => {
-                var newRecord = (0, _objectSpread2.default)({}, record);
-                delete newRecord.children;
-                selectProps.onChange && selectProps.onChange(value, newRecord);
-              },
-              children: optionProps.length && optionProps.map(selectItem => {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-                  value: selectItem.code
-                }, selectItem), {}, {
-                  children: selectItem.name
-                }), selectItem.code);
-              })
-            }));
-            break;
-          }
-        case 'DatePicker':
-          element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_datePicker.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-            style: {
-              width: '100%'
-            }
-          }, formChildrenProps), {}, {
-            suffixIcon: true
-          }));
-          break;
-        case 'RangePicker':
-          element = /*#__PURE__*/(0, _jsxRuntime.jsx)(RangePicker, (0, _objectSpread2.default)({
-            picker: "date",
-            style: {
-              width: '100%'
-            }
-          }, formChildrenProps));
-          break;
-        case 'Cascader':
-          element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_cascader.default, (0, _objectSpread2.default)({
-            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || `请选择${(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''}`
-          }, formChildrenProps));
-          break;
-        case 'Radio':
-          {
-            var radioProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-            var groupProps = (0, _objectSpread2.default)({}, formChildrenProps);
-            delete groupProps.dataSource;
-            element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, groupProps), {}, {
-              children: radioProps.length && radioProps.map(radioItem => {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default, {
-                  value: radioItem.code,
-                  children: radioItem.name
-                }, radioItem.code);
-              })
-            }));
-            break;
-          }
-        case 'Checkbox':
-          {
-            var checkProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-            var checkBoxProps = (0, _objectSpread2.default)({}, formChildrenProps);
-            delete checkBoxProps.dataSource;
-            element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default.Group, {
-              style: {
-                width: '100%'
-              },
-              children: checkProps.length && checkProps.map(checkItem => {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-                  value: checkItem.value,
-                  disabled: checkItem === null || checkItem === void 0 ? void 0 : checkItem.disabled
-                }, checkBoxProps), {}, {
-                  children: checkItem.label
-                }), checkItem.value);
-              })
-            });
-            break;
-          }
-        case 'Switch':
-          element = /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.default, (0, _objectSpread2.default)({
-            checkedChildren: "\u662F",
-            unCheckedChildren: "\u5426"
-          }, formChildrenProps));
-          break;
-      }
-      return element;
-    })()
-  }));
-};
-var transformColumns = exports.transformColumns = function transformColumns() {
-  var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var form = arguments.length > 1 ? arguments[1] : undefined;
-  var disabled = arguments.length > 2 ? arguments[2] : undefined;
-  columns.forEach((item, cIndex) => {
-    var editable = item.editable,
-      type = item.type;
-    var values = form.getFieldsValue();
-    item.localEditable = (text, record, index) => {
-      if (typeof editable === 'boolean') {
-        return editable;
-      }
-      // 没传值默认可编辑
-      if (!editable) {
-        return true;
-      }
-      return item === null || item === void 0 ? void 0 : item.editable(text, record, index);
-    };
-    if (item.required && typeof item.title === 'string') {
-      item.localTitle = () => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "table-title-required",
-          children: item.title
-        }, item.title || cIndex);
-      };
-      item.title = item.localTitle();
-    }
-    var localRender = (renderText, renderRecord, renderIndex) => {
-      var editable = item === null || item === void 0 ? void 0 : item.localEditable(renderText, renderRecord, renderIndex);
-      if (!disabled && editable && renderRecord !== null && renderRecord !== void 0 && renderRecord.editable) {
-        var _values$renderIndex, _values$renderIndex2;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormItemComponent, {
-          name: [renderIndex, item.dataIndex || item.key],
-          type: item.type || 'input',
-          formItemProps: item.formItemProps && item.formItemProps(renderText, renderRecord, renderIndex, (_values$renderIndex = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex !== void 0 ? _values$renderIndex : {}) || {},
-          formChildrenProps: item.formChildrenProps && item.formChildrenProps(renderText, renderRecord, renderIndex, (_values$renderIndex2 = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex2 !== void 0 ? _values$renderIndex2 : {}) || {}
-        });
-      }
-      var viewRender = item === null || item === void 0 ? void 0 : item.viewRender;
-      if (viewRender) {
-        var _values$renderIndex3;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-          children: viewRender(renderText, renderRecord, renderIndex, (_values$renderIndex3 = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex3 !== void 0 ? _values$renderIndex3 : {})
-        });
-      }
-      // table回显取label值
-      if (type === 'Select') {
-        var _dataSource$find;
-        var _item$formChildrenPro = item.formChildrenProps(),
-          _item$formChildrenPro2 = _item$formChildrenPro.dataSource,
-          dataSource = _item$formChildrenPro2 === void 0 ? [] : _item$formChildrenPro2;
-        if (!(dataSource !== null && dataSource !== void 0 && dataSource.length)) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-            children: renderRecord[item.dataIndex || item.key] || '-'
-          });
-        }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-          children: Array.isArray(dataSource) ? (_dataSource$find = dataSource.find(item => item.code === renderText)) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.name : '-'
-        });
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: renderRecord[item.dataIndex || item.key] || '-'
-      });
-    };
-    var originRender = item === null || item === void 0 ? void 0 : item.render;
-    var render = formValues => {
-      return (text, record, index) => {
-        var _formValues$index;
-        return originRender(text, record, index, (_formValues$index = formValues === null || formValues === void 0 ? void 0 : formValues[index]) !== null && _formValues$index !== void 0 ? _formValues$index : {});
-      };
-    };
-    if (!originRender) {
-      item.render = localRender;
-    } else {
-      item.render = render(values);
-    }
-  });
-  return columns;
-};
-
-// 过滤list中多余数据，保证数据的纯净
-var formatList = list => {
-  var formatList = (0, _lodash.cloneDeep)(list);
-  formatList.forEach(item => {
-    if (item.rowKey) {
-      delete item.rowKey;
-    }
-    if (item.isFirst) {
-      delete item.isFirst;
-    }
-    if (item.editable) {
-      delete item.editable;
-    }
-  });
-  return formatList;
-};
-exports.formatList = formatList;
-var getRandom = () => Math.random().toString(36).slice(-6);
-exports.getRandom = getRandom;