@pointcloud/pcloud-components 0.1.21 → 0.1.23

package/dist/esm/ErrorBoundary/index.less

@@ -1,44 +1,44 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-error-boundary {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: auto;
-  margin: 20px;
-  padding: 15px;
-  background-color: rgb(221, 127, 127);
-  border-radius: 10px;
-
-  .error-text {
-    margin-top: 20px;
-  }
-
-  .error-refresh {
-    width: 140px;
-    height: 40px;
-    color: white;
-    font-weight: bold;
-    line-height: 40px;
-    text-align: center;
-    background-color: #4593ef;
-    border-radius: 5px;
-    cursor: pointer;
-  }
-
-  .errorDetiles {
-    .detilesLink {
-      color: blue;
-    }
-
-    .errordetails {
-      padding: 10px;
-      color: #777;
-      font-size: 80%;
-      background-color: rgb(204, 198, 190);
-      border: 1px solid #777;
-      border-radius: 5px;
-    }
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-error-boundary {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  margin: 20px;
+  padding: 15px;
+  background-color: rgb(221, 127, 127);
+  border-radius: 10px;
+
+  .error-text {
+    margin-top: 20px;
+  }
+
+  .error-refresh {
+    width: 140px;
+    height: 40px;
+    color: white;
+    font-weight: bold;
+    line-height: 40px;
+    text-align: center;
+    background-color: #4593ef;
+    border-radius: 5px;
+    cursor: pointer;
+  }
+
+  .errorDetiles {
+    .detilesLink {
+      color: blue;
+    }
+
+    .errordetails {
+      padding: 10px;
+      color: #777;
+      font-size: 80%;
+      background-color: rgb(204, 198, 190);
+      border: 1px solid #777;
+      border-radius: 5px;
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+export interface IPAddressProps {
+    className?: string;
+    value?: string;
+    onChange?: (_value: string) => void;
+    onFocus?: (_value: string, _index: number) => void;
+    onBlur?: (_value: string, _index: number) => void;
+    type?: 'IPv4' | 'IPv6';
+    delimiter?: React.ReactNode;
+    readOnly?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'middle' | 'large';
+    style?: React.CSSProperties;
+    inputProps?: {
+        style?: React.CSSProperties;
+        [key: string]: any;
+    };
+    autoComplete?: boolean;
+    normalize?: boolean;
+}
+declare const IPAddress: React.FC<IPAddressProps>;
+export default IPAddress;

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/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/interface.d.ts

@@ -11,7 +11,7 @@ export interface ILabelValueProps {
     /**
      * @description 格式化value值
      */
-    formatter?: (v?: any) => string | React.ReactNode;
+    formatter?: (_v?: string | React.ReactNode) => string | React.ReactNode;
     /**
      * @description 文字标签值为空时的值
      * @default -

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

@@ -1,23 +1,23 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-label-value {
-  display: inline-flex;
-
-  span {
-    &:first-child {
-      max-width: 120px;
-      padding-right: 4px;
-      white-space: nowrap;
-    }
-
-    &:last-child {
-      flex: 1;
-
-      &.no-wrap {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-    }
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-label-value {
+  display: inline-flex;
+
+  span {
+    &:first-child {
+      max-width: 120px;
+      padding-right: 4px;
+      white-space: nowrap;
+    }
+
+    &:last-child {
+      flex: 1;
+
+      &.no-wrap {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}

package/dist/esm/Loading/hooks/useLoading.d.ts

@@ -0,0 +1,6 @@
+import type { ILoadingInstance, LoadingInstanceProps } from '../interface';
+export declare const useLoading: (initialState?: boolean) => {
+    isLoading: boolean;
+    openLoading: (params?: LoadingInstanceProps) => ILoadingInstance;
+    closeLoading: () => void;
+};

package/dist/esm/Loading/hooks/useLoading.js

@@ -0,0 +1,35 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useState, useEffect, useRef } from 'react';
+import loading from "../index";
+export var useLoading = function useLoading() {
+  var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var _useState = useState(initialState),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var loadingRef = useRef(null);
+  useEffect(function () {
+    return function () {
+      if (loadingRef.current) {
+        loading.close();
+      }
+    };
+  }, []);
+  var openLoading = function openLoading(params) {
+    setIsLoading(true);
+    loadingRef.current = loading.open(params);
+    return loadingRef.current;
+  };
+  var closeLoading = function closeLoading() {
+    setIsLoading(false);
+    if (loadingRef.current) {
+      loading.close();
+      loadingRef.current = null;
+    }
+  };
+  return {
+    isLoading: isLoading,
+    openLoading: openLoading,
+    closeLoading: closeLoading
+  };
+};

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

@@ -1,9 +1,10 @@
 import Loading from './loading';
-import { ILoadingProps, LoadingInstanceProps } from './interface';
+import { LoadingInstanceProps, ILoadingInstance } from './interface';
+import { useLoading } from './hooks/useLoading';
 declare const _default: {
-    open(params?: LoadingInstanceProps): ILoadingProps;
+    open(params?: LoadingInstanceProps): ILoadingInstance;
     close(): void;
-    getInstance(): ILoadingProps;
+    getInstance(): ILoadingInstance | null;
 };
 export default _default;
-export { Loading };
+export { Loading, useLoading };

package/dist/esm/Loading/index.js

@@ -1,22 +1,22 @@
 import Loading from "./loading";
+import { useLoading } from "./hooks/useLoading";
 var loadingInstance = null;
-var getLoadingInstance = function getLoadingInstance(params) {
-  loadingInstance = loadingInstance || Loading.newInstance(params);
-  return loadingInstance;
-};
 export default {
   open: function open(params) {
-    return getLoadingInstance(params);
+    if (!loadingInstance) {
+      loadingInstance = Loading.newInstance(params);
+    }
+    return loadingInstance;
   },
   close: function close() {
     if (loadingInstance) {
-      var _loadingInstance;
-      (_loadingInstance = loadingInstance) === null || _loadingInstance === void 0 || _loadingInstance.destroy();
-      loadingInstance = null;
+      var currentInstance = loadingInstance;
+      loadingInstance = null; // 先清空引用
+      currentInstance.destroy(); // 再销毁
     }
   },
   getInstance: function getInstance() {
     return loadingInstance;
   }
 };
-export { Loading };
+export { Loading, useLoading };

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

@@ -1,5 +1,5 @@
 import { SpinProps } from 'antd';
-import React, { ReactInstance } from 'react';
+import { ReactInstance } from 'react';
 export interface LoadingInstanceProps extends Omit<SpinProps, 'delay'> {
     /**
      * @description 加载框容器
@@ -12,9 +12,12 @@ export interface LoadingInstanceProps extends Omit<SpinProps, 'delay'> {
      */
     delay?: number;
 }
+export interface ILoadingInstance {
+    destroy: () => void;
+}
 export interface ILoadingProps {
-    open: (_param: LoadingInstanceProps) => React.ReactNode;
+    open: (_params: LoadingInstanceProps) => ILoadingInstance;
+    getInstance: () => ILoadingInstance | null;
     close: () => void;
-    getInstance: () => React.ReactNode;
 }
 export declare type LoadingProps = ILoadingProps;