@pointcloud/pcloud-components 0.1.3 → 0.1.5

package/dist/esm/AdvancedFilter/index.js

@@ -1,30 +1,14 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { useState, useRef, useImperativeHandle, useContext } from 'react';
 import { Input, Button, Collapse } from 'antd';
 import classNames from 'classnames';
-import { motion } from 'framer-motion';
 import FormFilter from "./FormFilter";
 import { ConfigContext } from "../ConfigProvider";
 import "./styles/index.less";
-var variants = {
-  down: {
-    transform: 'rotateZ(180deg)'
-  },
-  up: {
-    transform: 'rotateZ(0deg)'
-  }
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var AdvancedFilter = function AdvancedFilter(props) {
   var left = props.left,
     right = props.right,
@@ -70,63 +54,70 @@ var AdvancedFilter = function AdvancedFilter(props) {
   var inputSearch = function inputSearch(v) {
     (inputProps === null || inputProps === void 0 ? void 0 : inputProps.inputSearch) && inputProps.inputSearch(_defineProperty({}, inputProps.name, v));
   };
-  return /*#__PURE__*/React.createElement(Collapse, {
+  return /*#__PURE__*/_jsx(Collapse, {
     className: wrapperClass,
     activeKey: panelVisible ? '1' : 'none',
     collapsible: "header",
     ghost: true,
-    bordered: false
-  }, /*#__PURE__*/React.createElement(Collapse.Panel, {
-    key: "1",
-    showArrow: false,
-    header: /*#__PURE__*/React.createElement("div", {
-      className: "search-header",
-      style: {
-        justifyContent: left ? 'space-between' : 'flex-end',
-        alignItems: 'center'
-      },
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }, left && /*#__PURE__*/React.createElement("div", {
-      className: "left"
-    }, left), /*#__PURE__*/React.createElement("div", {
-      className: "right right-content"
-    }, /*#__PURE__*/React.createElement(Input.Search, {
-      className: "input",
-      ref: inputRef,
-      allowClear: true,
-      placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
-      onChange: function onChange(e) {
-        setInputValue(e.target.value);
-        onValuesChange && onValuesChange(e.target.value);
-      },
-      onSearch: inputSearch,
-      name: inputProps === null || inputProps === void 0 ? void 0 : inputProps.name,
-      value: inputValue
-    }), /*#__PURE__*/React.createElement(Button, {
-      className: "button",
-      onClick: function onClick() {
-        return setPanelVisible(!panelVisible);
-      }
-    }, "\u9AD8\u7EA7\u7B5B\u9009", icon && /*#__PURE__*/React.createElement(motion.span, {
-      className: "icon",
-      animate: panelVisible ? 'down' : 'up',
-      variants: variants
-    }, icon)), right && /*#__PURE__*/React.createElement("div", {
-      className: "right"
-    }, right)))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }), " \u67E5\u8BE2\u6761\u4EF6"), /*#__PURE__*/React.createElement("div", {
-    className: "search-content"
-  }, /*#__PURE__*/React.createElement(FormFilter, {
-    formRef: formRef,
-    formItemConfig: formItemConfig,
-    onSearch: handleSearch,
-    onReset: onReset
-  }))));
+    bordered: false,
+    children: /*#__PURE__*/_jsxs(Collapse.Panel, {
+      showArrow: false,
+      header: /*#__PURE__*/_jsxs("div", {
+        className: "search-header",
+        style: {
+          justifyContent: left ? 'space-between' : 'flex-end',
+          alignItems: 'center'
+        },
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        children: [left && /*#__PURE__*/_jsx("div", {
+          className: "left",
+          children: left
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "right right-content",
+          children: [/*#__PURE__*/_jsx(Input.Search, {
+            className: "input",
+            ref: inputRef,
+            allowClear: true,
+            placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
+            onChange: function onChange(e) {
+              setInputValue(e.target.value);
+              onValuesChange && onValuesChange(e.target.value);
+            },
+            onSearch: inputSearch,
+            name: inputProps === null || inputProps === void 0 ? void 0 : inputProps.name,
+            value: inputValue
+          }), /*#__PURE__*/_jsxs(Button, {
+            className: "button",
+            onClick: function onClick() {
+              return setPanelVisible(!panelVisible);
+            },
+            children: ["\u9AD8\u7EA7\u7B5B\u9009", /*#__PURE__*/_jsx("span", {
+              className: "".concat(panelVisible ? 'down' : 'up', " icon"),
+              children: icon
+            })]
+          }), right && /*#__PURE__*/_jsx("div", {
+            className: "right",
+            children: right
+          })]
+        })]
+      }),
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "title",
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "icon"
+        }), " \u67E5\u8BE2\u6761\u4EF6"]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "search-content",
+        children: /*#__PURE__*/_jsx(FormFilter, {
+          formRef: formRef,
+          formItemConfig: formItemConfig,
+          onSearch: handleSearch,
+          onReset: onReset
+        })
+      })]
+    }, "1")
+  });
 };
 export default AdvancedFilter;

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

@@ -15,7 +15,7 @@ export interface FormProps {
     /**
      * @description 点击重置按钮时触发
      */
-    onReset?: Function;
+    onReset?: () => void;
 }
 export interface FProps extends FormProps {
     /**

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

@@ -1,116 +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: 0px;
-  }
-
-  .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;
-        }
-      }
-    }
-  }
-  .title {
-    display: flex;
-    align-items: center;
-    margin: 0px 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/ConfigProvider/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ConfigProviderProps } from './interface';
 export declare const defaultPrefixCls = "pui";
 export declare const ConfigContext: React.Context<ConfigProviderProps>;
-declare const ConfigProvider: (props: ConfigProviderProps) => React.JSX.Element;
+declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
 export default ConfigProvider;

package/dist/esm/ConfigProvider/index.js

@@ -1,4 +1,5 @@
 import React, { createContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export var defaultPrefixCls = 'pui';
 
 // export const ConfigContext = createContext<ConfigProviderProps>({} as ConfigProviderProps);
@@ -9,8 +10,9 @@ export var ConfigContext = /*#__PURE__*/createContext({
 });
 var ConfigProvider = function ConfigProvider(props) {
   var children = props.children;
-  return /*#__PURE__*/React.createElement(ConfigContext.Provider, {
-    value: props
-  }, children);
+  return /*#__PURE__*/_jsx(ConfigContext.Provider, {
+    value: props,
+    children: children
+  });
 };
 export default ConfigProvider;

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

@@ -1,15 +1,11 @@
 import React from 'react';
 import { DefaultOptionType, CascaderProps, CascaderRef } from 'antd/lib/cascader';
 import './index.less';
-/**
- *
- * 如何只显示选中的子节点
- */
 export declare type DCascaderProps = Omit<CascaderProps<any>, 'options' | 'loadData' | 'loading'> & {
     /** antd的options属性，同onSearch属性，可以是一个options数组，或一个返回等价options数组的promise */
-    options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | any[]>);
+    options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[]>);
     /** antd的loadData属性，动态加载子级列表数据,默认使用options所提供的方法，如果传入null，则表示不进行动态加载,该方法要求返回一个options数组或与其等价的Promise */
-    loadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | any[]>) | null;
+    loadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | DefaultOptionType[]>) | null;
     /** 等同antd的loadData属性,用于监听antd loadData事件*/
     onLoadData?: (value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => void;
     /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */
@@ -17,9 +13,9 @@ export declare type DCascaderProps = Omit<CascaderProps<any>, 'options' | 'loadD
 };
 declare const DCascader: React.ForwardRefExoticComponent<Omit<CascaderProps<any>, "options" | "loading" | "loadData"> & {
     /** antd的options属性，同onSearch属性，可以是一个options数组，或一个返回等价options数组的promise */
-    options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | any[]>) | undefined;
+    options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[]>) | undefined;
     /** antd的loadData属性，动态加载子级列表数据,默认使用options所提供的方法，如果传入null，则表示不进行动态加载,该方法要求返回一个options数组或与其等价的Promise */
-    loadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | any[]>) | null | undefined;
+    loadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | DefaultOptionType[]>) | null | undefined;
     /** 等同antd的loadData属性,用于监听antd loadData事件*/
     onLoadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => void) | undefined;
     /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */