@pointcloud/pcloud-components 1.0.5 → 1.0.7

package/dist/esm/DForm/index.less

@@ -1,50 +1,50 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-form {
-  .form-wrapper > .ant-form-item {
-    min-height: 32px;
-    margin-right: 0;
-    margin-bottom: 24px;
-  }
-
-  .ant-input-number,
-  .ant-picker {
-    width: 100%;
-  }
-}
-
-.@{prefix}-form.ant-form-vertical .form-wrapper > .ant-form-item:last-child,
-.@{prefix}-form.ant-form-horizontal .form-wrapper > .ant-form-item:last-child {
-  margin-bottom: 0;
-}
-
-.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
-  min-width: 80px;
-}
-
-.@{prefix}-form.ant-form-inline .form-wrapper,
-.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  height: min-content;
-  flex: 1;
-
-  > .ant-form-item {
-    padding-right: 16px;
-  }
-}
-
-.@{prefix}-form.ant-form-inline.inlineVertical {
-  .ant-form-item-row {
-    flex-direction: column;
-
-    .ant-form-item-label {
-      text-align: left;
-    }
-  }
-
-  .grid-row {
-    flex: 1;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-form {
+  .form-wrapper > .ant-form-item {
+    min-height: 32px;
+    margin-right: 0;
+    margin-bottom: 24px;
+  }
+
+  .ant-input-number,
+  .ant-picker {
+    width: 100%;
+  }
+}
+
+.@{prefix}-form.ant-form-vertical .form-wrapper > .ant-form-item:last-child,
+.@{prefix}-form.ant-form-horizontal .form-wrapper > .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+
+.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
+  min-width: 80px;
+}
+
+.@{prefix}-form.ant-form-inline .form-wrapper,
+.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  height: min-content;
+  flex: 1;
+
+  > .ant-form-item {
+    padding-right: 16px;
+  }
+}
+
+.@{prefix}-form.ant-form-inline.inlineVertical {
+  .ant-form-item-row {
+    flex-direction: column;
+
+    .ant-form-item-label {
+      text-align: left;
+    }
+  }
+
+  .grid-row {
+    flex: 1;
+  }
+}

package/dist/esm/DInput/index.js

@@ -2,12 +2,12 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "onChange", "onCompositionStart", "onCompositionEnd", "value", "debounce", "enableCompose"];
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-05-16 10:08:26
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-08-16 16:48:52
- * @Description  : 基于antd的Input组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-05-16 10:08:26
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-08-16 16:48:52
+ * @Description  : 基于antd的Input组件
  */
 import React, { useRef, forwardRef, useState, useEffect, useContext, useCallback } from 'react';
 import { Input } from 'antd';

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

@@ -1,33 +1,33 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-modal-container {
-  .ant-modal-wrap {
-    .ant-modal {
-      max-width: unset;
-      height: 100%;
-
-      .ant-modal-content {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-}
-
-.@{prefix}-absolute-modal-container {
-  .ant-modal-wrap {
-    position: fixed;
-  }
-}
-
-.@{prefix}-fixed-modal-container {
-  .ant-modal-wrap {
-    position: fixed;
-  }
-}
-
-.@{prefix}-relative-modal-container {
-  .ant-modal-wrap {
-    position: absolute;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-modal-container {
+  .ant-modal-wrap {
+    .ant-modal {
+      max-width: unset;
+      height: 100%;
+
+      .ant-modal-content {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+
+.@{prefix}-absolute-modal-container {
+  .ant-modal-wrap {
+    position: fixed;
+  }
+}
+
+.@{prefix}-fixed-modal-container {
+  .ant-modal-wrap {
+    position: fixed;
+  }
+}
+
+.@{prefix}-relative-modal-container {
+  .ant-modal-wrap {
+    position: absolute;
+  }
+}

package/dist/esm/DRangePicker/index.less

@@ -1,30 +1,30 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-range-picker {
-  &-right,
-  &-left {
-    .ant-picker-panel-container {
-      display: flex;
-    }
-
-    .ant-picker-footer {
-      min-width: 40px;
-      flex: 1;
-    }
-
-    .ant-picker-ranges {
-      display: flex;
-      flex-direction: column;
-    }
-
-    .ant-picker-preset .ant-tag {
-      margin-right: 0;
-    }
-  }
-
-  &-left {
-    .ant-picker-panel-container {
-      flex-direction: row-reverse;
-    }
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-range-picker {
+  &-right,
+  &-left {
+    .ant-picker-panel-container {
+      display: flex;
+    }
+
+    .ant-picker-footer {
+      min-width: 40px;
+      flex: 1;
+    }
+
+    .ant-picker-ranges {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .ant-picker-preset .ant-tag {
+      margin-right: 0;
+    }
+  }
+
+  &-left {
+    .ant-picker-panel-container {
+      flex-direction: row-reverse;
+    }
+  }
+}

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

@@ -11,7 +11,7 @@ export type DSelectProps = Omit<SelectProps, 'options' | 'onSearch' | 'loading'>
     /** 是否开启防抖： true表示800毫秒，true表示默认值，false或0表示不开启 */
     debounce?: boolean | number;
 };
-declare const DSelect: React.ForwardRefExoticComponent<Omit<SelectProps<any, DefaultOptionType>, "options" | "onSearch" | "loading"> & {
+declare const DSelect: React.ForwardRefExoticComponent<Omit<SelectProps<any, DefaultOptionType>, "loading" | "options" | "onSearch"> & {
     /** antd的onSearch属性，onSearch有效时showSearch自动为true */
     onSearch?: ((params?: any) => Promise<DefaultOptionType[] | any[]>) | undefined;
     /** antd的options属性，可以是一个options数组，或一个返回等价options数组的promise */

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

@@ -28,6 +28,8 @@ export type DTableProps = Omit<TableProps<any>, 'columns'> & {
     extraParams?: TableParamsProps;
     /** 表格列配置 */
     columns?: DColumnType[];
+    /** 自动显示序号列 */
+    autoSerialNumber?: boolean;
 };
 export type DTableRef = {
     /** 手动刷新列表方法
@@ -58,5 +60,7 @@ declare const DTable: React.ForwardRefExoticComponent<Omit<TableProps<any>, "col
     extraParams?: TableParamsProps | undefined;
     /** 表格列配置 */
     columns?: DColumnType[] | undefined;
-} & React.RefAttributes<HTMLDivElement & DTableRef>>;
+    /** 自动显示序号列 */
+    autoSerialNumber?: boolean | undefined;
+} & React.RefAttributes<DTableRef>>;
 export default DTable;

package/dist/esm/DTable/index.js

@@ -1,13 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var _excluded = ["loadMore", "defaultColumnProps", "actionColumn", "showErrorMsg", "extraParams", "dataSource", "rowKey", "scroll", "className", "pagination", "columns", "loading"];
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-05-09 15:04:48
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-08-16 16:45:15
- * @Description  : 基于antd的Table组件
+var _excluded = ["loadMore", "defaultColumnProps", "actionColumn", "showErrorMsg", "extraParams", "dataSource", "rowKey", "scroll", "className", "pagination", "columns", "loading", "autoSerialNumber"];
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-05-09 15:04:48
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-08-16 16:45:15
+ * @Description  : 基于antd的Table组件
  */
 import React, { forwardRef, useEffect, useRef, useState, useContext, useMemo, useImperativeHandle, useCallback } from 'react';
 import { message, Table } from 'antd';
@@ -50,6 +50,28 @@ function getColumns(columns, defaultColumnProps) {
   });
 }
 
+// 序号列
+function getSerialNumberColumnProps(defaultColumnProps, params) {
+  var defaultProps = {
+    width: 80,
+    title: '序号',
+    dataIndex: 'serialNumber',
+    align: 'center'
+  };
+  return _objectSpread(_objectSpread(_objectSpread({}, defaultColumnProps), defaultProps), {}, {
+    render: function render(_, __, index) {
+      if (params) {
+        var size = params.size,
+          current = params.current;
+        return /*#__PURE__*/_jsx("div", {
+          children: "".concat((current - 1) * size + (index + 1))
+        });
+      }
+      return index + 1;
+    }
+  });
+}
+
 // 操作列
 function getActionColumnProps(props, defaultColumnProps) {
   var defaultProps = {
@@ -90,6 +112,8 @@ function InternalTable(props, ref) {
     pagination = props.pagination,
     columns = props.columns,
     loading = props.loading,
+    _props$autoSerialNumb = props.autoSerialNumber,
+    autoSerialNumber = _props$autoSerialNumb === void 0 ? false : _props$autoSerialNumb,
     otherProps = _objectWithoutProperties(props, _excluded);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
@@ -118,6 +142,13 @@ function InternalTable(props, ref) {
 
   // 合并列属性
   var _columns = getColumns(columns, defaultColumnProps);
+  var serialNumberColumn = useMemo(function () {
+    return getSerialNumberColumnProps(defaultColumnProps, {
+      current: tableParams.current,
+      size: tableParams.size
+    });
+  }, [defaultColumnProps, tableParams.current, tableParams.size]);
+  if (_columns instanceof Array && autoSerialNumber) _columns.unshift(serialNumberColumn);
 
   // 加入操作列
   var _actionColumn = actionColumn ? getActionColumnProps(actionColumn, defaultColumnProps) : undefined;
@@ -143,11 +174,19 @@ function InternalTable(props, ref) {
       setTableSource(_objectSpread(_objectSpread({}, tableSource), {}, {
         loading: true
       }));
-      var _tableQuery = _objectSpread(_objectSpread({}, getTablePage(_pagination)), params);
-      var paramsString = JSON.stringify(_tableQuery);
+      var filteredParams = {};
+      Object.entries(_objectSpread(_objectSpread({}, getTablePage(_pagination)), params)).forEach(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+        if (value !== undefined && value !== null) {
+          filteredParams[key] = value;
+        }
+      });
+      var paramsString = JSON.stringify(filteredParams);
       loadingParamsRef.current = paramsString;
-      setTableParams(_tableQuery);
-      loadMore(_tableQuery, tableSource.records).then(function (response) {
+      setTableParams(filteredParams);
+      loadMore(filteredParams, tableSource.records).then(function (response) {
         if (loadingParamsRef.current === paramsString) {
           var _response$total = response.total,
             total = _response$total === void 0 ? 0 : _response$total,

package/dist/esm/DTable/index.less

@@ -1,61 +1,61 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-table {
-  .ant-spin-nested-loading,
-  .ant-spin-container,
-  .ant-table-container,
-  .ant-table-content {
-    height: 100%;
-  }
-
-  .ant-spin-container,
-  .ant-table-container {
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-
-  .ant-table {
-    flex: 1;
-    overflow: hidden;
-  }
-
-  .ant-table-body {
-    overflow-y: auto;
-    // 表内单元格不省略
-    .ant-table-tbody > tr > td.ant-table-cell.d-table-cell-wrap {
-      white-space: initial;
-    }
-
-    // x轨道的宽度和y轨道的高度
-    &::-webkit-scrollbar {
-      width: 4px;
-      height: 8px;
-    }
-
-    // 轨道拖动部分的背景颜色
-    &::-webkit-scrollbar-thumb {
-      background-color: #0084ff;
-    }
-
-    // 轨道背景颜色
-    &::-webkit-scrollbar-track {
-      background-color: #f1f1f1;
-      border-radius: 2px;
-    }
-
-    // x、y两条轨道的交叉处
-    &::-webkit-scrollbar-corner {
-      background-color: #f1f1f1;
-    }
-  }
-
-  .ant-spin-nested-loading > div > .ant-spin {
-    max-height: initial;
-  }
-
-  .ant-pagination-total-text span {
-    color: #40a9ff;
-    font-weight: bold;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-table {
+  .ant-spin-nested-loading,
+  .ant-spin-container,
+  .ant-table-container,
+  .ant-table-content {
+    height: 100%;
+  }
+
+  .ant-spin-container,
+  .ant-table-container {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .ant-table {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .ant-table-body {
+    overflow-y: auto;
+    // 表内单元格不省略
+    .ant-table-tbody > tr > td.ant-table-cell.d-table-cell-wrap {
+      white-space: initial;
+    }
+
+    // x轨道的宽度和y轨道的高度
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 8px;
+    }
+
+    // 轨道拖动部分的背景颜色
+    &::-webkit-scrollbar-thumb {
+      background-color: #0084ff;
+    }
+
+    // 轨道背景颜色
+    &::-webkit-scrollbar-track {
+      background-color: #f1f1f1;
+      border-radius: 2px;
+    }
+
+    // x、y两条轨道的交叉处
+    &::-webkit-scrollbar-corner {
+      background-color: #f1f1f1;
+    }
+  }
+
+  .ant-spin-nested-loading > div > .ant-spin {
+    max-height: initial;
+  }
+
+  .ant-pagination-total-text span {
+    color: #40a9ff;
+    font-weight: bold;
+  }
+}

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';