@pointcloud/pcloud-components 1.0.4 → 1.0.6

package/dist/esm/DUpload/helper.js

@@ -1,11 +1,11 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-16 11:25:57
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-08-30 11:26:22
- * @Description  : 辅助方法集合
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-16 11:25:57
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-08-30 11:26:22
+ * @Description  : 辅助方法集合
  */
 
 /** 转换base64时的参数 */
@@ -41,12 +41,12 @@ function getType(value) {
   }
 }
 
-/**
- * @description  : 将图像文件转换为Base64格式
- * @param         {Blob} blob 图像文件
- * @param         {CompressProps} options 指定图像压缩参数,其格式为: {width:300,height:200,quality:0.7}
- * @return        {Promise<string>} 包含Base64字符串的Promise对象
- * @example      : imageToBase64(file,{ width: 300, height: 200, quality: 0.7 }).then( url => console.log( url ) )
+/**
+ * @description  : 将图像文件转换为Base64格式
+ * @param         {Blob} blob 图像文件
+ * @param         {CompressProps} options 指定图像压缩参数,其格式为: {width:300,height:200,quality:0.7}
+ * @return        {Promise<string>} 包含Base64字符串的Promise对象
+ * @example      : imageToBase64(file,{ width: 300, height: 200, quality: 0.7 }).then( url => console.log( url ) )
  */
 function imageToBase64(blob, options) {
   return new Promise(function (resolve, reject) {
@@ -97,11 +97,11 @@ function imageToBase64(blob, options) {
   });
 }
 
-/**
- * @description  : 将传入的文件转换为UploadFile数组
- * @param         {any} files 目标文件对象
- * @return        {UploadFile[]} UploadFile数组
- * @example      :
+/**
+ * @description  : 将传入的文件转换为UploadFile数组
+ * @param         {any} files 目标文件对象
+ * @return        {UploadFile[]} UploadFile数组
+ * @example      :
  */
 function getUploadFile(files, maxCount) {
   if (files) {
@@ -114,11 +114,11 @@ function getUploadFile(files, maxCount) {
   return [];
 }
 
-/**
- * @description  : 根据传入的option对象获取缩略图参数
- * @param         {ThumbOptionProps} option 缩略图参数对象
- * @return        {ThumbOptionProps} ThumbOption对象
- * @example      :
+/**
+ * @description  : 根据传入的option对象获取缩略图参数
+ * @param         {ThumbOptionProps} option 缩略图参数对象
+ * @return        {ThumbOptionProps} ThumbOption对象
+ * @example      :
  */
 function getThumbOption(option) {
   var _ref2 = option || {},
@@ -152,12 +152,12 @@ function getThumbOption(option) {
   return _option;
 }
 
-/**
- * @description  : a标签下载文件
- * @param         {Blob | string} url a标签的下载url或文件流
- * @param         {string} fileName 下载文件的名称,如果缺省则尝试从url中获取，默认为: "新建文件"
- * @return        {*}
- * @example      :
+/**
+ * @description  : a标签下载文件
+ * @param         {Blob | string} url a标签的下载url或文件流
+ * @param         {string} fileName 下载文件的名称,如果缺省则尝试从url中获取，默认为: "新建文件"
+ * @return        {*}
+ * @example      :
  */
 function downloadFile(url, fileName) {
   var eLink = document.createElement('a');
@@ -170,11 +170,11 @@ function downloadFile(url, fileName) {
   document.body.removeChild(eLink);
 }
 
-/**
- * @description  : a标签预览文件
- * @param         {Blob | string} url a标签的预览url或文件流
- * @return        {*}
- * @example      :
+/**
+ * @description  : a标签预览文件
+ * @param         {Blob | string} url a标签的预览url或文件流
+ * @return        {*}
+ * @example      :
  */
 function previewFile(url) {
   var eLink = document.createElement('a');
@@ -187,13 +187,13 @@ function previewFile(url) {
   document.body.removeChild(eLink);
 }
 
-/**
- * @description  : 以递归方式深度查找一个对象
- * @param         {Record} object 待查找的对象
- * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则递归过程并返回当前对象
- * @param         {number} maxDepth 递归的最大深度，默认10
- * @return        {*} 查找到的对象,未查找到则返回undefined
- * @example      :
+/**
+ * @description  : 以递归方式深度查找一个对象
+ * @param         {Record} object 待查找的对象
+ * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则递归过程并返回当前对象
+ * @param         {number} maxDepth 递归的最大深度，默认10
+ * @return        {*} 查找到的对象,未查找到则返回undefined
+ * @example      :
  */
 // eslint-disable-next-line no-unused-vars
 function deepFindObject(object, fn) {
@@ -223,13 +223,13 @@ function deepFindObject(object, fn) {
   return recursive(object, undefined, '', fn, {});
 }
 
-/**
- * @description  : 以递归方式深度查找一个Jsx对象
- * @param         {Record} object 待查找的Jsx对象
- * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则停止递归过程并返回当前对象
- * @param         {number} maxDepth 递归的最大深度，默认10
- * @return        {*} 查找到的对象,未查找到则返回undefined
- * @example      :
+/**
+ * @description  : 以递归方式深度查找一个Jsx对象
+ * @param         {Record} object 待查找的Jsx对象
+ * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则停止递归过程并返回当前对象
+ * @param         {number} maxDepth 递归的最大深度，默认10
+ * @return        {*} 查找到的对象,未查找到则返回undefined
+ * @example      :
  */
 // eslint-disable-next-line no-unused-vars
 function deepFindJsx(object, fn) {

package/dist/esm/DUpload/index.js

@@ -6,12 +6,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 var _excluded = ["value", "thumbOption", "uploadButton", "itemClassName", "enablePreview", "className", "maxCount", "children", "itemRender", "customRequest", "onRemove", "onDownload", "onPreview", "onChange", "defaultFileList", "showUploadList", "fileList"];
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-16 09:37:07
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-09-07 16:33:53
- * @Description  : 基于antd的Upload组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-16 09:37:07
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-09-07 16:33:53
+ * @Description  : 基于antd的Upload组件
  */
 
 import React, { forwardRef, useEffect, useMemo, useState, useContext } from 'react';

package/dist/esm/DynamicFormItem/index.less

@@ -1,28 +1,28 @@
-.dynamic-form-item {
-  width: 100%;
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  margin-bottom: 8px;
-
-  .ant-form-item {
-    flex: 1;
-    margin-bottom: 0;
-  }
-
-  .ant-btn-link {
-    flex-shrink: 0;
-  }
-
-  &.single {
-    .ant-space-item:first-of-type {
-      display: flex;
-      flex: 1;
-    }
-  }
-}
-
-// 隐藏其他label，只显示第一个但占位
-.dynamic-form-item ~ .dynamic-form-item .ant-col.ant-form-item-label {
-  visibility: hidden;
-}
+.dynamic-form-item {
+  width: 100%;
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-bottom: 8px;
+
+  .ant-form-item {
+    flex: 1;
+    margin-bottom: 0;
+  }
+
+  .ant-btn-link {
+    flex-shrink: 0;
+  }
+
+  &.single {
+    .ant-space-item:first-of-type {
+      display: flex;
+      flex: 1;
+    }
+  }
+}
+
+// 隐藏其他label，只显示第一个但占位
+.dynamic-form-item ~ .dynamic-form-item .ant-col.ant-form-item-label {
+  visibility: hidden;
+}

package/dist/esm/IPAddress/index.less

@@ -1,75 +1,75 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-ip-address {
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  transition: all 0.3s;
-  display: inline-block;
-
-  &.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;
-  }
-
-  input[type='number'] {
-    appearance: textfield; /* 移除Firefox的特殊样式 */
-  }
-
-  /* 移除上下箭头 */
-  input[type='number']::-webkit-outer-spin-button,
-  input[type='number']::-webkit-inner-spin-button {
-    appearance: none;
-    margin: 0;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-ip-address {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  transition: all 0.3s;
+  display: inline-block;
+
+  &.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;
+  }
+
+  input[type='number'] {
+    appearance: textfield; /* 移除Firefox的特殊样式 */
+  }
+
+  /* 移除上下箭头 */
+  input[type='number']::-webkit-outer-spin-button,
+  input[type='number']::-webkit-inner-spin-button {
+    appearance: none;
+    margin: 0;
+  }
+}

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

@@ -60,7 +60,7 @@ interface ISLProps<T, P> {
     /**
      * @description 列表项点击事件
      */
-    onItemClick?: (item: P, index: number) => void;
+    onItemClick?: (_item: P, _index: number) => void;
 }
 export type InfiniteScrollListProps<T, P> = ISLProps<T, P>;
 declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => import("react/jsx-runtime").JSX.Element)>;

package/dist/esm/InfiniteScrollList/index.js

@@ -115,11 +115,11 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     var key = itemElement === null || itemElement === void 0 || (_itemElement$dataset = itemElement.dataset) === null || _itemElement$dataset === void 0 ? void 0 : _itemElement$dataset.key;
     if (key && ((_listDataRef$current = listDataRef.current) === null || _listDataRef$current === void 0 || (_listDataRef$current = _listDataRef$current.data) === null || _listDataRef$current === void 0 ? void 0 : _listDataRef$current.length) > 0) {
       var _listDataRef$current$;
-      var _index = listDataRef.current.data.findIndex(function (item, index) {
+      var _index2 = listDataRef.current.data.findIndex(function (item, index) {
         return item[itemKey] === key || index === Number(key);
       });
-      if (_index >= 0 && _index < ((_listDataRef$current$ = listDataRef.current.data) === null || _listDataRef$current$ === void 0 ? void 0 : _listDataRef$current$.length)) {
-        onItemClick === null || onItemClick === void 0 || onItemClick(listDataRef.current.data[_index], _index);
+      if (_index2 >= 0 && _index2 < ((_listDataRef$current$ = listDataRef.current.data) === null || _listDataRef$current$ === void 0 ? void 0 : _listDataRef$current$.length)) {
+        onItemClick === null || onItemClick === void 0 || onItemClick(listDataRef.current.data[_index2], _index2);
       }
     }
   }, [itemKey, onItemClick]);

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

@@ -1,24 +1,24 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-infinite-scroll-wrapper {
-  .ant-list .ant-row {
-    margin-right: 0 !important;
-  }
-}
-
-.scroll-container {
-  position: relative;
-  overflow-y: auto;
-  overflow-x: hidden;
-
-  .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;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  .backtop {
+    right: 50px;
+  }
+
+  .up {
+    background: #007aff;
+    color: #fff;
+    text-align: center;
+    border-radius: 3px;
+  }
+}

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

@@ -1,37 +1,37 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-loading {
-  .mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 100000;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background: rgba(0, 0, 0, 30%); // 添加半透明背景色
-  }
-
-  .loading {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 100001;
-    padding: 20px;
-    background: rgba(255, 255, 255, 90%); // 调整背景透明度
-    border-radius: 10px;
-    box-shadow: 3px 3px 3px rgba(0, 0, 0, 20%); // 调整阴影
-    transform: translate(-50%, -50%);
-  }
-
-  /* 当挂载到body时使用fixed定位 */
-  &.body-container {
-    .mask {
-      position: fixed;
-    }
-
-    .loading {
-      position: fixed;
-    }
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-loading {
+  .mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 100000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background: rgba(0, 0, 0, 30%); // 添加半透明背景色
+  }
+
+  .loading {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 100001;
+    padding: 20px;
+    background: rgba(255, 255, 255, 90%); // 调整背景透明度
+    border-radius: 10px;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 20%); // 调整阴影
+    transform: translate(-50%, -50%);
+  }
+
+  /* 当挂载到body时使用fixed定位 */
+  &.body-container {
+    .mask {
+      position: fixed;
+    }
+
+    .loading {
+      position: fixed;
+    }
+  }
+}

package/dist/esm/LoginForm/index.js

@@ -115,6 +115,7 @@ var LoginForm = /*#__PURE__*/forwardRef(function (props, ref) {
   }();
 
   // 将 restProps 中可能与 items 冲突的属性排除
+  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
   var children = restProps.children,
     formPropsWithoutChildren = _objectWithoutProperties(restProps, _excluded2);
   return /*#__PURE__*/_jsx(DForm, _objectSpread({

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

@@ -0,0 +1,3 @@
+import type { ModalTableProps } from './interface';
+declare const _default: (props: ModalTableProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/esm/ModalTable/index.js

@@ -0,0 +1,95 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { useRef, useCallback, useMemo } from 'react';
+import DForm from "../DForm";
+import DModal from "../DModal";
+import DTable from "../DTable";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function (props) {
+  var _props$modalProps = props.modalProps,
+    modalProps = _props$modalProps === void 0 ? {} : _props$modalProps,
+    formProps = props.formProps,
+    tableProps = props.tableProps,
+    _props$showSearchForm = props.showSearchForm,
+    showSearchForm = _props$showSearchForm === void 0 ? true : _props$showSearchForm,
+    _props$searchMode = props.searchMode,
+    searchMode = _props$searchMode === void 0 ? 'immediate' : _props$searchMode;
+  var tableRef = useRef(null);
+  var handleSearch = useCallback(function (values) {
+    if (tableRef.current) {
+      tableRef.current.refresh(_objectSpread({}, values));
+    }
+  }, []);
+  var defaultFormItems = useMemo(function () {
+    if (searchMode === 'submit') {
+      return [{
+        renderType: 'button',
+        htmlType: 'submit',
+        label: '查询',
+        type: 'primary',
+        className: 'search-button',
+        style: {
+          marginBottom: '24px'
+        }
+      }, {
+        renderType: 'button',
+        htmlType: 'reset',
+        label: '重置',
+        className: 'reset-button',
+        style: {
+          marginLeft: '10px',
+          marginBottom: '24px'
+        }
+      }];
+    }
+    return [];
+  }, [searchMode]);
+  var mergedItems = useMemo(function () {
+    if (!(formProps !== null && formProps !== void 0 && formProps.items) || formProps.items.length === 0) {
+      return defaultFormItems;
+    }
+    return [].concat(_toConsumableArray(formProps.items), _toConsumableArray(defaultFormItems));
+  }, [formProps === null || formProps === void 0 ? void 0 : formProps.items, defaultFormItems]);
+  var searchFormProps = _objectSpread(_objectSpread({
+    layout: 'inline',
+    onFinish: searchMode === 'submit' ? handleSearch : undefined,
+    onReset: searchMode === 'submit' ? function () {
+      var _formProps$items;
+      var resetValues = {
+        current: 1
+      };
+      formProps === null || formProps === void 0 || (_formProps$items = formProps.items) === null || _formProps$items === void 0 || _formProps$items.forEach(function (item) {
+        if (item.name) {
+          resetValues[item.name] = undefined;
+        }
+      });
+      handleSearch(resetValues);
+    } : undefined,
+    onValuesChange: searchMode === 'immediate' ? function (_, allValues) {
+      return handleSearch(_objectSpread(_objectSpread({}, allValues), {}, {
+        current: 1
+      }));
+    } : undefined
+  }, formProps), {}, {
+    items: mergedItems
+  });
+  var tableElement = /*#__PURE__*/_jsx(DTable, _objectSpread(_objectSpread({}, tableProps), {}, {
+    ref: tableRef
+  }));
+  return /*#__PURE__*/_jsxs(DModal, _objectSpread(_objectSpread({
+    open: modalProps.open,
+    style: {
+      height: 'auto'
+    },
+    centered: true,
+    destroyOnClose: true,
+    bodyStyle: {
+      maxHeight: '600px',
+      overflowY: 'auto'
+    },
+    title: modalProps.title || '数据列表'
+  }, modalProps), {}, {
+    children: [showSearchForm && /*#__PURE__*/_jsx(DForm, _objectSpread({}, searchFormProps)), tableElement]
+  }));
+});

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { DModalProps } from '../DModal/interface';
+import type { DFormProps } from '../DForm';
+import type { DTableProps, DTableRef } from '../DTable';
+export interface ModalTableProps {
+    /** DModal props */
+    modalProps?: DModalProps;
+    /** DForm props for search form */
+    formProps?: DFormProps;
+    /** DTable props */
+    tableProps?: DTableProps & {
+        ref?: React.Ref<DTableRef>;
+    };
+    /** Whether to show search form, default true */
+    showSearchForm?: boolean;
+    /**
+     * 搜索模式
+     * - `immediate`: 表单值变化时立即请求数据刷新
+     * - `submit`: 表单提交时请求数据刷新，表单会自动补充查询和重置按钮
+     * @default 'immediate'
+     */
+    searchMode?: 'immediate' | 'submit';
+}

package/dist/esm/ModalTable/interface.js

@@ -0,0 +1 @@
+export {};