@pointcloud/pcloud-components 0.1.8 → 0.1.10

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AuthComponentProps } from './interface';
+declare const AuthComponent: ({ value, noAuthContent, children, authList, fieldName }: AuthComponentProps) => JSX.Element;
+export default AuthComponent;

package/dist/esm/AuthComponent/index.js

@@ -0,0 +1,39 @@
+import { useMemo } from 'react';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+// 查找指定元素
+function deepFind(node, fn) {
+  var treelist = node instanceof Array ? node : [node];
+  for (var i = 0; i < treelist.length; i++) {
+    if (fn(treelist[i])) {
+      return treelist[i];
+    } else {
+      var target = deepFind(treelist[i].children || [], fn);
+      if (target) return target;
+    }
+  }
+}
+// 通过字段判断是否存在按钮权限(或者菜单权限)
+function isAuth(fieldValue) {
+  var fieldName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'code';
+  var authList = arguments.length > 2 ? arguments[2] : undefined;
+  if (!authList) return false;
+  var target = deepFind(authList, function (item) {
+    return item[fieldName] === fieldValue;
+  });
+  return !!target;
+}
+var AuthComponent = function AuthComponent(_ref) {
+  var value = _ref.value,
+    noAuthContent = _ref.noAuthContent,
+    children = _ref.children,
+    authList = _ref.authList,
+    fieldName = _ref.fieldName;
+  var auth = useMemo(function () {
+    return !value ? true : isAuth(value, fieldName, authList);
+  }, [value]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: !auth ? noAuthContent : children
+  });
+};
+export default AuthComponent;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface AuthComponentProps {
+    /**
+     * @description 权限值
+     */
+    value: string | number | boolean;
+    /**
+     * @description 权限列表中的字段名称
+     */
+    fieldName?: string;
+    /**
+     * @description 权限列表数据
+     */
+    authList: any[];
+    /**
+     * @description 无权限时显示的内容
+     */
+    noAuthContent?: React.ReactNode;
+    /**
+     * @description 有权限时显示的内容
+     */
+    children?: React.ReactNode;
+}

package/dist/esm/AuthComponent/interface.js

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

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  : wangfeihu
- * @LastEditTime : 2023-08-16 16:54:13
- * @Description  : 根据renderType渲染对应的表单项组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-12 17:35:10
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-08-16 16:54: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';
@@ -61,56 +61,56 @@ var renderMap = {
   dSelect: function dSelect(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(DSelect, _objectSpread({
-        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+        placeholder: label ? "\u8BF7\u9009\u62E9".concat(label) : ''
       }, props))
     }));
   },
   select: function select(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(Select, _objectSpread({
-        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+        placeholder: label ? "\u8BF7\u9009\u62E9".concat(label) : ''
       }, props))
     }));
   },
   dCascader: function dCascader(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(DCascader, _objectSpread({
-        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+        placeholder: label ? "\u8BF7\u9009\u62E9".concat(label) : ''
       }, props))
     }));
   },
   cascader: function cascader(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(Cascader, _objectSpread({
-        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+        placeholder: label ? "\u8BF7\u9009\u62E9".concat(label) : ''
       }, props))
     }));
   },
   dTreeSelect: function dTreeSelect(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(DTreeSelect, _objectSpread({
-        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+        placeholder: label ? "\u8BF7\u9009\u62E9".concat(label) : ''
       }, props))
     }));
   },
   treeSelect: function treeSelect(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(TreeSelect, _objectSpread({
-        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+        placeholder: label ? "\u8BF7\u9009\u62E9".concat(label) : ''
       }, props))
     }));
   },
   datePicker: function datePicker(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(DatePicker, _objectSpread({
-        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+        placeholder: label ? "\u8BF7\u9009\u62E9".concat(label) : ''
       }, props))
     }));
   },
   timePicker: function timePicker(props, formItemProps, label) {
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
       children: /*#__PURE__*/_jsx(TimePicker, _objectSpread({
-        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+        placeholder: label ? "\u8BF7\u9009\u62E9".concat(label) : ''
       }, props))
     }));
   },

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 } from 'react';
 import { Input } from 'antd';

package/dist/esm/DTable/index.js

@@ -37,7 +37,7 @@ function getColumns(columns, defaultColumnProps) {
     var _item = _objectSpread(_objectSpread({
       align: 'center',
       ellipsis: {
-        showTitle: false
+        showTitle: true
       },
       cellEllipsis: true
     }, defaultColumnProps), item);

package/dist/esm/DTable/index.less

@@ -1,71 +1,71 @@
-@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 {
+    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);
+    }
+  }
+}