@pointcloud/pcloud-components 0.0.1 → 0.1.1

package/dist/esm/DTreeSelect/index.js

@@ -0,0 +1,209 @@
+var _excluded = ["className", "popupClassName", "treeData", "fieldNames", "treeNodeFilterProp", "loadData", "onLoadData", "loading"];
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-05-22 10:38:17
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-05-26 17:51:19
+ * @Description  : 基于antd的TreeSelect组件
+ */
+import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
+import { TreeSelect } from 'antd';
+import { ConfigContext } from "../ConfigProvider";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+/**
+ *
+ * loading相关代码
+ */
+function InternalTreeSelect(props, ref) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      popupClassName = props.popupClassName,
+      initOptions = props.treeData,
+      fieldNames = props.fieldNames,
+      treeNodeFilterProp = props.treeNodeFilterProp,
+      loadData = props.loadData,
+      onLoadData = props.onLoadData,
+      initLoading = props.loading,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  var _useContext = useContext(ConfigContext),
+      getPrefixCls = _useContext.getPrefixCls;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      treeData = _useState2[0],
+      setTreeData = _useState2[1];
+
+  var _useState3 = useState(typeof initLoading === 'boolean' ? initLoading : true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var loadingParamsRef = useRef(null); // 数据加载同步处理引用
+
+  var loadingRef = useRef({
+    timer: null,
+    status: 'done'
+  }); // treeData加载状态引用
+
+  var _className = "".concat(getPrefixCls('tree-select'), " ").concat(className);
+
+  var _popupClassName = "".concat(getPrefixCls('tree-select-dropdown'), " ").concat(popupClassName);
+
+  var _fieldNames = _objectSpread({
+    label: 'label',
+    value: 'value',
+    children: 'children'
+  }, fieldNames);
+
+  var _treeNodeFilterProp = _fieldNames.label;
+
+  var _loadingState = getDelayTime(loading, 600); // loading: 默认600ms，false或0表示不开启
+
+
+  var _loading = typeof initLoading === 'boolean' ? initLoading : loading; // 将外部传入的options转化为统一的异步请求方法
+
+
+  var getOptionsFun = useMemo(function () {
+    return typeof initOptions === 'function' ? initOptions : function (params) {
+      return Promise.resolve(initOptions || []);
+    };
+  }, [initOptions]);
+
+  var updateOptions = function updateOptions(fun, value) {
+    // 设置加载中状态
+    if (_loadingState > 0) {
+      loadingRef.current.status = 'loading';
+      clearTimeout(loadingRef.current.timer);
+      loadingRef.current.timer = setTimeout(function () {
+        loadingRef.current.status === 'loading' && setLoading(true);
+      }, _loadingState);
+    } // 发起请求
+
+
+    loadingParamsRef.current = value;
+    fun === null || fun === void 0 ? void 0 : fun(value).then(function (response) {
+      if (loadingParamsRef.current === value) {
+        setTreeData(response);
+        setLoading(false);
+        loadingRef.current.status = 'done';
+      }
+    }).catch(function () {
+      if (loadingParamsRef.current === value) {
+        setLoading(false);
+        loadingRef.current.status = 'done';
+      }
+    });
+  };
+
+  var _loadData = function _loadData(selectedOption) {
+    onLoadData && onLoadData(selectedOption);
+
+    var _getOptions = typeof initOptions === 'function' ? initOptions : null;
+
+    var loadFn = loadData === null ? loadData : loadData || _getOptions;
+
+    if (typeof loadFn === 'function') {
+      var loadFnPromise = loadFn === null || loadFn === void 0 ? void 0 : loadFn(selectedOption);
+
+      if (typeof loadFnPromise['then'] === 'function') {
+        loadFnPromise.then(function (response) {
+          var list = treeData || [];
+          var node = deepFind(list, function (item) {
+            return item[_fieldNames.value] === selectedOption[_fieldNames.value];
+          }, _fieldNames.children);
+          node && (node[_fieldNames.children] = response);
+          setTreeData(_toConsumableArray(list));
+        });
+      }
+
+      return loadFnPromise;
+    } else {
+      return Promise.resolve();
+    }
+  }; // 初始加载数据
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+
+
+  useEffect(function () {
+    return updateOptions(getOptionsFun);
+  }, [getOptionsFun]);
+  return /*#__PURE__*/_jsx(TreeSelect, _objectSpread(_objectSpread({}, otherProps), {}, {
+    ref: ref,
+    className: _className,
+    popupClassName: _popupClassName,
+    fieldNames: _fieldNames,
+    treeNodeFilterProp: _treeNodeFilterProp,
+    treeData: treeData,
+    loadData: _loadData,
+    loading: _loading
+  }));
+} // 获取延时时间，默认800ms，true代表默认时间,false代表0
+
+
+function getDelayTime(value) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
+
+  if (value === true) {
+    return defaultValue;
+  } else if (value === false) {
+    return 0;
+  } else {
+    return typeof value === 'number' ? Number(value) || 0 : defaultValue;
+  }
+}
+
+function deepFind(node, fn) {
+  var childrenName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+
+  if (fn instanceof Function) {
+    var treelist = node instanceof Array ? node : [node];
+
+    for (var i = 0; i < treelist.length; i++) {
+      if (fn(treelist[i], i)) {
+        return treelist[i];
+      } else {
+        var target = deepFind(treelist[i][childrenName] || [], fn, childrenName);
+        if (target) return target;
+      }
+    }
+  } else {
+    return undefined;
+  }
+}
+
+var DTreeSelect = /*#__PURE__*/forwardRef(InternalTreeSelect);
+export default DTreeSelect;

package/dist/esm/DTreeSelect/index.less

@@ -0,0 +1,9 @@
+@import '../commonStyle/index.less';
+.@{prefix}-tree-select-dropdown .ant-select-tree-node-content-wrapper {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.@{prefix}-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title {
+  overflow: hidden;
+}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare function ErrorBoundary<T>({ err }: {
     err?: T;

package/dist/esm/ErrorBoundary/index.less

@@ -1,4 +1,5 @@
-.pui-error-boundary {
+@import '../commonStyle/index.less';
+.@{prefix}-error-boundary {
   display: flex;
   flex-direction: column;
   align-items: center;

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

@@ -1,4 +1,5 @@
-.pui-label-value {
+@import '../../commonStyle/index.less';
+.@{prefix}-label-value {
   display: inline-flex;
   span {
     &:first-child {

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

@@ -1,7 +1,7 @@
 import Loading from './loading';
 import { LoadingProps } from './interface';
 declare const _default: {
-    open(tip?: string | undefined): LoadingProps;
+    open(tip?: string): LoadingProps;
     close(): void;
     getInstance(): LoadingProps;
 };

package/dist/esm/Loading/loading.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LoadingInstanceProps } from './interface';
 import './styles/index.less';
 declare function Loading(props: LoadingInstanceProps): JSX.Element;

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

@@ -1,4 +1,5 @@
-.pui-loading {
+@import '../../commonStyle/index.less';
+.@{prefix}-loading {
   .mask {
     position: fixed;
     top: 0;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NoDataProps } from './interface';
 import './styles/index.less';
 declare const NoData: (props: NoDataProps) => JSX.Element;

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

@@ -1,4 +1,5 @@
-.pui-nodata {
+@import '../../commonStyle/index.less';
+.@{prefix}-nodata {
   position: absolute;
   top: 50%;
   left: 50%;

package/dist/esm/commonStyle/index.less

@@ -0,0 +1 @@
+@prefix: pui;

package/dist/esm/index.d.ts

@@ -5,3 +5,13 @@ export { default as ErrorBoundary } from './ErrorBoundary';
 export { default as ConfigProvider } from './ConfigProvider';
 export { default as Loading } from './Loading';
 export { default as NoData } from './NoData';
+export type { DInputProps } from './DInput';
+export { default as DInput } from './DInput';
+export type { DSelectProps } from './DSelect';
+export { default as DSelect } from './DSelect';
+export type { DCascaderProps } from './DCascader';
+export { default as DCascader } from './DCascader';
+export type { DTreeSelectProps } from './DTreeSelect';
+export { default as DTreeSelect } from './DTreeSelect';
+export type { DTableProps, DTableSourceProps, TableParamsProps } from './DTable';
+export { default as DTable } from './DTable';

package/dist/esm/index.js

@@ -3,4 +3,9 @@ export { default as AdvancedFilter } from "./AdvancedFilter";
 export { default as ErrorBoundary } from "./ErrorBoundary";
 export { default as ConfigProvider } from "./ConfigProvider";
 export { default as Loading } from "./Loading";
-export { default as NoData } from "./NoData";
+export { default as NoData } from "./NoData";
+export { default as DInput } from "./DInput";
+export { default as DSelect } from "./DSelect";
+export { default as DCascader } from "./DCascader";
+export { default as DTreeSelect } from "./DTreeSelect";
+export { default as DTable } from "./DTable";

package/dist/umd/pcloud-components.min.css

@@ -1 +1 @@
-.pui-label-value{display:inline-flex}.pui-label-value span:first-child{max-width:120px;padding-right:4px;white-space:nowrap}.pui-label-value span:last-child{flex:1 1}.pui-label-value span:last-child.no-wrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pui-search-filter{align-items:center;width:100%;margin-top:10px;background-color:#fff}.pui-search-filter span.ant-collapse-header-text{display:inline-block;width:100%;cursor:auto!important}.pui-search-filter .ant-collapse-content-box{padding:0}.pui-search-filter .search-header{display:flex;width:100%}.pui-search-filter .search-header .left{max-width:100%;overflow:hidden;white-space:no-wrap;text-overflow:ellipsis}.pui-search-filter .search-header .left :global .ant-radio-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:5px 0 0 5px}.pui-search-filter .search-header .left :global .ant-radio-wrapper:last-child{border-radius:0 5px 5px 0}.pui-search-filter .search-header .left :global .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}.pui-search-filter .search-header .left :global .ant-radio-wrapper .ant-radio{display:none}.pui-search-filter .search-header .left :global .ant-radio-wrapper:hover{color:#1890ff}.pui-search-filter .search-header .left :global .ant-radio-wrapper-checked{z-index:1;color:#1890ff;background:#fff;border:1px solid #1890ff;border-left:1px solid #1890ff!important}.pui-search-filter .search-header .right{display:flex;justify-content:center}.pui-search-filter .search-header .right .input{width:200px;border-radius:4px}.pui-search-filter .search-header .right .button{margin-left:10px;color:#fff;background-color:#ff7e00;border-radius:4px}.pui-search-filter .search-header .right .button:active,.pui-search-filter .search-header .right .button:focus,.pui-search-filter .search-header .right .button:hover{border-color:transparent}.pui-search-filter .search-header .right .button .icon{margin-left:8px}.pui-search-filter .title{display:flex;align-items:center;margin:0 10px;padding-bottom:10px;font-weight:700;border-bottom:1px solid #f0f0f0}.pui-search-filter .title span.icon{width:4px;height:16px;margin-right:6px;background-color:#ff7e00;border-radius:2px}.pui-search-filter .search-content .filter-row{display:flex;flex-wrap:wrap;width:100%;padding:10px}.pui-search-filter .search-content .filter-col{height:30px;margin-bottom:10px;line-height:30px}.pui-search-filter .search-content .filter-col .ant-picker{width:100%}.pui-search-filter .search-content .search-btn{justify-content:center}.pui-search-filter .search-content .search-btn>button{margin:0 5px}.pui-error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;margin:20px;padding:15px;background-color:#dd7f7f;border-radius:10px}.pui-error-boundary .error-text{margin-top:20px}.pui-error-boundary .error-refresh{width:140px;height:40px;color:#fff;font-weight:700;line-height:40px;text-align:center;background-color:#4593ef;border-radius:5px;cursor:pointer}.pui-error-boundary .errorDetiles .detilesLink{color:#00f}.pui-error-boundary .errorDetiles .errordetails{padding:10px;color:#777;font-size:80%;background-color:#ccc6be;border:1px solid #777;border-radius:5px}.pui-loading .mask{position:fixed;top:0;left:0;z-index:100000;width:100%;height:100%;overflow:hidden}.pui-loading .loading{position:absolute;top:50%;left:50%;z-index:100001;padding:20px;background:#fff;border-radius:10px;box-shadow:3px 3px 3px #0003;transform:translate(-50%,-50%)}.pui-nodata{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pui-nodata .not-data-image{display:block;height:100px}.pui-nodata .noData-text{display:inline-block;width:100%;margin-top:5px;color:#000;font-weight:400;font-size:14px;text-align:center;opacity:.65}
+.pui-label-value{display:inline-flex}.pui-label-value span:first-child{max-width:120px;padding-right:4px;white-space:nowrap}.pui-label-value span:last-child{flex:1 1}.pui-label-value span:last-child.no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-search-filter{align-items:center;background-color:#fff;margin-top:10px;width:100%}.pui-search-filter span.ant-collapse-header-text{cursor:auto!important;display:inline-block;width:100%}.pui-search-filter .ant-collapse-content-box{padding:0}.pui-search-filter .search-header{display:flex;width:100%}.pui-search-filter .search-header .left{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:no-wrap}.pui-search-filter .search-header .left :global .ant-radio-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:5px 0 0 5px}.pui-search-filter .search-header .left :global .ant-radio-wrapper:last-child{border-radius:0 5px 5px 0}.pui-search-filter .search-header .left :global .ant-radio-wrapper{border:1px solid #d9d9d9;border-left-color:#fff;margin-right:0;padding:4px 6px}.pui-search-filter .search-header .left :global .ant-radio-wrapper .ant-radio{display:none}.pui-search-filter .search-header .left :global .ant-radio-wrapper:hover{color:#1890ff}.pui-search-filter .search-header .left :global .ant-radio-wrapper-checked{background:#fff;border:1px solid #1890ff;border-left:1px solid #1890ff!important;color:#1890ff;z-index:1}.pui-search-filter .search-header .right{display:flex;justify-content:center}.pui-search-filter .search-header .right .input{border-radius:4px;width:200px}.pui-search-filter .search-header .right .button{background-color:#ff7e00;border-radius:4px;color:#fff;margin-left:10px}.pui-search-filter .search-header .right .button:active,.pui-search-filter .search-header .right .button:focus,.pui-search-filter .search-header .right .button:hover{border-color:transparent}.pui-search-filter .search-header .right .button .icon{margin-left:8px}.pui-search-filter .title{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-weight:700;margin:0 10px;padding-bottom:10px}.pui-search-filter .title span.icon{background-color:#ff7e00;border-radius:2px;height:16px;margin-right:6px;width:4px}.pui-search-filter .search-content .filter-row{display:flex;flex-wrap:wrap;padding:10px;width:100%}.pui-search-filter .search-content .filter-col{height:30px;line-height:30px;margin-bottom:10px}.pui-search-filter .search-content .filter-col .ant-picker{width:100%}.pui-search-filter .search-content .search-btn{justify-content:center}.pui-search-filter .search-content .search-btn>button{margin:0 5px}.pui-error-boundary{align-items:center;background-color:#dd7f7f;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:15px;width:auto}.pui-error-boundary .error-text{margin-top:20px}.pui-error-boundary .error-refresh{background-color:#4593ef;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;line-height:40px;text-align:center;width:140px}.pui-error-boundary .errorDetiles .detilesLink{color:blue}.pui-error-boundary .errorDetiles .errordetails{background-color:#ccc6be;border:1px solid #777;border-radius:5px;color:#777;font-size:80%;padding:10px}.pui-loading .mask{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100000}.pui-loading .loading{background:#fff;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.2);padding:20px;z-index:100001}.pui-loading .loading,.pui-nodata{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pui-nodata .not-data-image{display:block;height:100px}.pui-nodata .noData-text{color:#000;display:inline-block;font-size:14px;font-weight:400;margin-top:5px;opacity:.65;text-align:center;width:100%}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar{height:8px;width:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-track{border-radius:2px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title{overflow:hidden}.pui-table .ant-spin-container,.pui-table .ant-spin-nested-loading,.pui-table .ant-table,.pui-table .ant-table-container{height:100%;width:100%}.pui-table .ant-table-body{max-height:calc(100% - 56px);max-width:100%;min-height:calc(100% - 56px);min-width:100%;position:absolute}.pui-table .ant-table-body .ant-table-tbody>tr>td.ant-table-cell.ant-table-cell-ellipsis{white-space:normal}.pui-table .ant-table-body::-webkit-scrollbar{height:8px;width:4px}.pui-table .ant-table-body::-webkit-scrollbar-thumb{background-color:#0084ff}.pui-table .ant-table-body::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.pui-table .ant-table-body::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-table .ant-spin-nested-loading>div>.ant-spin{max-height:none}.pui-table .ant-pagination-total-text span{color:#40a9ff;font-weight:700}.pui-table.height-on-page .ant-table{height:calc(100% - 56px)}