@yuntijs/ui 1.0.0-beta.10 → 1.0.0-beta.12

package/es/Descriptions/index.d.ts

@@ -0,0 +1,14 @@
+import { Descriptions as AntdDescriptions, type DescriptionsProps as AntdDescriptionsProps } from 'antd';
+import React from 'react';
+export interface CustomDescriptionsProps {
+    borderedBottom?: boolean;
+    borderedBottomDashed?: boolean;
+    borderedTop?: boolean;
+    borderedTopDashed?: boolean;
+}
+export interface DescriptionsProps extends AntdDescriptionsProps, CustomDescriptionsProps {
+}
+export declare const Descriptions: React.FC<DescriptionsProps> & {
+    Item: typeof AntdDescriptions.Item;
+};
+export default Descriptions;

package/es/Descriptions/index.js

@@ -0,0 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "borderedBottom", "borderedBottomDashed", "borderedTop", "borderedTopDashed"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Descriptions as AntdDescriptions } from 'antd';
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Descriptions = function Descriptions(props) {
+  var className = props.className,
+    borderedBottom = props.borderedBottom,
+    borderedBottomDashed = props.borderedBottomDashed,
+    borderedTop = props.borderedTop,
+    borderedTopDashed = props.borderedTopDashed,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles({
+      borderedBottom: borderedBottom,
+      borderedBottomDashed: borderedBottomDashed,
+      borderedTop: borderedTop,
+      borderedTopDashed: borderedTopDashed,
+      size: otherProps.size
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx(AntdDescriptions, _objectSpread(_objectSpread({}, otherProps), {}, {
+    className: cx(styles.custom, className)
+  }));
+};
+export default Descriptions;
+Descriptions.Item = AntdDescriptions.Item;

package/es/Descriptions/style.d.ts

@@ -0,0 +1,4 @@
+import { DescriptionsProps } from './index';
+export declare const useStyles: (props?: DescriptionsProps | undefined) => import("antd-style").ReturnStyles<{
+    custom: import("antd-style").SerializedStyles;
+}>;

package/es/Descriptions/style.js

@@ -0,0 +1,24 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var borderedBottom = _ref2.borderedBottom,
+    borderedBottomDashed = _ref2.borderedBottomDashed,
+    borderedTop = _ref2.borderedTop,
+    borderedTopDashed = _ref2.borderedTopDashed,
+    size = _ref2.size;
+  var descriptionsContentPadding = {
+    small: "".concat(token.paddingXS, "px ").concat(token.padding, "px"),
+    middle: "".concat(token.padding, "px ").concat(token.paddingLG, "px"),
+    default: "".concat(token.paddingSM, "px ").concat(token.paddingLG, "px")
+  };
+  var hasCustomSizeStyle = borderedBottom || borderedBottomDashed;
+  return {
+    custom: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        .", "-descriptions-item-content {\n          align-items: center !important;\n        }\n        .", "-descriptions-row > td {\n          padding-top: 8px !important;\n          padding-bottom: 8px !important;\n        }\n        ", "\n        ", "\n        ", "\n        ", "\n        ", "\n      "])), prefixCls, prefixCls, hasCustomSizeStyle && size && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          .", "-descriptions-item-label, .", "-descriptions-item-content {\n            padding: ", ";\n          }\n          .", "-descriptions-item {\n            padding-bottom: 0 !important;\n          }\n          table {\n            border-spacing: 0 !important;\n          }\n        "])), prefixCls, prefixCls, descriptionsContentPadding[size], prefixCls), borderedBottom && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          .", "-descriptions-item {\n            border-bottom: 1px solid ", ";\n          }\n        "])), prefixCls, token.colorSplit), borderedBottomDashed && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          .", "-descriptions-item {\n            border-bottom: 1px dashed ", ";\n          }\n        "])), prefixCls, token.colorSplit), borderedTop && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          .", "-descriptions-item {\n            border-top: 1px solid ", ";\n          }\n        "])), prefixCls, token.colorSplit), borderedTopDashed && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          .", "-descriptions-item {\n            border-top: 1px dashed ", ";\n          }\n        "])), prefixCls, token.colorSplit))
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/Divider/index.d.ts

@@ -0,0 +1,38 @@
+import { type DividerProps as AntdDividerProps } from 'antd';
+import React from 'react';
+export interface CustomDividerProps {
+    /**
+     * @description type of the divider
+     * @default 'default'
+     */
+    mode?: 'expanded' | 'line' | 'default';
+    /**
+     * @description Default whether to expand. This parameter is available only when mode is expanded
+     * @default 'false'
+     */
+    defaultOpen?: boolean;
+    /**
+     * @description Expand content. This parameter is available only when mode is expanded
+     * @default '-'
+     */
+    content?: React.ReactNode;
+    /**
+     * @description The position of icon. This parameter is available only when mode is expanded and default
+     * @default 'left'
+     */
+    iconPlacement?: 'left' | 'right';
+    /**
+     * @description custom open icon. This parameter is available only when mode is expanded
+     * @default '-'
+     */
+    openIcon?: React.ReactNode;
+    /**
+     * @description custom close icon. This parameter is available only when mode is expanded
+     * @default '-'
+     */
+    closeIcon?: React.ReactNode;
+}
+export interface DividerProps extends AntdDividerProps, CustomDividerProps {
+}
+export declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/es/Divider/index.js

@@ -0,0 +1,59 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["mode", "content", "defaultOpen", "iconPlacement", "openIcon", "closeIcon"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { MinusSquareOutlined, PlusSquareOutlined } from '@ant-design/icons';
+import { Divider as AntdDivider, Space } from 'antd';
+import React, { useState } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export var Divider = function Divider(props) {
+  var mode = props.mode,
+    content = props.content,
+    defaultOpen = props.defaultOpen,
+    iconPlacement = props.iconPlacement,
+    openIcon = props.openIcon,
+    closeIcon = props.closeIcon,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles({}),
+    styles = _useStyles.styles;
+  var canExpanded = mode === 'expanded';
+  var _useState = useState(defaultOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var closeIconDom = closeIcon ? closeIcon : /*#__PURE__*/_jsx(MinusSquareOutlined, {});
+  var openIconDom = openIcon ? openIcon : /*#__PURE__*/_jsx(PlusSquareOutlined, {});
+  var iconDom = canExpanded && /*#__PURE__*/_jsx("span", {
+    children: open ? closeIconDom : openIconDom
+  });
+  if (mode === 'line') {
+    return /*#__PURE__*/_jsx(AntdDivider, _objectSpread({}, otherProps));
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(AntdDivider, _objectSpread(_objectSpread({}, otherProps), {}, {
+      children: /*#__PURE__*/_jsx("span", {
+        className: canExpanded ? styles.custom : '',
+        onClick: function onClick() {
+          setOpen(!open);
+        },
+        children: /*#__PURE__*/_jsxs(Space, {
+          size: 6,
+          children: [iconPlacement !== 'right' && iconDom, /*#__PURE__*/_jsx("span", {
+            children: props.children
+          }), iconPlacement === 'right' && iconDom]
+        })
+      })
+    })), canExpanded && /*#__PURE__*/_jsx("div", {
+      style: {
+        display: open ? 'block' : 'none'
+      },
+      children: content
+    })]
+  });
+};
+export default Divider;

package/es/Divider/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    custom: import("antd-style").SerializedStyles;
+}>;

package/es/Divider/style.js

@@ -0,0 +1,12 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    custom: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        cursor: pointer;\n        color: ", ";\n        &:hover {\n          color: ", ";\n        }\n      "])), token.colorPrimary, token.colorPrimaryHover)
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/index.d.ts

@@ -6,7 +6,11 @@ export * from './SliderInput';
 export * from './Tree';
 export * from './Alert';
 export * from './Card';
+export * from './Descriptions';
+export * from './Divider';
 export { Affix, type AffixProps, Anchor, type AnchorProps, App, type AppProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, BackTop, type BackTopProps, Badge, // @todo composed type
 type BadgeProps, Button, // @todo dependence unifiedLink. link type, hover primary color, back button
-type ButtonProps, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, type CheckboxProps, ColorPicker, type ColorPickerProps, } from 'antd';
+type ButtonProps, Calendar, type CalendarProps, Carousel, type CarouselProps, Cascader, type CascaderProps, Checkbox, type CheckboxProps, Col, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type ColProps, // @todo center style
+DatePicker, type DatePickerProps, } from 'antd';
+export { Highlighter, type HighlighterProps, Markdown, type MarkdownProps, SyntaxHighlighter, type SyntaxHighlighterProps, } from '@lobehub/ui';
 export { useResponsive, useTheme, useThemeMode } from 'antd-style';

package/es/index.js

@@ -8,11 +8,18 @@ export * from "./Tree";
 // ~ custom antd
 export * from "./Alert";
 export * from "./Card";
+export * from "./Descriptions";
+export * from "./Divider";
 
 // ~ antd
 export { Affix, Anchor, App, AutoComplete, Avatar, BackTop, Badge // @todo composed type
 , Button // @todo dependence unifiedLink. link type, hover primary color, back button
-, Calendar, Carousel, Checkbox, ColorPicker } from 'antd';
+, Calendar, Carousel, Cascader, Checkbox, Col, Collapse, ColorPicker,
+// @todo center style
+DatePicker } from 'antd';
+
+// ~ @lobehub/ui
+export { Highlighter, Markdown, SyntaxHighlighter } from '@lobehub/ui';
 
 // ~ antd-style
 export { useResponsive, useTheme, useThemeMode } from 'antd-style';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.12",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",