@zat-design/sisyphus-react 3.0.13

package/lib/ProForm/components/combination/ProCombination/propsType.d.ts

@@ -0,0 +1,62 @@
+import { FieldNames } from 'rc-select/lib/Select';
+import { FormInstance } from 'antd';
+import React from 'react';
+import * as componentMap from '../../index';
+import { ProFormOtherProps } from '../../../propsType';
+export interface ChildPropsItemProps {
+    /**
+     * @description       要显示什么组件，支持Input/Select
+     * @default           Input
+     */
+    renderType?: keyof typeof componentMap;
+    /**
+     * @description        如果type为Select时,dataSource为下拉数据的数组
+     * @default           []
+     */
+    dataSource?: Array<object>;
+    /**
+     * @description        如果type为Select时,fieldNames可以设置对应dataSource下拉属性名
+     * @default           {label:'label',value:'value'}
+     */
+    fieldNames?: FieldNames;
+    onChange?: (value: any, option: any, form: FormInstance) => void;
+    [name: string]: any;
+}
+export interface ProCombinationProps {
+    /**
+     * @description       组件的值,[第一个组件的值,第二个组件的值,]
+     * @default           []
+     */
+    value: Array<any>;
+    /**
+     * @description       onChange
+     * @default           ()=>{}
+     */
+    onChange: (values: Array<string>) => void;
+    /**
+     * @description       禁用状态
+     * @default           false
+     */
+    disabled?: boolean;
+    /**
+     * @description       子组件内部组件可配置属性,按照数组顺序注入到内部组件中
+     * @default           [{},{}]
+     */
+    childProps?: Array<ChildPropsItemProps>;
+    /**
+     * @description       是否视图模式
+     * @default           false
+     */
+    isView?: boolean;
+    /**
+     * @description       查看空值时默认展示
+     * @default           '-'
+     */
+    viewEmpty?: React.ReactNode;
+    /**
+     * @description       分隔符  不传则不显示分割组件
+     * @default           '-'
+     */
+    separator?: string;
+    otherProps?: ProFormOtherProps;
+}

package/lib/ProForm/components/combination/ProCombination/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProForm/components/combination/ProCombination/style/index.less

@@ -0,0 +1,15 @@
+.pro-combination.ant-input-group.ant-input-group-compact {
+  display: flex;
+
+  & > * {
+    max-width: 50%;
+  }
+
+  div.pro-form-view-container {
+    flex: none;
+  }
+
+  & > *:not(.ant-btn) {
+    flex: 1;
+  }
+}

package/lib/ProForm/components/combination/ProModalSelect/hooks/useRequestList.d.ts

@@ -0,0 +1,33 @@
+import { useRequest } from 'ahooks';
+declare interface PaginationProp {
+    pageNum: number;
+    pageSize: number;
+}
+declare interface IListReq<T = any> extends PaginationProp {
+    defaultParams?: T;
+    [key: string]: any;
+}
+declare interface IRes<T = any> {
+    data: T;
+    status: number;
+    message: string;
+}
+declare interface IListProp<T> {
+    pageNum: number;
+    pageSize: number;
+    total: number;
+    list: T[];
+}
+declare type IResList<T> = IRes<IListProp<T>>;
+declare type IListService<Req, Res> = (params?: IListReq<Req>) => Promise<IResList<Res>>;
+export interface RequestListOptions<T, R> {
+    defaultParams?: Partial<T>;
+    page?: PaginationProp;
+    customizePage?: PaginationProp;
+    withPagination?: boolean;
+    onPageChange?: (page: PaginationProp) => any;
+    transformParams?: (params: Object) => Object;
+    transformResponse?: (data: Object[]) => Object[];
+}
+export declare function useRequestList<I, R extends Record<string, any>, S extends IListService<I, R>>(service: S, options?: RequestListOptions<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]): any;
+export default useRequestList;

package/lib/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useRequestList = useRequestList;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _react = require("react");
+var defaultPage = {
+  pageNum: 1,
+  pageSize: 10
+};
+var useDefaultOptions = function useDefaultOptions(options) {
+  var _options$withPaginati;
+  var customizePage = options === null || options === void 0 ? void 0 : options.customizePage;
+  var _useState = (0, _react.useState)(customizePage || defaultPage),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    page = _useState2[0],
+    onPageChange = _useState2[1];
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {}, {
+    withPagination: (_options$withPaginati = options === null || options === void 0 ? void 0 : options.withPagination) !== null && _options$withPaginati !== void 0 ? _options$withPaginati : true,
+    page: (options === null || options === void 0 ? void 0 : options.page) || page,
+    onPageChange: (options === null || options === void 0 ? void 0 : options.onPageChange) || onPageChange
+  });
+};
+var defaultService = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", {});
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function defaultService() {
+    return _ref.apply(this, arguments);
+  };
+}();
+function useRequestList(service, options, useRequestOptions) {
+  var _data$data2;
+  var _useDefaultOptions = useDefaultOptions(options),
+    page = _useDefaultOptions.page,
+    withPagination = _useDefaultOptions.withPagination,
+    onPageChange = _useDefaultOptions.onPageChange,
+    transformParams = _useDefaultOptions.transformParams,
+    transformResponse = _useDefaultOptions.transformResponse;
+  var defaultParams = useRequestOptions.defaultParams;
+  // 搜索表单里的值
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    searchValues = _useState4[0],
+    setSearchValues = _useState4[1];
+  // 当次执行service的请求,包括page参数
+  var params = (0, _react.useMemo)(function () {
+    var _condition = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParams), searchValues);
+    var tempParams = withPagination ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, page), {}, {
+      queryBean: _condition !== null && _condition !== void 0 ? _condition : {}
+    }) : _condition;
+    return transformParams ? transformParams(tempParams) : tempParams;
+  }, [page, searchValues]);
+  // 调接口
+  var result = (0, _ahooks.useRequest)(service || defaultService, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, useRequestOptions), {}, {
+    defaultParams: [params]
+  }));
+  var data = result.data,
+    run = result.run,
+    loading = result.loading;
+  // 搜索条件变化时触发
+  var prevParams = (0, _ahooks.usePrevious)(params);
+  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function () {
+      run(params);
+    }, {
+      wait: 300
+    }),
+    queryList = _useDebounceFn.run;
+  (0, _react.useEffect)(function () {
+    if (prevParams && !(0, _lodash.isEqual)(prevParams, params)) {
+      queryList();
+    }
+  }, [params, prevParams, queryList]);
+  // 分页变更
+  var onChange = (0, _react.useCallback)(function (current, pageSize) {
+    onPageChange({
+      pageNum: current,
+      pageSize: pageSize
+    });
+  }, [onPageChange]);
+  var onSearch = (0, _react.useCallback)(function (values) {
+    if (!(0, _lodash.isEqual)(searchValues, values)) {
+      onChange(defaultPage.pageNum, defaultPage.pageSize);
+      setSearchValues(values);
+    }
+  }, [onChange, searchValues]);
+  // 重置查询条件
+  var onReset = (0, _react.useCallback)(function () {
+    onSearch({
+      d: Date.now()
+    });
+  }, [onSearch]);
+  var dataSource = (0, _react.useMemo)(function () {
+    if (data) {
+      var _data$data;
+      if (transformResponse) {
+        return (data === null || data === void 0 ? void 0 : data.data) ? transformResponse(data === null || data === void 0 ? void 0 : data.data) : transformResponse(data);
+      }
+      var list = withPagination ? data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.list : data === null || data === void 0 ? void 0 : data.data;
+      return list !== null && list !== void 0 ? list : [];
+    }
+    return [];
+  }, [data, transformResponse, withPagination]);
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
+    loading: loading,
+    data: dataSource,
+    onReset: onReset,
+    onSearch: onSearch,
+    params: params,
+    pagination: withPagination ? {
+      current: page.pageNum,
+      pageSize: page.pageSize,
+      onPaginationChange: true,
+      total: data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.total,
+      onChange: onChange,
+      pageSizeOptions: [10, 20, 50, 100],
+      showQuickJumper: true,
+      showSizeChanger: true,
+      onShowSizeChange: onChange,
+      hideOnSinglePage: page.pageSize === 10,
+      showTotal: function showTotal(total) {
+        return "\u5171".concat(total, "\u6761");
+      }
+    } : false
+  });
+}
+var _default = useRequestList;
+exports.default = _default;

package/lib/ProForm/components/combination/ProModalSelect/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProModalSelectPropsType } from './propsType';
+declare const _default: React.ForwardRefExoticComponent<Pick<ProModalSelectPropsType, "title" | "id" | "hidden" | "color" | "size" | "style" | "multiple" | "disabled" | "children" | "form" | "slot" | "pattern" | "className" | "max" | "required" | "type" | "height" | "width" | "name" | "translate" | "value" | "dir" | "accessKey" | "draggable" | "lang" | "prefix" | "role" | "contentEditable" | "inputMode" | "tabIndex" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "maxLength" | "min" | "minLength" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "readOnly" | "src" | "step" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls" | "viewEmpty" | "allowClear" | "fieldNames" | "labelInValue" | "bordered" | "otherProps" | "status" | "isView" | "showCount" | "onPressEnter" | "htmlSize" | "suffix" | "addonBefore" | "addonAfter" | `data-${string}` | "configOption" | "onFormat" | "optionRender" | "customRender" | "beforeOpen" | "isTooltip" | "showCodeName"> & React.RefAttributes<unknown>>;
+export default _default;