@pointcloud/pcloud-components 0.1.36 → 0.1.38

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

@@ -1,146 +1,146 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-search-filter {
-  align-items: center;
-  width: 100%;
-  margin-top: 10px;
-  background-color: #fff;
-
-  span.ant-collapse-header-text {
-    display: inline-block;
-    width: 100%;
-    cursor: auto !important;
-  }
-
-  .ant-collapse-content-box {
-    padding: 0;
-  }
-
-  .search-header {
-    display: flex;
-    width: 100%;
-
-    .left {
-      max-width: 100%;
-      overflow: hidden;
-      white-space: no-wrap;
-      text-overflow: ellipsis;
-
-      :global {
-        .ant-radio-wrapper:first-child {
-          border-left: 1px solid #d9d9d9;
-          border-radius: 5px 0 0 5px;
-        }
-
-        .ant-radio-wrapper:last-child {
-          border-radius: 0 5px 5px 0;
-        }
-
-        .ant-radio-wrapper {
-          margin-right: 0;
-          padding: 4px 6px;
-          border: 1px solid #d9d9d9;
-          border-top-width: 1px;
-          border-left: 1px solid #fff;
-          border-left-width: 1px;
-
-          .ant-radio {
-            display: none;
-          }
-        }
-
-        .ant-radio-wrapper:hover {
-          color: #1890ff;
-        }
-
-        .ant-radio-wrapper-checked {
-          z-index: 1;
-          color: #1890ff;
-          background: #fff;
-          border: 1px solid #1890ff;
-          border-left: 1px solid #1890ff !important;
-        }
-      }
-    }
-
-    .right {
-      display: flex;
-      justify-content: center;
-
-      .input {
-        width: 200px;
-        border-radius: 4px;
-      }
-
-      .button {
-        margin-left: 10px;
-        color: #fff;
-        background-color: #ff7e00;
-        border-radius: 4px;
-
-        &:active,
-        &:focus,
-        &:hover {
-          border-color: transparent;
-        }
-
-        .icon {
-          margin-left: 8px;
-          transition: transform 0.4s;
-
-          &.down {
-            transform: rotateZ(180deg);
-          }
-
-          &.up {
-            transform: rotateZ(0deg);
-          }
-        }
-      }
-    }
-  }
-
-  .title {
-    display: flex;
-    align-items: center;
-    margin: 0 10px;
-    padding-bottom: 10px;
-    font-weight: bold;
-    border-bottom: 1px solid #f0f0f0;
-
-    span.icon {
-      width: 4px;
-      height: 16px;
-      margin-right: 6px;
-      background-color: #ff7e00;
-      border-radius: 2px;
-    }
-  }
-
-  .search-content {
-    .filter-row {
-      display: flex;
-      flex-wrap: wrap;
-      width: 100%;
-      padding: 10px;
-    }
-
-    .filter-col {
-      height: 30px;
-      margin-bottom: 10px;
-      line-height: 30px;
-    }
-
-    .filter-col .ant-picker {
-      width: 100%;
-    }
-
-    .search-btn {
-      justify-content: center;
-
-      > button {
-        margin: 0 5px;
-      }
-    }
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-search-filter {
+  align-items: center;
+  width: 100%;
+  margin-top: 10px;
+  background-color: #fff;
+
+  span.ant-collapse-header-text {
+    display: inline-block;
+    width: 100%;
+    cursor: auto !important;
+  }
+
+  .ant-collapse-content-box {
+    padding: 0;
+  }
+
+  .search-header {
+    display: flex;
+    width: 100%;
+
+    .left {
+      max-width: 100%;
+      overflow: hidden;
+      white-space: no-wrap;
+      text-overflow: ellipsis;
+
+      :global {
+        .ant-radio-wrapper:first-child {
+          border-left: 1px solid #d9d9d9;
+          border-radius: 5px 0 0 5px;
+        }
+
+        .ant-radio-wrapper:last-child {
+          border-radius: 0 5px 5px 0;
+        }
+
+        .ant-radio-wrapper {
+          margin-right: 0;
+          padding: 4px 6px;
+          border: 1px solid #d9d9d9;
+          border-top-width: 1px;
+          border-left: 1px solid #fff;
+          border-left-width: 1px;
+
+          .ant-radio {
+            display: none;
+          }
+        }
+
+        .ant-radio-wrapper:hover {
+          color: #1890ff;
+        }
+
+        .ant-radio-wrapper-checked {
+          z-index: 1;
+          color: #1890ff;
+          background: #fff;
+          border: 1px solid #1890ff;
+          border-left: 1px solid #1890ff !important;
+        }
+      }
+    }
+
+    .right {
+      display: flex;
+      justify-content: center;
+
+      .input {
+        width: 200px;
+        border-radius: 4px;
+      }
+
+      .button {
+        margin-left: 10px;
+        color: #fff;
+        background-color: #ff7e00;
+        border-radius: 4px;
+
+        &:active,
+        &:focus,
+        &:hover {
+          border-color: transparent;
+        }
+
+        .icon {
+          margin-left: 8px;
+          transition: transform 0.4s;
+
+          &.down {
+            transform: rotateZ(180deg);
+          }
+
+          &.up {
+            transform: rotateZ(0deg);
+          }
+        }
+      }
+    }
+  }
+
+  .title {
+    display: flex;
+    align-items: center;
+    margin: 0 10px;
+    padding-bottom: 10px;
+    font-weight: bold;
+    border-bottom: 1px solid #f0f0f0;
+
+    span.icon {
+      width: 4px;
+      height: 16px;
+      margin-right: 6px;
+      background-color: #ff7e00;
+      border-radius: 2px;
+    }
+  }
+
+  .search-content {
+    .filter-row {
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+      padding: 10px;
+    }
+
+    .filter-col {
+      height: 30px;
+      margin-bottom: 10px;
+      line-height: 30px;
+    }
+
+    .filter-col .ant-picker {
+      width: 100%;
+    }
+
+    .search-btn {
+      justify-content: center;
+
+      > button {
+        margin: 0 5px;
+      }
+    }
+  }
+}

package/dist/esm/CRUD/index.less

@@ -4,6 +4,7 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 
   &.fullscreen {
     position: fixed;
@@ -134,6 +135,7 @@
 
   &-table {
     flex: 1;
+    overflow: hidden;
   }
 
   &-modalform-view {

package/dist/esm/DForm/DItem/itemType.d.ts

@@ -10,12 +10,8 @@ import { DTreeSelectProps } from '../../DTreeSelect';
 import { DUploadProps } from '../../DUpload';
 import { IPAddressProps } from '../../IPAddress';
 import { DRangePickerProps } from '../../DRangePicker/interface';
-export type DItemBaseProps = {
-    /** label标签文本,同antd Form.Item的label,只能是string */
-    label?: string;
-    /** name标签文本,同antd Form.Item的name */
-    name?: string | number | (string | number)[];
-    /** Form.Item 的其他属性 */
+export type RenderType = 'custom' | 'dInput' | 'ipAddress' | 'input' | 'textArea' | 'password' | 'inputNumber' | 'autoComplete' | 'dSelect' | 'select' | 'dCascader' | 'cascader' | 'dTreeSelect' | 'treeSelect' | 'datePicker' | 'dRangePicker' | 'timePicker' | 'rangePicker' | 'mentions' | 'checkbox' | 'checkboxGroup' | 'radio' | 'radioGroup' | 'rate' | 'slider' | 'switch' | 'transfer' | 'upload' | 'dUpload' | 'button' | 'divider';
+export type DItemBaseProps = Pick<FormItemProps, 'label' | 'name'> & {
     formItemProps?: FormItemProps & {
         grid?: Omit<ColProps, 'prefixCls'>;
     };

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

@@ -1,27 +1,27 @@
-@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}-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}-relative-modal-container {
+  .ant-modal-wrap {
+    position: absolute;
+  }
+}

package/dist/esm/DTable/index.js

@@ -109,16 +109,11 @@ 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)"
   };
 
   // 合并列属性

package/dist/esm/DTable/index.less

@@ -1,71 +1,61 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-table {
-  .ant-spin-nested-loading,
-  .ant-spin-container,
-  .ant-table-container,
-  .ant-table {
-    width: 100%;
-    height: 100%;
-  }
-
-  // 隐藏表头最后一个滚动样式单元格
-  // .ant-table-thead .ant-table-cell-scrollbar {
-  //     position: absolute;
-  //     top: -1px;
-  //     border: none;
-  //     box-shadow: none;
-  //     background-color: #2e404d;
-  // }
-
-  .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-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;
-  }
-
-  &.height-on-page {
-    .ant-table {
-      height: calc(100% - 56px);
-    }
-  }
-}
+@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/DynamicFormItem/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Button } from 'antd';
+import type { FormListProps } from 'antd/lib/form/FormList';
+import type { DItemProps } from '../DForm/DItem';
+import './index.less';
+export interface DynamicFormItemProps extends Omit<FormListProps, 'children'> {
+    /** 表单项配置 */
+    itemConfig: DItemProps | DItemProps[];
+    /** 初始值 */
+    value?: any[];
+    /** 新增按钮文本 */
+    addButtonText?: string;
+    /** 新增按钮属性 */
+    addButtonProps?: React.ComponentProps<typeof Button>;
+    /** 是否添加到头部 */
+    addAtHead?: boolean;
+    /** 删除按钮文本 */
+    removeButtonText?: string;
+    /** 删除按钮属性 */
+    removeButtonProps?: React.ComponentProps<typeof Button>;
+    /** 最小项数 */
+    minItems?: number;
+    /** 最大项数 */
+    maxItems?: number;
+    /** 是否显示添加按钮 */
+    showAdd?: boolean;
+    /** 是否显示删除按钮 */
+    showRemove?: boolean;
+    /** 添加按钮位置 */
+    addPosition?: 'top' | 'bottom';
+}
+declare const DynamicFormItem: React.FC<DynamicFormItemProps>;
+export default DynamicFormItem;

package/dist/esm/DynamicFormItem/index.js

@@ -0,0 +1,100 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["name"];
+import React from 'react';
+import { Button, Form, Space } from 'antd';
+import { PlusCircleOutlined, MinusCircleOutlined } from '@ant-design/icons';
+import DForm from "../DForm";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var DynamicFormItem = function DynamicFormItem(props) {
+  var _props$name = props.name,
+    name = _props$name === void 0 ? 'dynamicItems' : _props$name,
+    _props$initialValue = props.initialValue,
+    initialValue = _props$initialValue === void 0 ? [undefined] : _props$initialValue,
+    rules = props.rules,
+    itemConfig = props.itemConfig,
+    _props$addButtonText = props.addButtonText,
+    addButtonText = _props$addButtonText === void 0 ? '添加' : _props$addButtonText,
+    _props$addButtonProps = props.addButtonProps,
+    addButtonProps = _props$addButtonProps === void 0 ? {} : _props$addButtonProps,
+    _props$addAtHead = props.addAtHead,
+    addAtHead = _props$addAtHead === void 0 ? false : _props$addAtHead,
+    removeButtonText = props.removeButtonText,
+    _props$removeButtonPr = props.removeButtonProps,
+    removeButtonProps = _props$removeButtonPr === void 0 ? {} : _props$removeButtonPr,
+    _props$minItems = props.minItems,
+    minItems = _props$minItems === void 0 ? 0 : _props$minItems,
+    maxItems = props.maxItems,
+    _props$showAdd = props.showAdd,
+    showAdd = _props$showAdd === void 0 ? true : _props$showAdd,
+    _props$showRemove = props.showRemove,
+    showRemove = _props$showRemove === void 0 ? true : _props$showRemove,
+    _props$addPosition = props.addPosition,
+    addPosition = _props$addPosition === void 0 ? 'bottom' : _props$addPosition;
+  var renderItem = function renderItem(_ref, index, _ref2, totalFieldsCount) {
+    var key = _ref.key,
+      name = _ref.name;
+    var remove = _ref2.remove;
+    var nested = Array.isArray(itemConfig) && itemConfig.length > 0;
+    return /*#__PURE__*/_jsxs(Space, {
+      align: "start",
+      className: "".concat(nested ? 'dynamic-form-item nested' : 'dynamic-form-item single'),
+      children: [nested ? itemConfig.map(function (config, idx) {
+        var configName = config.name,
+          restConfig = _objectWithoutProperties(config, _excluded);
+        return /*#__PURE__*/_jsx(DForm.Item, _objectSpread(_objectSpread({}, restConfig), {}, {
+          name: [name, configName]
+        }), "dynamic-item-".concat(idx));
+      }) : /*#__PURE__*/_jsx(DForm.Item, _objectSpread(_objectSpread({}, itemConfig), {}, {
+        name: name
+      })), showRemove && totalFieldsCount > minItems && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        type: "link",
+        danger: true,
+        icon: /*#__PURE__*/_jsx(MinusCircleOutlined, {}),
+        onClick: function onClick() {
+          return remove(name);
+        },
+        title: removeButtonText || '移除'
+      }, removeButtonProps), {}, {
+        children: removeButtonText
+      }))]
+    }, key);
+  };
+  var renderAddButton = function renderAddButton(_ref3, totalFieldsCount, position) {
+    var add = _ref3.add;
+    if (!showAdd || maxItems && totalFieldsCount >= maxItems) return null;
+    return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      type: "dashed",
+      block: true,
+      onClick: function onClick() {
+        if (addAtHead) {
+          add('', 0);
+        } else {
+          add();
+        }
+      },
+      icon: /*#__PURE__*/_jsx(PlusCircleOutlined, {}),
+      style: {
+        marginBottom: position === 'top' ? '8px' : 0
+      }
+    }, addButtonProps), {}, {
+      children: addButtonText
+    }));
+  };
+  return /*#__PURE__*/_jsx(Form.List, {
+    name: name,
+    initialValue: initialValue,
+    rules: rules,
+    children: function children(fields, operation) {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [addPosition === 'top' && renderAddButton(operation, fields.length, 'top'), fields.map(function (field, index) {
+          return renderItem(field, index, operation, fields.length);
+        }), addPosition === 'bottom' && renderAddButton(operation, fields.length, 'bottom')]
+      });
+    }
+  });
+};
+export default DynamicFormItem;