@pointcloud/pcloud-components 1.0.4 → 1.0.6

package/dist/esm/ContextMenu/index.less

@@ -1,61 +1,61 @@
-@import '../commonStyle/index.less';
-
-@context-menu-bg: #ffffff;
-@context-menu-border-color: #f0f0f0;
-@context-menu-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@border-radius-base: 1px;
-
-.@{prefix}-context-menu {
-  background: @context-menu-bg;
-  border-radius: @border-radius-base;
-  border: 1px solid @context-menu-border-color;
-  box-shadow: @context-menu-shadow;
-  padding: 4px 0;
-  min-width: 120px;
-  opacity: 0;
-  transform: scale(0.8);
-  transform-origin: top left;
-  animation: contextmenu-show 0.2s ease-out forwards;
-
-  &-item {
-    padding: 5px 12px;
-    cursor: pointer;
-    user-select: none;
-    transition: all 0.3s;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    color: rgba(0, 0, 0, 88%);
-
-    &:hover {
-      background: rgba(0, 0, 0, 4%);
-    }
-
-    &-disabled {
-      color: rgba(0, 0, 0, 25%);
-      cursor: not-allowed;
-
-      &:hover {
-        background: none;
-      }
-    }
-
-    &-divider {
-      height: 1px;
-      margin: 4px 0;
-      background: #f0f0f0;
-    }
-  }
-}
-
-@keyframes contextmenu-show {
-  0% {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
+@import '../commonStyle/index.less';
+
+@context-menu-bg: #ffffff;
+@context-menu-border-color: #f0f0f0;
+@context-menu-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+@border-radius-base: 1px;
+
+.@{prefix}-context-menu {
+  background: @context-menu-bg;
+  border-radius: @border-radius-base;
+  border: 1px solid @context-menu-border-color;
+  box-shadow: @context-menu-shadow;
+  padding: 4px 0;
+  min-width: 120px;
+  opacity: 0;
+  transform: scale(0.8);
+  transform-origin: top left;
+  animation: contextmenu-show 0.2s ease-out forwards;
+
+  &-item {
+    padding: 5px 12px;
+    cursor: pointer;
+    user-select: none;
+    transition: all 0.3s;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: rgba(0, 0, 0, 88%);
+
+    &:hover {
+      background: rgba(0, 0, 0, 4%);
+    }
+
+    &-disabled {
+      color: rgba(0, 0, 0, 25%);
+      cursor: not-allowed;
+
+      &:hover {
+        background: none;
+      }
+    }
+
+    &-divider {
+      height: 1px;
+      margin: 4px 0;
+      background: #f0f0f0;
+    }
+  }
+}
+
+@keyframes contextmenu-show {
+  0% {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}

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

@@ -11,7 +11,7 @@ export type DCascaderProps = Omit<CascaderProps<any>, 'options' | 'loadData' | '
     /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */
     loading?: boolean | number;
 };
-declare const DCascader: React.ForwardRefExoticComponent<Omit<CascaderProps<any>, "options" | "loading" | "loadData"> & {
+declare const DCascader: React.ForwardRefExoticComponent<Omit<CascaderProps<any>, "loading" | "options" | "loadData"> & {
     /** antd的options属性，同onSearch属性，可以是一个options数组，或一个返回等价options数组的promise */
     options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[]>) | undefined;
     /** antd的loadData属性，动态加载子级列表数据,默认使用options所提供的方法，如果传入null，则表示不进行动态加载,该方法要求返回一个options数组或与其等价的Promise */

package/dist/esm/DForm/DItem/itemsRender.js

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-12 17:35:10
- * @LastEditors  : frank
- * @LastEditTime : 2023-12-20 15:40:13
- * @Description  : 根据renderType渲染对应的表单项组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-12 17:35:10
+ * @LastEditors  : frank
+ * @LastEditTime : 2023-12-20 15:40:13
+ * @Description  : 根据renderType渲染对应的表单项组件
  */
 
 import { AutoComplete, Button, Cascader, Checkbox, DatePicker, Divider, Form, Input, InputNumber, Mentions, Radio, Rate, Select, Slider, Switch, TimePicker, Transfer, TreeSelect, Upload } from 'antd';

package/dist/esm/DForm/index.js

@@ -2,12 +2,12 @@ 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 = ["className", "defaultItemProps", "items", "children", "layout", "autoComplete"];
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-02 09:29:11
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-08-16 17:44:33
- * @Description  : 基于antd的Form组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-02 09:29:11
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-08-16 17:44:33
+ * @Description  : 基于antd的Form组件
  */
 
 import React, { forwardRef, useContext, useState, useMemo, useEffect, useImperativeHandle } from 'react';

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,16 +28,18 @@ export type DTableProps = Omit<TableProps<any>, 'columns'> & {
     extraParams?: TableParamsProps;
     /** 表格列配置 */
     columns?: DColumnType[];
+    /** 自动显示序号列 */
+    autoSerialNumber?: boolean;
 };
 export type DTableRef = {
     /** 手动刷新列表方法
      * @param params 可选的新参数，如果不传则使用现有参数
      */
-    refresh: (params?: TableParamsProps) => void;
+    refresh: (_params?: TableParamsProps) => void;
     /** 手动刷新列表到指定页数方法
      * @param page 指定页数
      */
-    refreshToPage: (page: number) => void;
+    refreshToPage: (_page: number) => void;
     /** 获取当前分页信息 */
     getPaginationState: () => {
         current: number;
@@ -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;
@@ -109,20 +133,22 @@ function InternalTable(props, ref) {
     tableParams = _useState4[0],
     setTableParams = _useState4[1];
 
-  // 隐藏单个分页时, 高度充满
-  var extraHeight = useMemo(function () {
-    return _pagination['hideOnSinglePage'] ? 0 : 56;
-  }, [_pagination]);
-
-  // 默认垂直滚动高度为 calc(100% - 56px),其中56px为表格header高度，如需修改，需要自行覆盖styles中的相关样式
+  // 默认垂直滚动高度为 calc(100% - 56px),其中56px为表格header默认高度
   var _scroll = scroll ? _objectSpread({
-    y: "calc(100% - ".concat(extraHeight, "px)")
+    y: "calc(100% - 56px)"
   }, scroll) : {
-    y: "calc(100% - ".concat(extraHeight, "px)")
+    y: "calc(100% - 56px)"
   };
 
   // 合并列属性
   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;
@@ -148,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

@@ -4,28 +4,24 @@
   .ant-spin-nested-loading,
   .ant-spin-container,
   .ant-table-container,
-  .ant-table {
-    width: 100%;
+  .ant-table-content {
     height: 100%;
   }
 
-  // 隐藏表头最后一个滚动样式单元格
-  // .ant-table-thead .ant-table-cell-scrollbar {
-  //     position: absolute;
-  //     top: -1px;
-  //     border: none;
-  //     box-shadow: none;
-  //     background-color: #2e404d;
-  // }
+  .ant-spin-container,
+  .ant-table-container {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
 
-  .ant-table-body {
-    position: absolute;
-    overflow-y: auto !important;
-    min-width: 100%;
-    max-width: 100%;
-    min-height: calc(100% - 56px);
-    max-height: calc(100% - 56px);
+  .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;
@@ -62,10 +58,4 @@
     color: #40a9ff;
     font-weight: bold;
   }
-
-  &.height-on-page {
-    .ant-table {
-      height: calc(100% - 56px);
-    }
-  }
 }