@pisell/common 0.0.19 → 1.0.1

package/.fatherrc.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'father';
+
+export default defineConfig({
+  // more father config: https://github.com/umijs/father/blob/master/docs/config.md
+  esm: { output: 'es' },
+  cjs: { output: 'lib' },
+});

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @pisell/common
+
+## 1.0.1
+
+### Patch Changes
+
+- 测试更新包

package/README.md

@@ -1,40 +1,3 @@
 # @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
+pisell使用的通用组件库

package/{lib/components → es}/button/index.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonProps as AntButtonProps } from 'antd5';
-import type { ButtonGroupProps as AntButtonGroupProps } from 'antd5/es/button';
+import type { ButtonProps as AntButtonProps } from 'antd';
+import type { ButtonGroupProps as AntButtonGroupProps } from 'antd/es/button';
 /**
  * 后续可添加属性
  */
@@ -11,7 +11,8 @@ export declare type ButtonGroupProps = AntButtonGroupProps;
  * @constructor
  */
 declare const Button: {
-    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
-    Group: (props: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+    (props: AntButtonProps): any;
+    Group: (props: AntButtonGroupProps) => any;
 };
 export default Button;
+//# sourceMappingURL=index.d.ts.map

package/es/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,MAAM,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAK9E;;GAEG;AAKH,oBAAY,WAAW,GAAG,cAAc,CAAC;AAEzC,oBAAY,gBAAgB,GAAG,mBAAmB,CAAC;AAEnD;;;;GAIG;AACH,QAAA,MAAM,MAAM;;;CAEX,CAAC;AAYF,eAAe,MAAM,CAAC"}

package/es/button/index.js

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { Button as AntButton } from 'antd';
+import React from 'react';
+var AntGroup = AntButton.Group;
+
+/**
+ * 后续可添加属性
+ */
+// export interface ButtonProps extends AntButtonProps {
+//   [key: string]: any
+// }
+
+/**
+ * 按钮组件
+ * @param props
+ * @constructor
+ */
+var Button = function Button(props) {
+  return /*#__PURE__*/React.createElement(AntButton, _extends({}, props, {
+    type: "primary"
+  }));
+};
+
+/**
+ * 按钮组
+ * @param props
+ * @constructor
+ */
+var Group = function Group(props) {
+  return /*#__PURE__*/React.createElement(AntGroup, props);
+};
+Button.Group = Group;
+export default Button;

package/{es/components → lib}/button/index.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonProps as AntButtonProps } from 'antd5';
-import type { ButtonGroupProps as AntButtonGroupProps } from 'antd5/es/button';
+import type { ButtonProps as AntButtonProps } from 'antd';
+import type { ButtonGroupProps as AntButtonGroupProps } from 'antd/es/button';
 /**
  * 后续可添加属性
  */
@@ -11,7 +11,8 @@ export declare type ButtonGroupProps = AntButtonGroupProps;
  * @constructor
  */
 declare const Button: {
-    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
-    Group: (props: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+    (props: AntButtonProps): any;
+    Group: (props: AntButtonGroupProps) => any;
 };
 export default Button;
+//# sourceMappingURL=index.d.ts.map

package/lib/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,MAAM,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAK9E;;GAEG;AAKH,oBAAY,WAAW,GAAG,cAAc,CAAC;AAEzC,oBAAY,gBAAgB,GAAG,mBAAmB,CAAC;AAEnD;;;;GAIG;AACH,QAAA,MAAM,MAAM;;;CAEX,CAAC;AAYF,eAAe,MAAM,CAAC"}

package/lib/{components/avatar → button}/index.js

@@ -26,17 +26,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/avatar/index.tsx
-var avatar_exports = {};
-__export(avatar_exports, {
-  default: () => avatar_default
+// src/button/index.tsx
+var button_exports = {};
+__export(button_exports, {
+  default: () => button_default
 });
-module.exports = __toCommonJS(avatar_exports);
-var import_antd5 = require("antd5");
+module.exports = __toCommonJS(button_exports);
+var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var Avatar = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_antd5.Avatar, { ...props });
+var { Group: AntGroup } = import_antd.Button;
+var Button = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...props, type: "primary" });
 };
-var avatar_default = Avatar;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var Group = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(AntGroup, { ...props });
+};
+Button.Group = Group;
+var button_default = Button;

package/package.json

@@ -1,8 +1,6 @@
 {
   "name": "@pisell/common",
-  "version": "0.0.19",
-  "description": "A collection of reusable UI components for web development",
-  "license": "MIT",
+  "version": "1.0.1",
   "sideEffects": [
     "*.less"
   ],
@@ -10,35 +8,13 @@
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
   "typings": "./lib/index.d.ts",
-  "bin": {
-    "pisell": "es/bin/pisell.js"
-  },
-  "files": [
-    "es",
-    "lib",
-    "package.json",
-    "README.md"
-  ],
-  "scripts": {
-    "build": "father build",
-    "build:watch": "father dev",
-    "dev": "dumi dev",
-    "docs:build": "dumi build",
-    "doctor": "father doctor",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepare": "husky install && dumi setup",
-    "prepublishOnly": "father doctor && npm run build",
-    "release": "npm run build && np --no-cleanup --any-branch --yolo --tag",
-    "release:beta": "npm run build && np --no-cleanup --any-branch --yolo --tag=beta",
-    "release:next": "npm run build && np --no-cleanup --any-branch --yolo --tag=next",
-    "start": "npm run dev"
+  "dependencies": {
+    "antd": "^5.5.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
+  "devDependencies": {
+    "father": "^4.1.6"
   },
   "lint-staged": {
     "*.{md,json}": [
@@ -57,52 +33,19 @@
       "prettier --parser=typescript --write"
     ]
   },
-  "dependencies": {
-    "antd5": "npm:antd@^5.5.0",
-    "archiver": "^5.3.1",
-    "array-move": "^3.0.1",
-    "dotenv": "^16.0.3",
-    "inquirer": "^9.2.6",
-    "react-beautiful-dnd": "^13.1.0",
-    "react-color": "^2.19.3",
-    "ssh2": "^1.13.0",
-    "zx": "^7.2.2"
-  },
-  "devDependencies": {
-    "@ant-design/icons": "^4.8.0",
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@umijs/fabric": "^2.0.0",
-    "@umijs/lint": "^4.0.0",
-    "ahooks": "^2.10.0",
-    "classnames": "^2.3.1",
-    "dumi": "^2.0.2",
-    "eslint": "^8.23.0",
-    "father": "^4.1.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "np": "^7.7.0",
-    "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^3.0.0",
-    "prettier-plugin-packagejson": "^2.2.18",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "stylelint": "^14.9.1",
-    "typescript": "^4.9.5",
-    "umi": "^3.3.9"
-  },
-  "peerDependencies": {
-    "@ant-design/icons": "^4.8.0",
-    "ahooks": "^2.10.0",
-    "classnames": "^2.3.1",
-    "react": ">=17.0",
-    "react-dom": ">=17.0",
-    "umi": "^3.3.9"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "authors": []
-}
+  "scripts": {
+    "build": "father build",
+    "dev": "father dev",
+    "docs:build": "dumi build",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "lowcode:build": "build-scripts build --config ./build.lowcode.js",
+    "lowcode:dev": "build-scripts start --config ./build.lowcode.js",
+    "start": "npm run dev"
+  }
+}

package/src/button/index.md

@@ -0,0 +1,17 @@
+# Button
+
+Button 组件
+
+```jsx
+/**
+ * title: 自定义展示
+ * description: -`children`可以传递自定义展示内容
+ * background: '#f6f7f9'
+ */
+import { Button, ConfigProvider } from '@pisell/common';
+import { useState } from 'react';
+
+export default () => {
+  return <Button type="primary">自定义内容</Button>;
+};
+```

package/src/button/index.tsx

@@ -0,0 +1,38 @@
+import type { ButtonProps as AntButtonProps } from 'antd';
+import { Button as AntButton } from 'antd';
+import type { ButtonGroupProps as AntButtonGroupProps } from 'antd/es/button';
+import React from 'react';
+
+const { Group: AntGroup } = AntButton;
+
+/**
+ * 后续可添加属性
+ */
+// export interface ButtonProps extends AntButtonProps {
+//   [key: string]: any
+// }
+
+export type ButtonProps = AntButtonProps;
+
+export type ButtonGroupProps = AntButtonGroupProps;
+
+/**
+ * 按钮组件
+ * @param props
+ * @constructor
+ */
+const Button = (props: ButtonProps) => {
+  return <AntButton {...props} />;
+};
+
+/**
+ * 按钮组
+ * @param props
+ * @constructor
+ */
+const Group = (props: ButtonGroupProps) => {
+  return <AntGroup {...props} />;
+};
+
+Button.Group = Group;
+export default Button;

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "jsx": "react",
+    "baseUrl": "./",
+    "paths": {
+      "@": ["src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/LICENSE

@@ -1,21 +0,0 @@
-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/es/bin/pisell.js

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-import("../../es/script/index.js");

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

@@ -1,21 +0,0 @@
-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

@@ -1,43 +0,0 @@
-import { Input } from 'antd5';
-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

@@ -1,10 +0,0 @@
-.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

@@ -1,11 +0,0 @@
-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

@@ -1,7 +0,0 @@
-// 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

@@ -1,36 +0,0 @@
-import type { ColProps } from 'antd5/lib/col';
-import type { FormItemProps } from 'antd5/lib/form/FormItem';
-import type { FormListFieldData, FormListProps } from 'antd5/lib/form/FormList';
-import React from 'react';
-import type { SortModalProps } from '../sortModal';
-import type { FormInstance } from 'antd5/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

@@ -1,132 +0,0 @@
-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 { DeleteOutlined } from '@ant-design/icons';
-import { Button, Col, Form, Input, Row } from 'antd5';
-import React, { useCallback, useImperativeHandle, useMemo, useRef } from 'react';
-import { getUniqueId, isFunction } from "../../utils";
-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;
-  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();
-      }
-    };
-  });
-
-  // const handleSortModalOk = useCallback(
-  //   (list: any[]) => {
-  //     form.setFieldsValue({
-  //       [name as string]: list,
-  //     });
-  //     sortModalRef.current?.hideModal();
-  //   },
-  //   [name]
-  // );
-
-  return /*#__PURE__*/_jsx("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')
-            })]
-          });
-        }
-      })]
-    })
-  });
-};
-export default RechargeOption;