@pisell/materials 1.0.446 → 1.0.447

package/es/components/cardPro/index.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { withWrap } from "../../utils/hoc";
+import { Card, Flex } from 'antd';
+import classNames from 'classnames';
+import "./index.less";
+var CardPro = function CardPro(props) {
+  var headTitle = props.headTitle,
+    headSubTitle = props.headSubTitle,
+    _props$isShowFooter = props.isShowFooter,
+    isShowFooter = _props$isShowFooter === void 0 ? true : _props$isShowFooter,
+    contentHeight = props.contentHeight,
+    children = props.children,
+    _props$actionButtons = props.actionButtons,
+    actionButtons = _props$actionButtons === void 0 ? [] : _props$actionButtons,
+    _props$buttonPosition = props.buttonPosition,
+    buttonPosition = _props$buttonPosition === void 0 ? 'center' : _props$buttonPosition,
+    cover = props.cover,
+    extra = props.extra,
+    isShowHead = props.isShowHead,
+    className = props.className,
+    coverHeight = props.coverHeight,
+    badge = props.badge;
+  return /*#__PURE__*/React.createElement(Card, {
+    title: null,
+    style: {
+      padding: 0
+    },
+    className: classNames('pisell-cardPro-wrap', className, cover && 'pisell-cardPro-wrap-with-cover')
+  }, !!cover && /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-cardPro-cover'),
+    style: {
+      height: coverHeight
+    }
+  }, cover, /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-cardPro-badge')
+  }, badge)), isShowHead && /*#__PURE__*/React.createElement(Flex, {
+    className: classNames('pisell-cardPro-head'),
+    justify: "space-between"
+  }, /*#__PURE__*/React.createElement(Flex, {
+    style: {
+      flex: 1
+    },
+    vertical: true,
+    gap: "middle"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-cardPro-head-title')
+  }, headTitle), /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-cardPro-head-subTitle')
+  }, headSubTitle)), /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-cardPro-head-extra')
+  }, extra)), /*#__PURE__*/React.createElement(Flex, {
+    style: {
+      height: contentHeight
+    },
+    className: classNames('pisell-cardPro-content')
+  }, children), isShowFooter && /*#__PURE__*/React.createElement(Flex, {
+    gap: 20,
+    justify: buttonPosition,
+    style: {
+      marginTop: 20
+    }
+  }, actionButtons.map(function (item, index) {
+    return item.button;
+  })));
+};
+export default withWrap(CardPro);

package/es/components/cardPro/index.less

@@ -0,0 +1,58 @@
+.pisell-cardPro-wrap {
+    border-radius: 12px;
+
+    &.pisell-cardPro-wrap-with-cover {
+        .pisell-lowcode-card-body {
+            padding-top: 0;
+            padding-left: 0;
+            padding-right: 0;
+            padding-bottom: 24px;
+        }
+
+        .pisell-cardPro-head, .pisell-cardPro-content {
+            padding: 0 24px;
+        }
+    }
+
+
+    .pisell-cardPro-cover {
+        position: relative;
+
+        .pisell-cardPro-badge {
+            position: absolute;
+            right: 0;
+            top: 0;
+        }
+
+    }
+
+    .pisell-cardPro-head {
+        padding: 0;
+        .pisell-cardPro-head-title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #1a2029;
+        }
+
+        .pisell-cardPro-head-subtitle {
+            font-size: 12px;
+            color: #6e8098;
+        }
+
+        .pisell-cardPro-head-extra {
+            width: 150px;
+        }
+    }
+
+    .pisell-cardPro-content {
+        overflow-y: auto;
+        margin-top: 20px;
+    }
+
+    .pisell-cardPro-content {
+        overflow-y: auto;
+        margin-top: 20px;
+    }
+
+
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+declare const Collapse: (props: {
+    [key: string]: any;
+}) => React.JSX.Element;
+export default Collapse;

package/es/components/collapse/index.js

@@ -0,0 +1,66 @@
+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 _templateObject;
+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 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import React, { useMemo } from 'react';
+import { Collapse as OriginalCollapse } from 'antd';
+import styled from 'styled-components';
+import "./index.less";
+var Collapse = function Collapse(props) {
+  var other = Object.assign({}, (_objectDestructuringEmpty(props), props));
+
+  // 自定义样式
+  var CustomCollapse = styled(OriginalCollapse)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .pisell-lowcode-collapse-header {\n      display: flex !important;\n      align-items: center !important;\n    }\n\n    .pisell-lowcode-collapse-content {\n      background-color: ", ";\n      border-top: ", ";\n    }\n  "])), other !== null && other !== void 0 && other.panelBackground ? 'transparent' : '#ffffff', other !== null && other !== void 0 && other.panelBackground ? '0' : '1px solid #D0D5DD');
+
+  /**
+   * @title: 自定义面板样式
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-25 20:23
+   */
+  var panelStyle = {
+    marginBottom: other === null || other === void 0 ? void 0 : other.panelMarginBottom,
+    background: other === null || other === void 0 ? void 0 : other.panelBackground,
+    borderRadius: other === null || other === void 0 ? void 0 : other.panelBorderRadius
+  };
+
+  /**
+   * @title: 面板内容
+   * @description:
+   * @param {*} CollapseProps
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2024-11-25 20:28
+   */
+  var items = useMemo(function () {
+    var _other$children;
+    return other === null || other === void 0 ? void 0 : (_other$children = other.children) === null || _other$children === void 0 ? void 0 : _other$children.map(function (item) {
+      var _item$props, _item$props2;
+      return _objectSpread(_objectSpread({}, item === null || item === void 0 ? void 0 : item.props), {}, {
+        label: other !== null && other !== void 0 && other.showHeader ? /*#__PURE__*/React.createElement("div", {
+          style: {
+            color: other === null || other === void 0 ? void 0 : other.headerColor,
+            fontSize: other === null || other === void 0 ? void 0 : other.headerFontSize
+          }
+        }, item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.header) : null,
+        key: item === null || item === void 0 ? void 0 : item.key,
+        children: item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.children,
+        style: panelStyle
+      });
+    });
+  }, [other]);
+  return /*#__PURE__*/React.createElement(CustomCollapse, _extends({}, other, {
+    expandIcon: other !== null && other !== void 0 && other.expandIcon ? function () {
+      return other === null || other === void 0 ? void 0 : other.expandIcon;
+    } : undefined,
+    items: items
+  }));
+};
+export default Collapse;

package/es/components/collapse/index.less

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,39 @@
+import dayjs from 'dayjs';
+export declare const presetDetailMap: {
+    today: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    yesterday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    tomorrow: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    next_monday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_friday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_next_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_last_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+};

package/es/components/date-picker/constants.js

@@ -0,0 +1,76 @@
+import dayjs from 'dayjs';
+import { getText } from "../../locales";
+export var presetDetailMap = {
+  today: {
+    getValue: function getValue() {
+      return dayjs().startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-today');
+    }
+  },
+  yesterday: {
+    getValue: function getValue() {
+      return dayjs().add(-1, 'd').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-yesterday');
+    }
+  },
+  tomorrow: {
+    getValue: function getValue() {
+      return dayjs().add(1, 'd').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-tomorrow');
+    }
+  },
+  next_monday: {
+    getValue: function getValue() {
+      return dayjs().startOf('week').add(8, 'day').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-next_monday');
+    }
+  },
+  last_friday: {
+    getValue: function getValue() {
+      return dayjs().subtract(1, 'week').startOf('week').add(5, 'day').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-last_friday');
+    }
+  },
+  first_day_of_this_month: {
+    getValue: function getValue() {
+      return dayjs().startOf('month').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-first_day_of_this_month');
+    }
+  },
+  last_day_of_this_month: {
+    getValue: function getValue() {
+      return dayjs().endOf('month').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-last_day_of_this_month');
+    }
+  },
+  first_day_of_next_month: {
+    getValue: function getValue() {
+      return dayjs().endOf('month').add(1, 'day').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-first_day_of_next_month');
+    }
+  },
+  last_day_of_last_month: {
+    getValue: function getValue() {
+      return dayjs().startOf('month').subtract(1, 'day').startOf('day');
+    },
+    label: function label() {
+      return getText('date-picker-last_day_of_last_month');
+    }
+  }
+};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
+import { Dayjs } from 'dayjs';
+import './index.less';
+interface DatePickerCptProps extends PickerDateProps<Dayjs> {
+}
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
+export default DatePickerCpt;