UNPKG

@aligov/gov-alist

Version:
161 lines (132 loc) 5.67 kB
import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose"; import _extends from "@babel/runtime/helpers/extends"; import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose"; function _templateObject6() { var data = _taggedTemplateLiteralLoose([""]); _templateObject6 = function _templateObject6() { return data; }; return data; } function _templateObject5() { var data = _taggedTemplateLiteralLoose(["\n padding: 20px 0 0 20px;\n position: relative;\n top: 1px;\n z-index: 9;\n box-shadow: 0 -2px 4px 0px rgba(33, 56, 90, 0.07);\n background: #fff;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n"]); _templateObject5 = function _templateObject5() { return data; }; return data; } function _templateObject4() { var data = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 20px 0;\n background: #fff;\n margin: 0;\n position: relative;\n top: -17px;\n box-shadow: 0 2px 3px 0px rgba(33, 56, 90, 0.13);\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n"]); _templateObject4 = function _templateObject4() { return data; }; return data; } function _templateObject3() { var data = _taggedTemplateLiteralLoose(["\n background: #ffffff;\n border: 0 solid #979797;\n box-shadow: 0 1px 4px 0 rgba(33, 56, 90, 0.13);\n border-radius: 4px;\n padding: 20px 20px 1px;\n"]); _templateObject3 = function _templateObject3() { return data; }; return data; } function _templateObject2() { var data = _taggedTemplateLiteralLoose(["\n padding: 20px;\n border-radius: 4px;\n background-color: #ffffff;\n box-shadow: 0 1px 4px 0 rgba(33, 56, 90, 0.13);\n"]); _templateObject2 = function _templateObject2() { return data; }; return data; } function _templateObject() { var data = _taggedTemplateLiteralLoose(["\n border: 0 solid #979797;\n border-radius: 4px;\n"]); _templateObject = function _templateObject() { return data; }; return data; } import React from 'react'; import styled from 'styled-components'; import { List as OriginList, Filter as OriginFilter, Table as OriginTable, Pagination as OriginPagination, Layout as OriginLayout, Consumer as OriginConsumer } from '@alist/next'; import { DatePicker } from '@formily/next-components'; // *** 对外暴露API *** export { Clear, Reset, Search, ConnectProvider, ExpandContainer, ExpandTrigger, SchemaList, ToggleTrigger, createListActions, ListLifeCycleTypes, FormSlot } from '@alist/next'; var DateRangePicker = DatePicker.RangePicker; OriginLayout.defaultProps = OriginLayout.defaultProps || {}; Object.assign(OriginLayout.defaultProps, { full: true, labelAlign: 'left' }); OriginTable.defaultProps = OriginTable.defaultProps || {}; Object.assign(OriginTable.defaultProps, { hasBorder: false }); var ListWrapper = function ListWrapper(props) { var url = props.url, query = props.query, children = props.children, others = _objectWithoutPropertiesLoose(props, ["url", "query", "children"]); url = url || '/xxx'; var lastQuery = query; if (typeof query === 'function') { lastQuery = function lastQuery(params) { return query(params ? params.data || params : {}); }; } return /*#__PURE__*/React.createElement(OriginList, _extends({ url: url, query: lastQuery }, others), children); }; var AList = styled(ListWrapper)(_templateObject()); var AFilter = styled(OriginFilter)(_templateObject2()); AFilter.defaultProps = AFilter.defaultProps || {}; var defaultFilterComponents = AFilter.defaultProps.components || {}; // *** Filter的默认注册组件,可以单独引出去覆盖 *** export var filterComponents = _extends({}, defaultFilterComponents, { DateRangePicker: DateRangePicker }); Object.assign(AFilter.defaultProps, { components: filterComponents }); var ATable = styled(OriginTable)(_templateObject3()); OriginPagination.defaultProps = { totalRender: function totalRender(total) { return /*#__PURE__*/React.createElement("span", { className: "next-pagination-size-selector-title" }, "total:", /*#__PURE__*/React.createElement("span", { style: { color: '#6A707F', marginLeft: 10 } }, total)); }, pageSizeSelector: 'filter' }; var APagination = styled(OriginPagination)(_templateObject4()); var ConsumerWrapper = styled.div(_templateObject5()); var AConsumer = styled(function (props) { var children = props.children, _props$style = props.style, style = _props$style === void 0 ? {} : _props$style, others = _objectWithoutPropertiesLoose(props, ["children", "style"]); return /*#__PURE__*/React.createElement(ConsumerWrapper, { style: style }, /*#__PURE__*/React.createElement(OriginConsumer, others, children)); })(_templateObject6()); // *** 对外暴露API *** var OriginButtonGroup = OriginLayout.ButtonGroup; export var ButtonGroup = function ButtonGroup(props) { var _props$align = props.align, align = _props$align === void 0 ? 'right' : _props$align, children = props.children, _props$style2 = props.style, style = _props$style2 === void 0 ? {} : _props$style2, others = _objectWithoutPropertiesLoose(props, ["align", "children", "style"]); return /*#__PURE__*/React.createElement(OriginButtonGroup, _extends({ style: style, align: align }, others), children); }; OriginLayout.ButtonGroup = ButtonGroup; export var List = AList; export var Filter = AFilter; export var Table = ATable; export var Pagination = APagination; export var Layout = OriginLayout; export var Consumer = AConsumer;