@pisell/materials 1.0.205 → 1.0.206

package/dist/umd/static/DotsSix.57d66266.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/dist/umd/static/arrow-left.e542294f.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"/></svg>

package/dist/umd/static/arrow-right.763f03e0.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 1 1 0-2h11.586l-5.293-5.293a1 1 0 0 1 0-1.414Z"/></svg>

package/dist/umd/static/filter-lines.04a54ae9.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/help-circle.31c9be40.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.258-3.976a2 2 0 0 0-2.225 1.308 1 1 0 1 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.044 8.044 0 0 1-1.686.848l-.035.013-.011.003-.004.002h-.002L11.92 13l.316.949a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.051 6.051 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.001a2 2 0 0 0-1.662-1.975ZM11 17a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 6.414V20a1 1 0 1 1-2 0V6.414L3.707 8.707a1 1 0 0 1-1.414-1.414l4-4ZM16 17.586V4a1 1 0 1 1 2 0v13.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 17.586Z"/></svg>

package/es/components/DragSortList/index.d.ts

@@ -18,7 +18,7 @@ export interface Props<T> {
         attributes: DraggableAttributes;
     }) => React.ReactElement<HTMLElement>;
 }
-export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): JSX.Element;
+export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): React.JSX.Element;
 export interface SortableItemProps<T> {
     id: number;
     index: number;

package/es/components/MultipleContainersSortList/index.d.ts

@@ -21,5 +21,5 @@ interface DefaultRenderContainerProps {
     }) => React.ReactElement;
     children: any;
 }
-declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
+declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => React.JSX.Element;
 export default MultipleContainersSortList;

package/es/components/Pagination/index.d.ts

@@ -9,6 +9,6 @@ export declare const paginationConfig: {
     responsive: boolean;
     size: string;
 };
-declare const Pagination: (props: PaginationProps) => JSX.Element | null;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element | null;
 export default Pagination;
-export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => React.JSX.Element;

package/es/components/Pagination/index.js

@@ -16,6 +16,7 @@ import { Pagination as OriginPagination } from "antd";
 import classNames from "classnames";
 import { useResponsive } from "../../hooks";
 import "./index.less";
+import { getText } from "../../locales";
 
 /**
  * @title: 自定义渲染
@@ -32,14 +33,14 @@ var itemRender = function itemRender(_, type, originalElement) {
       className: "paginator-page-btn-left-icon"
     }), /*#__PURE__*/React.createElement("span", {
       className: "paginator-page-btn-text"
-    }, "Previous"));
+    }, getText("table-pagination-previous")));
   }
   if (type === "next") {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames("paginator-page-btn", "right")
     }, /*#__PURE__*/React.createElement("span", {
       className: "paginator-page-btn-text"
-    }, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
+    }, getText("table-pagination-next")), /*#__PURE__*/React.createElement(ArrowRight, {
       className: "paginator-page-btn-right-icon"
     }));
   }
@@ -130,13 +131,7 @@ var MiniPagination = function MiniPagination(props) {
     className: "materials-grid-paginator-center"
   }, /*#__PURE__*/React.createElement("span", {
     className: "materials-grid-paginator-center-text"
-  }, "Page"), /*#__PURE__*/React.createElement("span", {
-    className: "materials-grid-paginator-center-value"
-  }, current), /*#__PURE__*/React.createElement("span", {
-    className: "materials-grid-paginator-center-text"
-  }, "of"), /*#__PURE__*/React.createElement("span", {
-    className: "materials-grid-paginator-center-value"
-  }, MAX)), /*#__PURE__*/React.createElement("div", {
+  }, getText("table-pagination-total")(current, MAX))), /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode-pagination-next",
     onClick: function onClick() {
       if (current >= MAX) {
@@ -157,11 +152,11 @@ export var FormPagination = function FormPagination(_ref) {
     page = _ref.page,
     pageSize = _ref.pageSize,
     other = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(1),
+  var _useState = useState(page || 1),
     _useState2 = _slicedToArray(_useState, 2),
     _p = _useState2[0],
     _setP = _useState2[1];
-  var _useState3 = useState(10),
+  var _useState3 = useState(pageSize || 10),
     _useState4 = _slicedToArray(_useState3, 2),
     _ps = _useState4[0],
     _setPs = _useState4[1];
@@ -172,11 +167,11 @@ export var FormPagination = function FormPagination(_ref) {
     });
   };
   useEffect(function () {
-    var _page = (value === null || value === void 0 ? void 0 : value.page) || 1;
-    var _size = (value === null || value === void 0 ? void 0 : value.size) || 10;
+    var _page = (value === null || value === void 0 ? void 0 : value.page) || page || 1;
+    var _size = (value === null || value === void 0 ? void 0 : value.size) || pageSize || 10;
     _setP(_page);
     _setPs(_size);
-  }, [value]);
+  }, [value, page, pageSize]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, _extends({}, other, {
     pageSize: _ps,
     current: _p,

package/es/components/auto-complete/index.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-declare const AutoComplete: import("react").ForwardRefExoticComponent<Omit<import("antd").AutoCompleteProps<unknown, import("antd/es/select").DefaultOptionType | import("antd/es/select").BaseOptionType> & {
-    children?: import("react").ReactNode;
-} & {
-    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
-}, "ref"> & import("react").RefAttributes<any>>;
+declare const AutoComplete: (props: any) => import("react").JSX.Element;
 export default AutoComplete;

package/es/components/calendar/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Calendar: (props: any) => JSX.Element;
+declare const Calendar: (props: any) => import("react").JSX.Element;
 export default Calendar;

package/es/components/checkbox/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("antd").CheckboxProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<any>>;
+declare const Checkbox: (props: any) => import("react").JSX.Element;
 export default Checkbox;

package/es/components/classicLayout/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const ClassicLayout: (props: any) => React.JSX.Element;
+export default ClassicLayout;

package/es/components/classicLayout/index.js

@@ -0,0 +1,25 @@
+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 _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 React from "react";
+import classNames from "classnames";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var ClassicLayout = function ClassicLayout(props) {
+  var header = props.header,
+    content = props.content,
+    footer = props.footer,
+    style = props.style,
+    fixedHeader = props.fixedHeader,
+    fixedFooter = props.fixedFooter;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "claseic-layout"),
+    style: style
+  }, /*#__PURE__*/React.createElement("header", {
+    className: classNames(_defineProperty({}, "".concat(prefix, "claseic-layout-fixed-header"), fixedHeader))
+  }, header), content, /*#__PURE__*/React.createElement("footer", {
+    className: classNames(_defineProperty({}, "".concat(prefix, "claseic-layout-fixed-footer"), fixedFooter))
+  }, footer));
+};
+export default ClassicLayout;

package/es/components/classicLayout/index.less

@@ -0,0 +1,22 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-claseic-layout {
+    position: relative;
+    overflow: auto;
+    height: 100%;
+    width: 100%;
+  }
+  &-claseic-layout-fixed-header {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+  }
+  &-claseic-layout-fixed-footer {
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+    width: 100%;
+  }
+}

package/es/components/component/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ComponentProps {
+    children: React.ReactNode;
+}
+/**
+ * 低代码组件壳子 目前不做任何处理直接返回 如需容器包裹自行处理
+ * @param props
+ * @constructor
+ */
+declare const Component: (props: ComponentProps) => React.ReactNode;
+export default Component;

package/es/components/component/index.js

@@ -0,0 +1,10 @@
+/**
+ * 低代码组件壳子 目前不做任何处理直接返回 如需容器包裹自行处理
+ * @param props
+ * @constructor
+ */
+var Component = function Component(props) {
+  var children = props.children;
+  return children;
+};
+export default Component;

package/es/components/config-provider/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {
     [key: string]: any;
 }
-declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
+declare const ConfigProvider: (props: ConfigProviderProps) => React.JSX.Element;
 export default ConfigProvider;

package/es/components/date-picker/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const DatePicker: (props: any) => JSX.Element;
+declare const DatePicker: (props: any) => import("react").JSX.Element;
 export default DatePicker;

package/es/components/div/index.d.ts

@@ -4,5 +4,5 @@ export interface DivProps {
     style?: React.CSSProperties;
     others?: any;
 }
-declare const Div: (props: DivProps) => JSX.Element;
+declare const Div: (props: DivProps) => React.JSX.Element;
 export default Div;

package/es/components/div/index.js

@@ -1,13 +1,17 @@
+var _excluded = ["children", "style", "others"];
 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 _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; }
 import React from "react";
 var Div = function Div(props) {
   var children = props.children,
     _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style,
     _props$others = props.others,
-    others = _props$others === void 0 ? {} : _props$others;
+    others = _props$others === void 0 ? {} : _props$others,
+    otherProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({
     style: style
-  }, others), children);
+  }, others, otherProps), children);
 };
 export default Div;

package/es/components/drawer/index.d.ts

@@ -1,2 +1,3 @@
+import "./index.less";
 declare const Drawer: any;
 export default Drawer;

package/es/components/drawer/index.js

@@ -1,12 +1,50 @@
+var _excluded = ["others"];
 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); }
-import React from 'react';
-import { Drawer as OriginalDrawer } from 'antd';
+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; }
+import React, { useMemo } from "react";
+import { Drawer as OriginalDrawer } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var Title = function Title(props) {
+  var placement = props.placement,
+    onClose = props.onClose;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "drawer-outside-wrap ").concat(prefix, "drawer-outside-wrap-").concat(placement)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "drawer-outside-action-wrap"),
+    onClick: onClose
+  }, /*#__PURE__*/React.createElement(CloseOutlined, null)));
+};
 var Drawer = function Drawer(props) {
+  var others = props.others,
+    resetProps = _objectWithoutProperties(props, _excluded);
+  var operateMode = props.operateMode,
+    headerStyle = props.headerStyle,
+    placement = props.placement,
+    onClose = props.onClose;
   var innerProps = {};
-  if (props.__designMode === 'design') {
+  if (props.__designMode === "design") {
     // 低代码编辑态中强制显示，将控制权交给引擎侧
     innerProps.open = true;
   }
-  return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, props, innerProps));
+  var otherProps = useMemo(function () {
+    if (operateMode === "outside") {
+      return {
+        headerStyle: {
+          border: "none",
+          height: 0,
+          padding: 0
+        },
+        title: /*#__PURE__*/React.createElement(Title, {
+          placement: placement,
+          onClose: onClose
+        })
+      };
+    }
+    return headerStyle;
+  }, [operateMode, placement, onClose]);
+  return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, resetProps, innerProps, otherProps, others));
 };
 export default Drawer;

package/es/components/drawer/index.less

@@ -0,0 +1,34 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-drawer-outside-wrap {
+    position: absolute;
+    padding: 10px;
+    background-color: transparent;
+    display: flex;
+    flex-direction: column;
+  }
+  &-drawer-outside-wrap-right {
+    left: -82px;
+  }
+  &-drawer-outside-action-wrap {
+    width: 56px;
+    height: 56px;
+    border-radius: 99px;
+    background: var(--base-white, #fff);
+    transition: background 300ms ease;
+    box-shadow: 0px 4px 8px 0px rgba(13, 22, 25, 0.02),
+      0px 12px 20px 0px rgba(0, 0, 0, 0.16);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    cursor: pointer;
+    &:hover {
+      background: #e8e8ee;
+    }
+    .anticon {
+      font-size: 20px;
+    }
+  }
+}

package/es/components/dropdown/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: (props: any) => JSX.Element;
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/es/components/filter/components/QuickFilter/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { FilterItemProps } from "../Dropdown";
 interface QuickFilterProps {
     quickFilter: FilterItemProps[];
 }
-declare const QuickFilter: (props: QuickFilterProps) => JSX.Element;
+declare const QuickFilter: (props: QuickFilterProps) => React.JSX.Element;
 export default QuickFilter;

package/es/components/filter/components/items/index.d.ts

@@ -7,8 +7,8 @@ export declare const fieldMaps: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => JSX.Element;
-        Editor: () => JSX.Element;
+        Preview: (props: any) => import("react").JSX.Element;
+        Editor: () => import("react").JSX.Element;
     };
 };
 export declare const fieldList: {
@@ -24,8 +24,8 @@ export declare const getFieldByType: (type: string) => {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => JSX.Element;
-    Editor: () => JSX.Element;
+    Preview: (props: any) => import("react").JSX.Element;
+    Editor: () => import("react").JSX.Element;
 };
 declare const _default: {
     text: {
@@ -35,8 +35,8 @@ declare const _default: {
             field_type: string;
             default_value: string;
         };
-        Preview: (props: any) => JSX.Element;
-        Editor: () => JSX.Element;
+        Preview: (props: any) => import("react").JSX.Element;
+        Editor: () => import("react").JSX.Element;
     };
 };
 export default _default;

package/es/components/filter/components/items/text/Editor/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Text: () => JSX.Element;
+declare const Text: () => import("react").JSX.Element;
 export default Text;

package/es/components/filter/components/items/text/Preview/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Text: (props: any) => JSX.Element;
+declare const Text: (props: any) => import("react").JSX.Element;
 export default Text;

package/es/components/filter/components/items/text/index.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    Preview: (props: any) => JSX.Element;
-    Editor: () => JSX.Element;
+    Preview: (props: any) => import("react").JSX.Element;
+    Editor: () => import("react").JSX.Element;
 };
 export default _default;

package/es/components/filter/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { FilterItemProps } from "./components/Dropdown";
 export interface FilterProps {
     filter: {
@@ -8,5 +8,5 @@ export interface FilterProps {
     isRenderFormContent: boolean;
     onValuesChange: () => void;
 }
-declare const Filter: (props: FilterProps) => JSX.Element | null;
+declare const Filter: (props: FilterProps) => React.JSX.Element | null;
 export default Filter;

package/es/components/form/index.d.ts

@@ -3,6 +3,6 @@ declare class Form extends Component<any, any> {
     formRef: React.RefObject<any>;
     componentDidUpdate(prevProps: any): void;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Form;

package/es/components/list/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.less";
+declare const List: {
+    (props: any): React.JSX.Element;
+    Item: import("antd/es/list/Item").ListItemTypeProps;
+};
+export default List;

package/es/components/list/index.js

@@ -0,0 +1,104 @@
+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); }
+var _excluded = ["className", "paginationType", "pagination", "footer", "header", "listHeight", "loadMoreData", "arrow"];
+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 _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 _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; }
+import React, { useMemo, useRef } from "react";
+import classNames from "classnames";
+import { List as AntList, Skeleton } from "antd";
+import { getUniqueId } from "@pisell/utils";
+import InfiniteScroll from "react-infinite-scroll-component";
+import { DoubleRightOutlined } from "@ant-design/icons";
+import { useScroll } from "ahooks";
+import Pagination from "../Pagination";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var downArrow = /*#__PURE__*/React.createElement("div", {
+  className: "".concat(prefix, "list-arrow-wrap ").concat(prefix, "list-arrow-down")
+}, /*#__PURE__*/React.createElement(DoubleRightOutlined, {
+  style: {
+    transform: "rotate(90deg)"
+  }
+}));
+var upArrow = /*#__PURE__*/React.createElement("div", {
+  className: "".concat(prefix, "list-arrow-wrap ").concat(prefix, "list-arrow-up")
+}, /*#__PURE__*/React.createElement(DoubleRightOutlined, {
+  style: {
+    transform: "rotate(-90deg)"
+  }
+}));
+var List = function List(props) {
+  var className = props.className,
+    paginationType = props.paginationType,
+    pagination = props.pagination,
+    footer = props.footer,
+    header = props.header,
+    listHeight = props.listHeight,
+    loadMoreData = props.loadMoreData,
+    arrow = props.arrow,
+    others = _objectWithoutProperties(props, _excluded);
+  var listRef = useRef(null);
+  var scrollListId = useMemo(function () {
+    return "scrollableDiv-".concat(getUniqueId());
+  }, []);
+  var position = useScroll(listRef);
+  var isShowDownArrow = useMemo(function () {
+    var _listRef$current, _listRef$current2;
+    return arrow && (listRef === null || listRef === void 0 ? void 0 : listRef.current) && ((position === null || position === void 0 ? void 0 : position.top) || 0) + (listRef === null || listRef === void 0 ? void 0 : (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.clientHeight) < ((_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollHeight);
+  }, [position, arrow]);
+  var isShowUpArrow = useMemo(function () {
+    return arrow && ((position === null || position === void 0 ? void 0 : position.top) || 0) > 0;
+  }, [position, arrow]);
+  var _footer = useMemo(function () {
+    if (!(pagination && paginationType === "default") && !footer) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, pagination && paginationType === "default" && /*#__PURE__*/React.createElement(Pagination, _extends({
+      showLessItems: true
+    }, pagination)), footer);
+  }, [pagination, footer]);
+  var list = useMemo(function () {
+    var _props$grid2;
+    if (paginationType === "scroll") {
+      var _props$grid;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "scroll-list-wrap")
+      }, header && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "scroll-header-wrap")
+      }, header), /*#__PURE__*/React.createElement("div", {
+        id: scrollListId,
+        ref: listRef,
+        style: {
+          height: listHeight || 400,
+          overflow: "auto"
+        }
+      }, isShowUpArrow && upArrow, /*#__PURE__*/React.createElement(InfiniteScroll, {
+        dataLength: props.dataSource.length,
+        next: loadMoreData,
+        hasMore: props.dataSource.length < ((pagination === null || pagination === void 0 ? void 0 : pagination.total) || 999999),
+        loader: props.dataSource.length > 0 && /*#__PURE__*/React.createElement(Skeleton, {
+          avatar: true,
+          paragraph: {
+            rows: 1
+          },
+          active: true,
+          className: "".concat(prefix, "scroll-skeleton")
+        }),
+        scrollableTarget: scrollListId
+      }, /*#__PURE__*/React.createElement(AntList, _extends({}, others, {
+        className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 ? void 0 : (_props$grid = props.grid) === null || _props$grid === void 0 ? void 0 : _props$grid.oneLine))
+      }))), isShowDownArrow && downArrow), _footer && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "scroll-footer-wrap")
+      }, _footer));
+    }
+    return /*#__PURE__*/React.createElement(AntList, _extends({}, props, {
+      className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 ? void 0 : (_props$grid2 = props.grid) === null || _props$grid2 === void 0 ? void 0 : _props$grid2.oneLine))
+    }));
+  }, [props, _footer, isShowDownArrow, isShowUpArrow]);
+  return list;
+};
+List.Item = AntList.Item;
+export default List;

package/es/components/list/index.less

@@ -0,0 +1,38 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-list-one-line-wrap {
+    .pisell-lowcode-row {
+      flex-flow: row nowrap;
+      overflow: auto;
+      & > div {
+        flex-shrink: 0;
+      }
+    }
+  }
+  &-scroll-list-wrap {
+    position: relative;
+  }
+  &-list-arrow-wrap {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.05);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #0B5FDB;
+  }
+  &-list-arrow-down {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: rotateX(-50%);
+  }
+  &-list-arrow-up {
+    position: absolute;
+    top: 20px;
+    left: 50%;
+    transform: rotateX(-50%);
+  }
+}

package/es/components/page/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { ConfigProviderProps } from "../config-provider";
 interface PageProps extends ConfigProviderProps {
 }
-declare const Page: (props: PageProps) => JSX.Element;
+declare const Page: (props: PageProps) => React.JSX.Element;
 export default Page;