@pointcloud/pcloud-components 0.1.20 → 0.1.23

package/dist/esm/IPAddress/index.js

@@ -0,0 +1,243 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React, { useState, useEffect, useRef, useCallback, useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from "../ConfigProvider";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// IPv6 规范化函数
+var normalizeIPv6 = function normalizeIPv6(ipv6) {
+  if (!ipv6) return '';
+  if (ipv6 === '::') return '0000:0000:0000:0000:0000:0000:0000:0000';
+  // 处理开头/结尾的 ::
+  var normalized = ipv6;
+  if (normalized.startsWith('::')) normalized = '0' + normalized;
+  if (normalized.endsWith('::')) normalized = normalized + '0';
+  var parts = normalized.split('::');
+  var leftParts = parts[0].split(':').filter(Boolean);
+  var rightParts = parts.length > 1 ? parts[1].split(':').filter(Boolean) : [];
+  var zeroSegmentsNeeded = 8 - leftParts.length - rightParts.length;
+  var zeroSegments = Array(zeroSegmentsNeeded).fill('0000');
+  return [].concat(_toConsumableArray(leftParts), _toConsumableArray(zeroSegments), _toConsumableArray(rightParts)).map(function (segment) {
+    return segment.padStart(4, '0');
+  }).join(':');
+};
+var getInitialAddress = function getInitialAddress(type, value) {
+  if (!value) {
+    var len = type === 'IPv6' ? 8 : 4;
+    return Array.from({
+      length: len
+    }, function () {
+      return {
+        value: ''
+      };
+    });
+  }
+  if (type === 'IPv6') {
+    var normalized = normalizeIPv6(value);
+    return normalized.split(':').map(function (i) {
+      return {
+        value: i
+      };
+    });
+  } else {
+    var parts = value.split('.').map(function (i) {
+      return {
+        value: i
+      };
+    });
+    while (parts.length < 4) parts.push({
+      value: ''
+    });
+    return parts.slice(0, 4);
+  }
+};
+var IPAddress = function IPAddress(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    value = props.value,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'IPv4' : _props$type,
+    delimiter = props.delimiter,
+    readOnly = props.readOnly,
+    disabled = props.disabled,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    style = props.style,
+    inputProps = props.inputProps,
+    _props$autoComplete = props.autoComplete,
+    autoComplete = _props$autoComplete === void 0 ? true : _props$autoComplete,
+    _props$normalize = props.normalize,
+    normalize = _props$normalize === void 0 ? true : _props$normalize,
+    onChange = props.onChange,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur;
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('ip-address');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-ip-address"), !!prefixCls), classname);
+  var _useState = useState(function () {
+      return getInitialAddress(type, value);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    address = _useState2[0],
+    setAddress = _useState2[1];
+  var refs = useRef([]);
+  useEffect(function () {
+    setAddress(getInitialAddress(type, value));
+  }, [value, type]);
+  var getValue = useCallback(function (addr) {
+    var vals = addr.map(function (item) {
+      return item.value || '0';
+    });
+    var splitSymbol = type === 'IPv6' ? ':' : '.';
+    if (type !== 'IPv6') return vals.join(splitSymbol);
+    if (normalize) return normalizeIPv6(vals.join(splitSymbol));
+
+    // 1. 去除前导零但保留至少一个0
+    var simplifiedSegments = vals.map(function (seg) {
+      if (seg === '0') return '0';
+      var trimmed = seg.replace(/^0+/, '');
+      return trimmed === '' ? '0' : trimmed;
+    });
+
+    // 2. 查找最长连续0段用于压缩
+    var bestZeroRange = {
+      start: -1,
+      length: 0
+    };
+    var currentZeroStart = -1;
+    simplifiedSegments.forEach(function (seg, i) {
+      if (seg === '0') {
+        if (currentZeroStart === -1) currentZeroStart = i;
+        var currentLength = i - currentZeroStart + 1;
+        if (currentLength > bestZeroRange.length) {
+          bestZeroRange = {
+            start: currentZeroStart,
+            length: currentLength
+          };
+        }
+      } else {
+        currentZeroStart = -1;
+      }
+    });
+
+    // 3. 生成压缩后的地址
+    if (bestZeroRange.length >= 2) {
+      var before = simplifiedSegments.slice(0, bestZeroRange.start);
+      var after = simplifiedSegments.slice(bestZeroRange.start + bestZeroRange.length);
+      var beforeStr = before.join(':');
+      var afterStr = after.join(':');
+
+      // 处理边界情况
+      if (before.length === 0 && after.length === 0) return '::'; // 全零情况
+      if (before.length === 0) return '::' + afterStr; // 开头压缩
+      if (after.length === 0) return beforeStr + '::'; // 结尾压缩
+
+      return beforeStr + '::' + afterStr;
+    }
+    return simplifiedSegments.join(':');
+  }, [type, normalize]);
+  var handleInput = useCallback(function (idx, v) {
+    var nv = v;
+    var maxLen = type === 'IPv6' ? 4 : 3;
+    if (type === 'IPv6') {
+      nv = v.replace(/[^a-fA-F0-9]/g, '').toLowerCase();
+    } else {
+      nv = v.replace(/\D/g, '');
+      if (nv && parseInt(nv, 10) > 255) {
+        nv = '255';
+      }
+    }
+    if (nv.length > maxLen) nv = nv.slice(0, maxLen);
+
+    // 自动聚焦下一个输入框
+    if (autoComplete && type === 'IPv6' && nv.length === maxLen && idx < (type === 'IPv6' ? 7 : 3)) {
+      var _refs$current;
+      (_refs$current = refs.current[idx + 1]) === null || _refs$current === void 0 || _refs$current.focus();
+    }
+    var next = address.map(function (item, i) {
+      return i === idx ? {
+        value: nv
+      } : item;
+    });
+    setAddress(next);
+    if (onChange) {
+      onChange(getValue(next));
+    }
+  }, [address, autoComplete, getValue, onChange, type]);
+  var handleKeyUp = useCallback(function (idx, value) {
+    if (autoComplete && (type === 'IPv4' && value.length === 3 && idx < 3 || type === 'IPv6' && value.length === 4 && idx < 7)) {
+      var _refs$current2;
+      (_refs$current2 = refs.current[idx + 1]) === null || _refs$current2 === void 0 || _refs$current2.focus();
+    }
+  }, [type, autoComplete]);
+  var handleFocus = function handleFocus(idx, value) {
+    onFocus === null || onFocus === void 0 || onFocus(value, idx);
+  };
+  var handleBlur = function handleBlur(idx, value) {
+    onBlur === null || onBlur === void 0 || onBlur(value, idx);
+  };
+  var renderDelimiter = function renderDelimiter() {
+    if (delimiter) return /*#__PURE__*/_jsx("span", {
+      children: delimiter
+    });
+    return type === 'IPv6' ? /*#__PURE__*/_jsx("span", {
+      style: {
+        margin: '0 2px',
+        color: '#00000040'
+      },
+      children: ":"
+    }) : /*#__PURE__*/_jsx("span", {
+      style: {
+        margin: '0 2px',
+        color: '#00000040'
+      },
+      children: "\xB7"
+    });
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(wrapperClass, " ").concat(className, " ").concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(readOnly ? 'readonly' : ''),
+    style: _objectSpread({
+      display: 'inline-block',
+      alignItems: 'center'
+    }, style),
+    children: address.map(function (item, idx) {
+      return /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx("input", _objectSpread({
+          ref: function ref(el) {
+            return refs.current[idx] = el;
+          },
+          type: "text",
+          value: item.value,
+          readOnly: readOnly,
+          disabled: disabled,
+          maxLength: type === 'IPv6' ? 4 : 3,
+          style: _objectSpread({
+            width: type === 'IPv6' ? '4em' : '3em',
+            textAlign: 'center',
+            letterSpacing: type === 'IPv6' ? '0.1em' : undefined,
+            marginRight: idx < address.length - 1 ? 0 : undefined
+          }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.style),
+          onChange: function onChange(e) {
+            return handleInput(idx, e.target.value);
+          },
+          onKeyUp: function onKeyUp(e) {
+            return handleKeyUp(idx, e.target.value);
+          },
+          onFocus: function onFocus(e) {
+            return handleFocus(idx, e.target.value);
+          },
+          onBlur: function onBlur(e) {
+            return handleBlur(idx, e.target.value);
+          }
+        }, inputProps)), idx < address.length - 1 && renderDelimiter()]
+      }, idx);
+    })
+  });
+};
+export default IPAddress;

package/dist/esm/IPAddress/index.less

@@ -0,0 +1,63 @@
+@import '../commonStyle/index.less';
+
+.@{prefix}-ip-address {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  transition: all 0.3s;
+
+  &.small {
+    height: 24px;
+  }
+
+  &.large {
+    padding: 6.5px 10px;
+  }
+
+  &.middle {
+    padding: 4px 10px;
+  }
+
+  &.disabled {
+    color: rgba(0, 0, 0, 25%);
+    background-color: #f5f5f5;
+    border-color: #d9d9d9;
+    box-shadow: none;
+    cursor: not-allowed;
+    opacity: 1;
+
+    &:hover {
+      border-color: #d9d9d9;
+    }
+  }
+
+  &:hover {
+    border-color: #4d90ff;
+  }
+
+  &:focus-within {
+    border-color: #40a9ff;
+    box-shadow: 0 0 0 2px rgba(24, 144, 255, 20%);
+  }
+
+  input {
+    border: none;
+    background: none;
+    text-align: center;
+    outline: 0;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    font-variant: tabular-nums;
+    font-feature-settings: 'tnum';
+    position: relative;
+    display: inline-block;
+    color: #000000d9;
+    font-size: 14px;
+    line-height: 1.5715;
+  }
+
+  input[disabled] {
+    cursor: not-allowed;
+    color: inherit;
+  }
+}

package/dist/esm/IconFont/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { getTwoToneColor, setTwoToneColor } from '@ant-design/icons';
+declare const setIconfontScriptUrl: (urls: string | string[]) => void;
+export interface IconFontProps {
+    type: string;
+    scriptUrl?: string | string[];
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+interface IconFontType extends React.FC<IconFontProps> {
+    setIconfontScriptUrl: typeof setIconfontScriptUrl;
+    getTWoToneColor: typeof getTwoToneColor;
+    setTwoToneColor: typeof setTwoToneColor;
+}
+declare const IconFont: IconFontType;
+export default IconFont;

package/dist/esm/IconFont/index.js

@@ -0,0 +1,27 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["scriptUrl"];
+import React from 'react';
+import { createFromIconfontCN, getTwoToneColor, setTwoToneColor } from '@ant-design/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+var scriptUrls = [];
+var setIconfontScriptUrl = function setIconfontScriptUrl(urls) {
+  scriptUrls = Array.isArray(urls) ? urls : [urls];
+};
+var IconFont = function IconFont(_ref) {
+  var propScriptUrl = _ref.scriptUrl,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var finalScriptUrls = propScriptUrl ? Array.isArray(propScriptUrl) ? propScriptUrl : [propScriptUrl] : scriptUrls;
+  if (!finalScriptUrls.length) {
+    console.error('IconFont 组件需要配置 scriptUrl，请在项目入口处先调用 setIconfontScriptUrl() 或在组件 props 中传入 scriptUrl');
+    return null;
+  }
+  var IconComponent = createFromIconfontCN({
+    scriptUrl: finalScriptUrls
+  });
+  return /*#__PURE__*/_jsx(IconComponent, _objectSpread({}, restProps));
+};
+IconFont.setIconfontScriptUrl = setIconfontScriptUrl;
+IconFont.getTWoToneColor = getTwoToneColor;
+IconFont.setTwoToneColor = setTwoToneColor;
+export default IconFont;

package/dist/esm/InfiniteScrollList/index.d.ts

@@ -50,5 +50,5 @@ interface ISLProps<T, P> {
     visibilityHeight?: number;
 }
 export declare type InfiniteScrollListProps<T, P> = ISLProps<T, P>;
-declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => import("react/jsx-runtime").JSX.Element)>;
 export default _default;

package/dist/esm/InfiniteScrollList/index.js

@@ -1,8 +1,8 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { BackTop, Divider, List, Spin } from 'antd';
 import React, { useCallback, useEffect, useRef, useState, useContext } from 'react';
@@ -13,7 +13,7 @@ import "./styles/index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var InfiniteScrollList = function InfiniteScrollList(props) {
-  var _listData$data2, _listData$data3;
+  var _listData$data, _listData$data2;
   var loadMore = props.loadMore,
     _props$initialParams = props.initialParams,
     initialParams = _props$initialParams === void 0 ? {} : _props$initialParams,
@@ -35,6 +35,11 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('infinite-scroll-wrapper');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-infinite-scroll-wrapper"), !!prefixCls), classname, className);
+  var pageParamsRef = useRef(_objectSpread({
+    current: 1,
+    size: 10
+  }, initialParams));
+  var loadingRef = useRef(false);
   var scrollRef = useRef(null);
   var _useState = useState({
       total: 0,
@@ -43,76 +48,77 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     _useState2 = _slicedToArray(_useState, 2),
     listData = _useState2[0],
     setListData = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isLoading = _useState4[0],
-    setIsLoading = _useState4[1];
-  var _useState5 = useState(_objectSpread({
-      current: 1,
-      size: 10
-    }, initialParams)),
-    _useState6 = _slicedToArray(_useState5, 2),
-    pageParams = _useState6[0],
-    setPageParams = _useState6[1];
   var handleLoadMore = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _listData$data, _yield$loadMore, data, total, records;
+    var _yield$loadMore, data, total, records;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (!isLoading) {
+          if (!loadingRef.current) {
             _context.next = 2;
             break;
           }
           return _context.abrupt("return");
         case 2:
-          setIsLoading(true);
+          loadingRef.current = true;
           _context.prev = 3;
           _context.next = 6;
-          return loadMore(_objectSpread({}, pageParams));
+          return loadMore(_objectSpread({}, pageParamsRef.current));
         case 6:
           _yield$loadMore = _context.sent;
           data = _yield$loadMore.data;
-          total = data.total, records = data.records;
-          if ((records === null || records === void 0 ? void 0 : records.length) > 0 && (listData === null || listData === void 0 ? void 0 : (_listData$data = listData.data) === null || _listData$data === void 0 ? void 0 : _listData$data.length) < total) {
-            setPageParams(function (prevParams) {
-              return _objectSpread(_objectSpread({}, prevParams), {}, {
-                current: prevParams.current + 1
-              });
+          total = data.total, records = data.records; // 初始参数重置时不拼接数据
+          if (pageParamsRef.current.current === 1) {
+            setListData({
+              total: total,
+              data: total > 0 ? _toConsumableArray(records) : []
+            });
+          } else {
+            setListData(function (prevData) {
+              return {
+                total: total,
+                data: total > 0 ? [].concat(_toConsumableArray(prevData.data), _toConsumableArray(records || [])) : []
+              };
             });
           }
-          setListData(function (prevData) {
-            return {
-              total: total,
-              data: total > 0 ? [].concat(_toConsumableArray(prevData.data), _toConsumableArray(records || [])) : []
-            };
-          });
-          setIsLoading(false);
+          loadingRef.current = false;
           _context.next = 17;
           break;
-        case 14:
-          _context.prev = 14;
+        case 13:
+          _context.prev = 13;
           _context.t0 = _context["catch"](3);
-          setIsLoading(false);
+          loadingRef.current = false;
+          setListData({
+            total: 0,
+            data: []
+          });
         case 17:
           _context.prev = 17;
-          setIsLoading(false);
+          loadingRef.current = false;
           return _context.finish(17);
         case 20:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[3, 14, 17, 20]]);
-  })), [loadMore, isLoading, pageParams]);
+    }, _callee, null, [[3, 13, 17, 20]]);
+  })), [loadMore]);
+  useEffect(function () {
+    if (listData.total > 0 && listData.data.length < listData.total) {
+      pageParamsRef.current = _objectSpread(_objectSpread({}, pageParamsRef.current), {}, {
+        current: pageParamsRef.current.current + 1
+      });
+    }
+  }, [listData]);
   useEffect(function () {
-    if (Reflect.ownKeys(initialParams).length > 0 && pageParams.current !== 1) {
+    if (Reflect.ownKeys(initialParams).length > 0) {
       var _scrollRef$current;
-      scrollRef === null || scrollRef === void 0 ? void 0 : (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo({
+      scrollRef === null || scrollRef === void 0 || (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.scrollTo({
         top: 0,
         behavior: 'smooth'
       });
-      setPageParams(_objectSpread({
-        current: 1
-      }, initialParams));
+      pageParamsRef.current = _objectSpread({
+        current: 1,
+        size: 10
+      }, initialParams);
     }
     handleLoadMore();
   }, [initialParams]);
@@ -125,11 +131,11 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
       overflowY: 'auto'
     },
     children: [/*#__PURE__*/_jsx(InfiniteScroll, {
-      className: "".concat(wrapperClass, " ").concat(className, " "),
+      className: "".concat(wrapperClass, " ").concat(className),
       scrollableTarget: containerId,
-      dataLength: listData === null || listData === void 0 ? void 0 : (_listData$data2 = listData.data) === null || _listData$data2 === void 0 ? void 0 : _listData$data2.length,
+      dataLength: (_listData$data = listData.data) === null || _listData$data === void 0 ? void 0 : _listData$data.length,
       next: handleLoadMore,
-      hasMore: (listData === null || listData === void 0 ? void 0 : (_listData$data3 = listData.data) === null || _listData$data3 === void 0 ? void 0 : _listData$data3.length) < (listData === null || listData === void 0 ? void 0 : listData.total),
+      hasMore: ((_listData$data2 = listData.data) === null || _listData$data2 === void 0 ? void 0 : _listData$data2.length) < listData.total,
       loader: /*#__PURE__*/_jsx("div", {
         style: {
           textAlign: 'center'

package/dist/esm/InfiniteScrollList/styles/index.less

@@ -1,22 +1,22 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-infinite-scroll-wrapper {
-  .ant-list .ant-row {
-    margin-right: 0 !important;
-  }
-}
-
-.scroll-container {
-  position: relative;
-
-  .backtop {
-    right: 50px;
-  }
-
-  .up {
-    background: #007aff;
-    color: #fff;
-    text-align: center;
-    border-radius: 3px;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-infinite-scroll-wrapper {
+  .ant-list .ant-row {
+    margin-right: 0 !important;
+  }
+}
+
+.scroll-container {
+  position: relative;
+
+  .backtop {
+    right: 50px;
+  }
+
+  .up {
+    background: #007aff;
+    color: #fff;
+    text-align: center;
+    border-radius: 3px;
+  }
+}

package/dist/esm/LabelValue/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ILabelValueProps } from './interface';
 import './styles/index.less';
-declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon }: ILabelValueProps): JSX.Element;
+declare function LabelValue({ label, value, emptyValue, className, noWrap, noColon, formatter, style }: ILabelValueProps): import("react/jsx-runtime").JSX.Element;
 declare namespace LabelValue {
     var defaultProps: {
         className: string;

package/dist/esm/LabelValue/index.js

@@ -11,21 +11,25 @@ function LabelValue(_ref) {
     emptyValue = _ref.emptyValue,
     className = _ref.className,
     noWrap = _ref.noWrap,
-    noColon = _ref.noColon;
+    noColon = _ref.noColon,
+    formatter = _ref.formatter,
+    style = _ref.style;
   var _useContext = useContext(ConfigContext),
     prefixCls = _useContext.prefixCls,
     getPrefixCls = _useContext.getPrefixCls;
   var classname = getPrefixCls('label-value');
   var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-label-value"), !!prefixCls), classname, className);
+  var title = typeof value === 'string' ? value : undefined;
   return /*#__PURE__*/_jsxs("div", {
+    style: style,
     className: wrapperClass,
     children: [/*#__PURE__*/_jsxs("span", {
       className: "".concat(defaultPrefixCls, "-label"),
       children: [label, noColon ? '' : ':']
     }), /*#__PURE__*/_jsx("span", {
-      title: value,
+      title: title,
       className: "".concat(noWrap ? "".concat(defaultPrefixCls, "-value no-wrap") : "".concat(defaultPrefixCls, "-value")),
-      children: value || emptyValue || '暂无'
+      children: formatter && typeof formatter === 'function' ? formatter(value) : value || emptyValue
     })]
   });
 }

package/dist/esm/LabelValue/interface.d.ts

@@ -1,21 +1,30 @@
+import React from 'react';
 export interface ILabelValueProps {
     /**
      * @description 文字标签
      */
-    label: string | undefined;
+    label: string | React.ReactNode;
     /**
      * @description 文字标签值
      */
-    value?: string | undefined;
+    value?: string | React.ReactNode;
+    /**
+     * @description 格式化value值
+     */
+    formatter?: (_v?: string | React.ReactNode) => string | React.ReactNode;
     /**
      * @description 文字标签值为空时的值
      * @default -
      */
-    emptyValue?: string | undefined;
+    emptyValue?: string | React.ReactNode;
     /**
      * @description 类名
      */
     className?: string;
+    /**
+     * @description 样式
+     */
+    style?: React.CSSProperties;
     /**
      * @description 是否不换行
      * @default false