@pisell/common 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,40 @@
+# @pisell/common
+
+[![NPM version](https://img.shields.io/npm/v/@pisell/common.svg?style=flat)](https://npmjs.org/package/@pisell/common)
+[![NPM downloads](http://img.shields.io/npm/dm/@pisell/common.svg?style=flat)](https://npmjs.org/package/@pisell/common)
+
+pisell
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ cnpm install
+
+# develop library by docs demo
+$ cnpm start
+
+# build library source code
+$ cnpm run build
+
+# build library source code in watch mode
+$ cnpm run build:watch
+
+# build docs
+$ cnpm run docs:build
+
+# check your project for potential problems
+$ cnpm run doctor
+```
+
+## LICENSE
+
+MIT

package/es/business-components/colorInput/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface ColorInputProps {
+    /**
+     * @description 颜色值
+     * @default ""
+     */
+    value: string;
+    /**
+     * @description 当颜色值改变触发
+     * @default () => void
+     */
+    onChange: (val: string) => void;
+    /**
+     * @description 色块大小
+     * @default 30
+     */
+    colorBlockSize?: number;
+}
+declare const ColorInput: React.FC<ColorInputProps>;
+export default ColorInput;

package/es/business-components/colorInput/index.js

@@ -0,0 +1,43 @@
+import { Input } from 'antd';
+import React from 'react';
+import { ColorPicker } from "../../components";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var prefix = 'pisell-';
+var ColorInput = function ColorInput(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? '' : _props$value,
+    _onChange = props.onChange,
+    _props$colorBlockSize = props.colorBlockSize,
+    colorBlockSize = _props$colorBlockSize === void 0 ? 30 : _props$colorBlockSize;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(prefix, "color-input-wrap"),
+    children: [/*#__PURE__*/_jsx(ColorPicker, {
+      onChange: _onChange,
+      value: value,
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          backgroundColor: value,
+          width: colorBlockSize,
+          height: colorBlockSize
+        },
+        className: "".concat(prefix, "color-block")
+      })
+    }), /*#__PURE__*/_jsx(Input, {
+      value: value.replace('#', ''),
+      prefix: '#',
+      style: {
+        width: 120
+      },
+      onChange: function onChange(e) {
+        var reg = /^([0-9a-fA-F]{0,6})$/;
+        if (!reg.test(e.target.value)) {
+          return;
+        }
+        _onChange("#".concat(e.target.value));
+      }
+    })]
+  });
+};
+export default ColorInput;

package/es/business-components/colorInput/index.less

@@ -0,0 +1,10 @@
+.pisell-color-input-wrap {
+  display: flex;
+  align-items: center;
+  .pisell-color-block {
+    width: 30px;
+    height: 30px;
+    margin-right: 10px;
+    border-radius: 4px;
+  }
+}

package/es/business-components/index.d.ts

@@ -0,0 +1,11 @@
+export { default as ColorInput } from './colorInput';
+export type { ColorInputProps } from './colorInput';
+export { default as RechargeOption } from './rechargeOption';
+export type { RechargeOptionProps } from './rechargeOption';
+export { default as SelectTag } from './selectTag';
+export type { SelectTagProps } from './selectTag';
+export { default as SortModal } from './sortModal';
+export type { SortModalProps } from './sortModal';
+export { default as Statistics } from './statistics';
+export { default as TagModal } from './tagModal';
+export type { TagModalProps } from './tagModal';

package/es/business-components/index.js

@@ -0,0 +1,7 @@
+// export { default as Address } from './address';
+export { default as ColorInput } from "./colorInput";
+export { default as RechargeOption } from "./rechargeOption";
+export { default as SelectTag } from "./selectTag";
+export { default as SortModal } from "./sortModal";
+export { default as Statistics } from "./statistics";
+export { default as TagModal } from "./tagModal";

package/es/business-components/rechargeOption/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { ColProps } from 'antd/lib/col';
+import type { FormListFieldData, FormListProps } from 'antd/lib/form/FormList';
+import type { FormItemProps } from 'antd/lib/form/FormItem';
+import type { SortModalProps } from '../sortModal';
+import type { FormInstance } from 'antd/es/form/hooks/useForm';
+export interface RechargeOptionProps {
+    name: FormListProps['name'];
+    /** 是否展示编辑按钮 */
+    isShowEditButton?: boolean;
+    /** 添加按钮文案 */
+    addBtnText?: string;
+    /** 编辑按钮文案 */
+    editBtnText?: string;
+    /** 列配置 */
+    columnOption: {
+        label: string;
+        span: ColProps['span'];
+        field: string;
+        rules: FormItemProps['rules'];
+    }[];
+    /** 编辑按钮事件 */
+    onEditClick?: (bundle: FormListFieldData) => void;
+    rechargeOptionRef?: React.MutableRefObject<{
+        openSortModal: () => void;
+    } | undefined>;
+    sortModalProps?: Partial<Omit<SortModalProps<Record<string, any>>, 'ref'>>;
+    form: FormInstance;
+}
+/**
+ * 类充值选项组件
+ * @param props
+ * @constructor
+ */
+declare const RechargeOption: React.FC<RechargeOptionProps>;
+export default RechargeOption;

package/es/business-components/rechargeOption/index.js

@@ -0,0 +1,136 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { useCallback, useImperativeHandle, useMemo, useRef } from 'react';
+import { Button, Col, Form, Input, Row } from 'antd';
+import { getUniqueId, isFunction } from "../../utils";
+import { DeleteOutlined } from '@ant-design/icons';
+import SortModal from "../sortModal";
+import { getText } from "../../locales";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 类充值选项组件
+ * @param props
+ * @constructor
+ */
+var RechargeOption = function RechargeOption(props) {
+  var name = props.name,
+    _props$isShowEditButt = props.isShowEditButton,
+    isShowEditButton = _props$isShowEditButt === void 0 ? false : _props$isShowEditButt,
+    columnOption = props.columnOption,
+    addBtnText = props.addBtnText,
+    editBtnText = props.editBtnText,
+    onEditClick = props.onEditClick,
+    rechargeOptionRef = props.rechargeOptionRef,
+    sortModalProps = props.sortModalProps,
+    form = props.form;
+  var sortModalRef = useRef(null);
+  var genDefaultData = useCallback(function (others) {
+    return columnOption.reduce(function (acc, cur) {
+      return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, cur.field, ''));
+    }, _objectSpread({
+      key: getUniqueId()
+    }, others));
+  }, [columnOption]);
+  var initValue = useMemo(function () {
+    return genDefaultData({
+      id: 0
+    });
+  }, [columnOption]);
+  useImperativeHandle(rechargeOptionRef, function () {
+    return {
+      openSortModal: function openSortModal() {
+        var _sortModalRef$current;
+        (_sortModalRef$current = sortModalRef.current) === null || _sortModalRef$current === void 0 ? void 0 : _sortModalRef$current.showModal();
+      }
+    };
+  });
+  var handleSortModalOk = useCallback(function (list) {
+    var _sortModalRef$current2;
+    form.setFieldsValue(_defineProperty({}, name, list));
+    (_sortModalRef$current2 = sortModalRef.current) === null || _sortModalRef$current2 === void 0 ? void 0 : _sortModalRef$current2.hideModal();
+  }, [name]);
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx(Row, {
+        gutter: 10,
+        style: {
+          marginBottom: '10px'
+        },
+        children: columnOption.map(function (item) {
+          return /*#__PURE__*/_jsx(Col, {
+            span: item.span,
+            children: item.label
+          }, item.label);
+        })
+      }), /*#__PURE__*/_jsx(Form.List, {
+        name: name,
+        initialValue: [initValue],
+        children: function children(fields, _ref) {
+          var add = _ref.add,
+            remove = _ref.remove;
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [fields.map(function (bundle, i) {
+              return /*#__PURE__*/_jsx(Form.Item, {
+                noStyle: true,
+                children: /*#__PURE__*/_jsxs(Row, {
+                  gutter: 10,
+                  children: [columnOption.map(function (item) {
+                    return /*#__PURE__*/_jsx(Col, {
+                      span: item.span,
+                      children: /*#__PURE__*/_jsx(Form.Item, {
+                        name: [bundle.name, item.field],
+                        rules: item.rules,
+                        children: /*#__PURE__*/_jsx(Input, {
+                          style: {
+                            width: '100%'
+                          }
+                        })
+                      })
+                    }, item.label);
+                  }), isShowEditButton && /*#__PURE__*/_jsx(Col, {
+                    span: 3,
+                    children: /*#__PURE__*/_jsx(Button, {
+                      onClick: function onClick() {
+                        isFunction(onEditClick) && onEditClick(bundle);
+                      },
+                      children: editBtnText || getText('pisell-design.recharge.option.button.edit')
+                    })
+                  }), /*#__PURE__*/_jsx(Col, {
+                    span: 2,
+                    children: i !== 0 && /*#__PURE__*/_jsx(Button, {
+                      icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
+                      onClick: function onClick() {
+                        remove(bundle.name);
+                      }
+                    })
+                  })]
+                })
+              }, bundle.key);
+            }), /*#__PURE__*/_jsx(Button, {
+              onClick: function onClick() {
+                add(genDefaultData({
+                  id: fields.length + 1
+                }));
+              },
+              children: addBtnText || getText('pisell-design.recharge.option.button.add')
+            })]
+          });
+        }
+      })]
+    }), /*#__PURE__*/_jsx(SortModal, {
+      isShowIndex: false,
+      field: sortModalProps === null || sortModalProps === void 0 ? void 0 : sortModalProps.field,
+      title: sortModalProps === null || sortModalProps === void 0 ? void 0 : sortModalProps.title,
+      items: form.getFieldValue(name) || [],
+      sortModalRef: sortModalRef,
+      onOk: handleSortModalOk
+    })]
+  });
+};
+export default RechargeOption;

package/es/business-components/selectTag/index.d.ts

@@ -0,0 +1,25 @@
+import type { SelectProps } from 'antd';
+import React from 'react';
+import './index.less';
+declare type BaseValue = string | number;
+declare type ColorValue = {
+    color: string;
+    value: BaseValue;
+    label: string;
+};
+declare type Value = BaseValue | ColorValue;
+export interface SelectTagProps<T> extends Omit<SelectProps, 'options'> {
+    selectTagRef?: React.MutableRefObject<{
+        showModal: () => void;
+        hideModal: () => void;
+    }>;
+    value?: T[];
+    onChange?: (value: T[]) => void;
+    isColorSelect?: boolean;
+    options: {
+        value: BaseValue;
+        label: string;
+    }[];
+}
+declare const SelectTag: <T extends Value>(props: SelectTagProps<T>) => JSX.Element;
+export default SelectTag;

package/es/business-components/selectTag/index.js

@@ -0,0 +1,180 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Select, Tag } from 'antd';
+import React, { useCallback, useImperativeHandle, useMemo } from 'react';
+import { useTagModal } from "../../business-hooks";
+import DragSort from "../../components/DragSort";
+import IconFont from "../../components/Iconfont";
+import { getText } from "../../locales";
+import { isArr, isFunction, isNumber, isString } from "../../utils";
+import ColorInput from "../colorInput";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var defaultColor = '#000';
+var prefix = 'pisell-';
+var SelectTag = function SelectTag(props) {
+  var selectTagRef = props.selectTagRef,
+    value = props.value,
+    _onChange = props.onChange,
+    options = props.options,
+    isColorSelect = props.isColorSelect;
+  var tagValue = useMemo(function () {
+    if (!isArr(value)) {
+      return [];
+    }
+    if (value.every(function (item) {
+      return isString(item) || isNumber(item);
+    })) {
+      return value;
+    }
+    return value.map(function (item) {
+      return item.value;
+    });
+  }, [value]);
+  var valueColorMap = useMemo(function () {
+    if (!isColorSelect || !isArr(value)) {
+      return {};
+    }
+    return value.reduce(function (pre, cur) {
+      return _objectSpread(_objectSpread({}, pre), {}, _defineProperty({}, cur.value, cur.color));
+    }, {});
+  }, [value, options]);
+  var valueLabelMap = useMemo(function () {
+    return options.reduce(function (pre, cur) {
+      return _objectSpread(_objectSpread({}, pre), {}, _defineProperty({}, cur.value, cur.label));
+    }, {});
+  }, [options]);
+  var handleTagChange = useCallback(function (val) {
+    if (isColorSelect) {
+      var _value = val.map(function (item) {
+        return {
+          color: valueColorMap[item] || defaultColor,
+          value: item
+        };
+      });
+      isFunction(_onChange) && _onChange(_value);
+      return;
+    }
+    isFunction(_onChange) && _onChange(val);
+  }, [isColorSelect, _onChange, valueColorMap]);
+  var _useTagModal = useTagModal({
+      value: tagValue,
+      onChange: handleTagChange,
+      data: options,
+      onOk: function onOk() {
+        hideModal();
+      },
+      title: getText('pisell-design.select.tag.modal.title'),
+      onCancel: function onCancel() {
+        hideModal();
+      }
+    }),
+    content = _useTagModal.content,
+    hideModal = _useTagModal.hideModal,
+    visible = _useTagModal.visible,
+    showModal = _useTagModal.showModal;
+  useImperativeHandle(selectTagRef, function () {
+    return {
+      showModal: showModal,
+      hideModal: hideModal
+    };
+  });
+  var tagRender = function tagRender(props) {
+    var label = props.label,
+      value = props.value,
+      closable = props.closable,
+      onClose = props.onClose;
+    var onPreventMouseDown = function onPreventMouseDown(event) {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    return /*#__PURE__*/_jsx(Tag, {
+      onMouseDown: onPreventMouseDown,
+      closable: closable,
+      onClose: onClose,
+      className: "".concat(prefix, "select-tag"),
+      style: {
+        color: valueColorMap[value] || defaultColor
+      },
+      children: label
+    });
+  };
+  var handleSelectChange = useCallback(function (val) {
+    var newVal = val;
+    if (isColorSelect) {
+      newVal = val.map(function (item) {
+        return {
+          value: item,
+          color: valueColorMap[item] || defaultColor
+        };
+      });
+    }
+    isFunction(_onChange) && _onChange(newVal);
+  }, [isColorSelect, valueColorMap]);
+  var selectValue = useMemo(function () {
+    if (!isArr(value)) {
+      return [];
+    }
+    if (value.every(function (item) {
+      return isString(item) || isNumber(item);
+    })) {
+      return value;
+    }
+    if (isColorSelect) {
+      return value.map(function (item) {
+        return item.value;
+      });
+    }
+  }, [value, isColorSelect]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, props), {}, {
+      value: selectValue,
+      mode: "tags",
+      options: options,
+      onChange: handleSelectChange,
+      tagRender: tagRender
+    })), isColorSelect && /*#__PURE__*/_jsx(DragSort, {
+      list: value || [],
+      droppableId: "addressSort",
+      draggableIdKey: "value",
+      onChange: function onChange(_list) {
+        isFunction(_onChange) && _onChange(_list);
+      },
+      children: function children(item, index) {
+        return /*#__PURE__*/_jsxs("div", {
+          className: "".concat(prefix, "sort-item"),
+          children: [/*#__PURE__*/_jsx(IconFont, {
+            type: "icon-drag",
+            className: "".concat(prefix, "icon")
+          }), /*#__PURE__*/_jsx("span", {
+            className: "".concat(prefix, "sort-content"),
+            children: /*#__PURE__*/_jsx("span", {
+              className: "".concat(prefix, "tag-content"),
+              children: valueLabelMap[item.value]
+            })
+          }), /*#__PURE__*/_jsx(ColorInput, {
+            value: item.color,
+            onChange: function onChange(val) {
+              var _value = value ? _toConsumableArray(value) : [];
+              _value[index].color = val;
+              isFunction(_onChange) && _onChange(_value);
+            }
+          })]
+        }, item.value);
+      }
+    }), content]
+  });
+};
+export default SelectTag;

package/es/business-components/selectTag/index.less

@@ -0,0 +1,22 @@
+.pisell-sort-item {
+  display: flex;
+  align-items: center;
+  height: 50px;
+  margin-top: 12px;
+  line-height: 40px;
+  background-color: #f0f0f0;
+  .pisell-sort-content {
+    margin-right: 10px;
+  }
+  .pisell-icon {
+    color: #999;
+    font-size: 20px;
+  }
+}
+
+.pisell-select-tag {
+  margin: 0 3px 3px 0;
+  padding: 2px 8px;
+  font-size: 14px;
+  border-radius: 6px;
+}

package/es/business-components/sortModal/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { useModalProps } from '../../business-hooks/useModal';
+import './index.less';
+export interface SortModalProps<T> {
+    /** 排序数据 */
+    items: T[];
+    /** 弹窗标题 */
+    title: useModalProps['title'];
+    /** 自定义渲染内容 */
+    renderContent?: (items: T[], content: React.ReactNode) => React.ReactNode;
+    /** 自定义渲染排序项 */
+    renderSortItem?: (item: T, index: number) => React.ReactNode;
+    /** 是否展示序号 */
+    isShowIndex?: boolean;
+    /** 字段展示配置 */
+    field: {
+        id: keyof T;
+        name: keyof T;
+        key: keyof T;
+    };
+    /** 确认事件 返回调整后的顺序 */
+    onOk?: (list: T[]) => void;
+    /** 弹窗ref 可外部唤起弹窗 */
+    sortModalRef?: React.Ref<{
+        showModal: () => void;
+        hideModal: () => void;
+    }>;
+}
+declare const SortModal: <T extends Record<string, any>>(props: SortModalProps<T>) => JSX.Element;
+export default SortModal;