@pointcloud/pcloud-components 0.1.4 → 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.js

@@ -1,34 +1,20 @@
-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); }
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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", "popupClassName", "fieldNames", "options", "onChange", "loadData", "onLoadData", "loading"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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) { 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); }
-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 _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-18 13:35:38
  * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-06-30 16:19:18
+ * @LastEditTime : 2023-07-12 09:44:01
  * @Description  : 基于antd的Cascader组件
  */
 import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
 import { Cascader } from 'antd';
 import { ConfigContext } from "../ConfigProvider";
 import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
 // 获取延时时间，默认800ms，true代表默认时间,false代表0
 function getDelayTime(value) {
   var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
@@ -198,7 +184,7 @@ function InternalCascader(props, ref) {
       };
     }
   }, [timestamp]);
-  return /*#__PURE__*/React.createElement(Cascader, _extends({}, otherProps, {
+  return /*#__PURE__*/_jsx(Cascader, _objectSpread(_objectSpread({}, otherProps), {}, {
     ref: ref,
     fieldNames: _fieldNames,
     loadData: _loadData,

package/dist/esm/DCascader/index.less

@@ -1,18 +1,22 @@
 @import '../commonStyle/index.less';
+
 .@{prefix}-cascader-dropdown .ant-cascader-menu {
   &::-webkit-scrollbar {
     width: 8px;
     height: 8px;
   }
+
   // 轨道拖动部分的背景颜色
   &::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 50%);
     border-radius: 8px;
   }
+
   // 轨道背景颜色
   &::-webkit-scrollbar-track {
     border-radius: 2px;
   }
+
   // x、y两条轨道的交叉处
   &::-webkit-scrollbar-corner {
     background-color: #f1f1f1;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DItemProps } from './itemType';
+export type { DItemProps };
+declare function DItem(props: DItemProps): JSX.Element;
+export default DItem;

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

@@ -0,0 +1,33 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["formItemProps", "label", "name", "renderType", "render", "children"];
+import itemsRender from "./itemsRender";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+function DItem(props) {
+  // @ts-ignore
+  var formItemProps = props.formItemProps,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    name = props.name,
+    renderType = props.renderType,
+    render = props.render,
+    children = props.children,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _formItemProps = _objectSpread({
+    label: label,
+    name: name
+  }, formItemProps);
+  if (renderType === 'custom' || renderType === 'other') {
+    return render ? /*#__PURE__*/_jsx(_Fragment, {
+      children: render(otherProps, _formItemProps, props)
+    }) : /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    });
+  } else if (renderType) {
+    return itemsRender[renderType](otherProps, _formItemProps, label, render, children);
+  } else {
+    return /*#__PURE__*/_jsx(_Fragment, {});
+  }
+}
+export default DItem;