@guo514360255/antd-lib 1.4.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 514360255@qq.com
+
+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,44 @@
+# react-antd-lib
+react antd design library
+
+[![NPM version](https://img.shields.io/npm/v/antDesign5.svg?style=flat)](https://npmjs.org/package/antDesign5)
+[![NPM downloads](http://img.shields.io/npm/dm/antDesign5.svg?style=flat)](https://npmjs.org/package/antDesign5)
+
+react design 5 lib
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ yarn install
+
+# develop library by docs demo
+$ yarn start
+
+# build library source code
+$ yarn run build
+
+# build library source code in watch mode
+$ yarn run build:watch
+
+# build docs
+$ yarn run docs:build
+
+# Locally preview the production build.
+$ yarn run docs:preview
+
+# check your project for potential problems
+$ yarn run doctor
+```
+
+## LICENSE
+
+MIT

package/dist/CustomDetailModal/detailModal.d.ts

@@ -0,0 +1,72 @@
+/*
+ * @Author: 郭郭
+ * @Date: 2025/11/5
+ * @Description:
+ */
+
+import { CustomColumnProps } from '../compontent';
+
+/**
+ * 详情props
+ */
+interface CustomDetailModalProps {
+  /**
+   * 标题
+   */
+  title?: string | undefined;
+
+  /**
+   * 弹窗类型
+   */
+  type?: 'modal' | 'drawer' | 'detail';
+
+  /**
+   * 宽度
+   */
+  width?: number | string;
+
+  /**
+   * 表单字段
+   */
+  columns?: CustomColumnProps[];
+
+  /**
+   * form列表
+   */
+  formList?: {
+    [key: string]: any;
+  };
+
+  /**
+   * 表单默认值
+   */
+  values?: { [key: string]: any };
+
+  /**
+   * 处理form数据
+   */
+  handleDetailData?: (data: any) => any;
+
+  /**
+   * desc参数
+   */
+  descProps?: { [key: string]: any };
+
+  /**
+   * 详情
+   * @param data
+   */
+  detailRequest?: (data: any) => any;
+
+  /**
+   * 其它参数
+   */
+  [key: string]: any;
+
+  /**
+   * descriptions参数
+   */
+  detailDescProps?: {
+    [key: string]: any;
+  };
+}

package/dist/CustomDetailModal/index.d.ts

@@ -0,0 +1,5 @@
+import { CustomDetailModalProps } from "./detailModal";
+import React from 'react';
+import './index.less';
+declare const CustomModal: React.ForwardRefExoticComponent<Omit<CustomDetailModalProps, "ref"> & React.RefAttributes<any>>;
+export default CustomModal;

package/dist/CustomDetailModal/index.js

@@ -0,0 +1,183 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "columns", "detailRequest", "handleDetailData", "title", "descProps"];
+/*
+ * @Author: 郭郭
+ * @Date: 2025/8/15
+ * @Description:
+ */
+
+import { findTreeNodeByKey, isEmptyValue } from "../utils/util";
+import { Button, Descriptions, Drawer, Modal, Spin } from 'antd';
+import { isNumber, isString } from 'lodash';
+import isObject from 'lodash/isObject';
+import React, { forwardRef, useImperativeHandle, useState } from 'react';
+import "./index.less";
+var CustomModal = /*#__PURE__*/forwardRef(function (props, ref) {
+  var type = props.type,
+    columns = props.columns,
+    detailRequest = props.detailRequest,
+    handleDetailData = props.handleDetailData,
+    title = props.title,
+    descProps = props.descProps,
+    other = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    detail = _useState6[0],
+    setDetail = _useState6[1];
+  var modalType = {
+    modal: Modal,
+    drawer: Drawer
+  };
+  var Component = modalType[type || 'drawer'];
+  var getDetail = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
+      var data;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!isString(id) && !isNumber(id))) {
+              _context.next = 3;
+              break;
+            }
+            console.warn('Invalid id parameter:', id);
+            return _context.abrupt("return");
+          case 3:
+            if (!loading) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            setLoading(true);
+            _context.prev = 6;
+            _context.next = 9;
+            return detailRequest(id);
+          case 9:
+            data = _context.sent;
+            setDetail(handleDetailData ? handleDetailData(data) : data);
+            _context.next = 16;
+            break;
+          case 13:
+            _context.prev = 13;
+            _context.t0 = _context["catch"](6);
+            console.error('Failed to fetch detail:', _context.t0);
+          case 16:
+            _context.prev = 16;
+            setLoading(false);
+            return _context.finish(16);
+          case 19:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[6, 13, 16, 19]]);
+    }));
+    return function getDetail(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open(values) {
+        return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                setOpen(true);
+                if (!(values.id && detailRequest)) {
+                  _context2.next = 6;
+                  break;
+                }
+                _context2.next = 4;
+                return getDetail(values.id);
+              case 4:
+                _context2.next = 7;
+                break;
+              case 6:
+                setDetail(values);
+              case 7:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }))();
+      }
+    };
+  });
+  var close = function close() {
+    setOpen(false);
+  };
+  var handleDetailValue = function handleDetailValue(column, value, index) {
+    if (isEmptyValue(value)) return value;
+    var fieldProps = column.fieldProps,
+      valueEnum = column.valueEnum;
+    var _ref2 = fieldProps || {},
+      options = _ref2.options;
+    if (column.render) {
+      return column.render(value, detail, index, {}, column);
+    } else if (['select', 'radio'].includes(column.type)) {
+      var valuesEnum = _objectSpread({}, valueEnum);
+      var values = "".concat(value).split(',');
+      var result = [];
+      if (Object.keys(valuesEnum).length > 0 && isObject(valuesEnum)) {
+        values.forEach(function (item) {
+          var _item;
+          result.push((_item = valuesEnum[item]) === null || _item === void 0 ? void 0 : _item.text);
+        });
+        return result.join(',');
+      } else if (Array.isArray(options) && options.length > 0) {
+        values.forEach(function (item) {
+          var _ref3 = findTreeNodeByKey(options, item) || {},
+            label = _ref3.label;
+          result.push(label);
+        });
+        return result.join(',');
+      }
+      return value;
+    }
+    return value;
+  };
+  var footer = [/*#__PURE__*/React.createElement(Button, {
+    key: "cancel",
+    size: "large",
+    onClick: close
+  }, "\u786E\u5B9A")];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Component, _extends({
+    width: other.width || 600,
+    footer: footer,
+    title: "".concat(title || '', "\u8BE6\u60C5")
+  }, other, {
+    open: open,
+    onClose: close,
+    className: "detailContainer"
+  }), /*#__PURE__*/React.createElement(Descriptions, _extends({
+    column: 2,
+    bordered: true
+  }, descProps || {}), columns === null || columns === void 0 ? void 0 : columns.filter(function (item) {
+    return !item.hideInDetail;
+  }).map(function (item, index) {
+    var _item$fieldProps;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: item.dataIndex
+    }, /*#__PURE__*/React.createElement(Descriptions.Item, _extends({
+      key: item.dataIndex,
+      label: "".concat(item.title)
+    }, ((_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.descriptionsItemProps) || {}), handleDetailValue(item, detail[item.dataIndex], index)));
+  }))), /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading,
+    fullscreen: true
+  }));
+});
+export default CustomModal;

package/dist/CustomDetailModal/index.less

@@ -0,0 +1,6 @@
+.detailContainer{
+  .ant-drawer-footer{
+    display: flex;
+    gap: 16px;
+  }
+}

package/dist/CustomFormModal/formModal.d.ts

@@ -0,0 +1,78 @@
+/*
+ * @Author: 郭郭
+ * @Date: 2025/11/5
+ * @Description:
+ */
+
+import { CustomColumnProps } from '../compontent';
+
+/**
+ * form props
+ */
+interface CustomFormModalProps {
+  /**
+   * 标题
+   */
+  title?: string | undefined;
+
+  /**
+   * 弹窗类型
+   */
+  type?: 'modal' | 'drawer' | 'detail';
+
+  /**
+   * 提交成功后事件
+   * @param data
+   */
+  onSubmit?: (data?: { [key: string]: any } | boolean) => void;
+
+  /**
+   * 宽度
+   */
+  width?: number | string;
+
+  /**
+   * 表单字段
+   */
+  columns?: CustomColumnProps[];
+
+  /**
+   * form列表
+   */
+  formList?: {
+    [key: string]: any;
+  };
+
+  /**
+   * 表单默认值
+   */
+  values?: { [key: string]: any };
+
+  /**
+   * 处理form数据
+   */
+  handleData?: (data: any) => any;
+
+  /**
+   * 保存
+   * @param data
+   */
+  saveRequest?: (data: any) => any;
+
+  /**
+   * 修改
+   * @param data
+   */
+  updateRequest?: (data: any) => any;
+
+  /**
+   * 详情
+   * @param data
+   */
+  detailRequest?: (data: any) => any;
+
+  /**
+   * 其它参数
+   */
+  [key: string]: any;
+}

package/dist/CustomFormModal/index.d.ts

@@ -0,0 +1,5 @@
+import { CustomFormModalProps } from "./formModal";
+import React from 'react';
+import './index.less';
+declare const CustomFormModal: React.ForwardRefExoticComponent<Omit<CustomFormModalProps, "ref"> & React.RefAttributes<any>>;
+export default CustomFormModal;