@para-ui/core 3.0.4 → 3.0.5

package/Breadcrumbs/index.js

@@ -139,7 +139,6 @@ var Breadcrumbs = function Breadcrumbs(props) {
       setShowMore(false);
     }
 
-    console.log(props.list, props.list.length);
     if (props.list.length <= constData.current.minNum + 1) return hideMask(); // 面包屑数组长度必须大于最少显示数
 
     if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask(); // 隐藏到最小显示数,停止

package/CollapseBox/index.js

@@ -1,27 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import { Transition } from 'react-transition-group';
+import { g as getTransitionProps, a as getAutoHeightDuration } from '../_verture/util-a77b261e.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-function getTransitionProps(props, options) {
-  var timeout = props.timeout,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style;
-  return {
-    duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
-    delay: style.transitionDelay
-  };
-}
-function getAutoHeightDuration(height) {
-  if (!height) {
-    return 0;
-  }
-
-  var constant = height / 36;
-  return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
-}
-
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-collapse-box {\n  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  width: 100%;\n  overflow: hidden;\n  height: 0;\n}\n.paraui-v3-collapse-box > .collapse-box-wrapper {\n  display: flex;\n  width: 100%;\n}\n.paraui-v3-collapse-box > .collapse-box-wrapper > .collapse-box-wrapper-inner {\n  width: 100%;\n}\n.paraui-v3-collapse-box.paraui-v3-collapse-box-entered {\n  overflow: visible;\n}\n.paraui-v3-collapse-box.paraui-v3-collapse-box-hidden {\n  visibility: hidden;\n}";
 styleInject(css_248z);
 

package/CollapseLayout/index.d.ts

@@ -0,0 +1,51 @@
+import React, { FC } from 'react';
+import './index.scss';
+export interface CollapseLayoutProps {
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * 收起出现的位置
+     * 默认 left
+     */
+    type?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * 普通展示数据
+     */
+    defaultContent?: React.ReactNode;
+    /**
+     * 显示隐藏的数据
+     */
+    displayContent?: React.ReactNode;
+    /**
+     * 展开还是收起
+     */
+    open?: boolean;
+    /**
+     * 允许缩放的长度
+     * */
+    zoomLength?: number;
+    /**
+     * 单位
+     * 默认px
+     */
+    unit?: string;
+    /**
+     * 展开按钮显示文字
+     */
+    showLabel?: string;
+    /**
+     * 收起按钮展示文字
+     */
+    hideLabel?: string;
+    /**
+     * 间距
+     * 默认20
+     */
+    spacing?: number;
+}
+/**
+ * @author zhanzl
+ * @date 2022/08/09
+ */
+declare const CollapseLayout: FC<CollapseLayoutProps>;
+export default CollapseLayout;

package/CollapseLayout/index.js

@@ -0,0 +1,190 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import DoubleLeft from '@para-ui/icons/DoubleLeft';
+import DoubleRight from '@para-ui/icons/DoubleRight';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import clsx from 'clsx';
+import { a as getAutoHeightDuration } from '../_verture/util-a77b261e.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-collapse-layout {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-top {\n  transform: rotate(90deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-bottom {\n  transform: rotate(-90deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-icon-transform-right {\n  transform: rotate(180deg);\n}\n.paraui-v3-collapse-layout .collapse-layout-display {\n  overflow: hidden;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-click span, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-click span {\n  font-size: 12px;\n  font-weight: 400;\n  text-align: center;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click {\n  position: absolute;\n  top: 50%;\n  left: \"\";\n  width: 20px;\n  height: 72px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  line-height: 23px;\n  margin-top: -36px;\n  z-index: 1;\n  display: grid;\n  transition-property: right;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  right: 0px;\n  border-radius: 4px 0 0 4px;\n  border-right: 1px solid rgb(54, 102, 214);\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-click > svg {\n  align-self: center;\n  justify-self: center;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display-shadow {\n  transition-property: margin-right;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 20px;\n  height: 72px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  line-height: 23px;\n  margin-top: -36px;\n  z-index: 1;\n  display: grid;\n  transition-property: left;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  border-left: 1px solid rgb(54, 102, 214);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-click > svg {\n  align-self: center;\n  justify-self: center;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display-shadow {\n  transition-property: margin-left;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left > div, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right > div {\n  display: inline-block;\n  vertical-align: middle;\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display-shadow, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display-shadow {\n  height: 100%;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-left .collapse-layout-default, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-right .collapse-layout-default {\n  transition: width;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-click {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 72px;\n  height: 20px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  line-height: 23px;\n  margin-top: 0;\n  z-index: 1;\n  display: grid;\n  transition-property: top;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  margin-left: -36px;\n  border-top: 1px solid rgb(54, 102, 214);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-click > svg {\n  align-self: center;\n  justify-self: center;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display-shadow {\n  transition-property: margin-top;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-click {\n  position: absolute;\n  top: \"\";\n  left: 50%;\n  width: 72px;\n  height: 20px;\n  background: rgba(171, 176, 185, 0.12);\n  text-align: center;\n  cursor: pointer;\n  line-height: 23px;\n  margin-top: 0;\n  z-index: 1;\n  display: grid;\n  transition-property: bottom;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n  margin-left: -36px;\n  bottom: 0px;\n  border-bottom: 1px solid rgb(54, 102, 214);\n  border-radius: 4px 4px 0 0;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-click > svg {\n  align-self: center;\n  justify-self: center;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display-shadow {\n  transition-property: margin-bottom;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-default, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display,\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-default {\n  transition-property: height;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 0ms;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top .collapse-layout-display-shadow, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom .collapse-layout-display-shadow {\n  width: 100%;\n}\n.paraui-v3-collapse-layout.paraui-v3-collapse-layout-top > div, .paraui-v3-collapse-layout.paraui-v3-collapse-layout-bottom > div {\n  display: block;\n  width: 100%;\n  position: relative;\n}";
+styleInject(css_248z);
+
+/**
+ * @author zhanzl
+ * @date 2022/08/09
+ */
+
+var CollapseLayout = function CollapseLayout(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'left' : _props$type,
+      showLabel = props.showLabel,
+      _props$open = props.open,
+      open = _props$open === void 0 ? false : _props$open,
+      hideLabel = props.hideLabel,
+      _props$spacing = props.spacing,
+      spacing = _props$spacing === void 0 ? 20 : _props$spacing,
+      _props$zoomLength = props.zoomLength,
+      zoomLength = _props$zoomLength === void 0 ? 0 : _props$zoomLength,
+      _props$unit = props.unit,
+      unit = _props$unit === void 0 ? 'px' : _props$unit,
+      style = props.style,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className;
+  var displayRef = useRef(null);
+  /**
+   * 处理动画时间
+   * */
+
+  var handTime = function handTime() {
+    var dom = displayRef.current;
+    if (!dom) return 0;
+    var rect = dom.getBoundingClientRect();
+    var durationHand = getAutoHeightDuration(rect.width);
+    return durationHand;
+  };
+
+  var duration = handTime(); // 动画时间
+
+  /**
+   * 当前为收起还是展开
+   */
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      showBox = _useState2[0],
+      setShowBox = _useState2[1]; // 渲染配置
+
+
+  var typeConfig = {
+    layout: {
+      left: ['display', 'default'],
+      right: ['default', 'display'],
+      top: ['display', 'default'],
+      bottom: ['default', 'display']
+    }
+  }; // 首字母大写
+
+  var formatterType = function formatterType(str) {
+    var newStr = str.slice(0, 1).toUpperCase() + str.slice(1);
+    return newStr;
+  }; // 计算方位
+
+
+  var hangWH = function hangWH() {
+    var wH = 'width';
+
+    if (type === "top" || type === "bottom") {
+      wH = 'height';
+    }
+
+    return wH;
+  }; // 收缩容器的样式
+
+
+  var handDisplayStyle = function handDisplayStyle() {
+    var json = {};
+    var collapseL = (showBox ? zoomLength : 0) + unit; // 收缩长度
+
+    var wH = hangWH();
+    json[wH] = collapseL;
+    json['transitionDuration'] = duration + 'ms';
+    return json;
+  }; // 收缩容器的样式,里面的样式
+
+
+  var handDisplayShowStyle = function handDisplayShowStyle() {
+    var json = {};
+    var direction = "margin".concat(formatterType(type));
+    var wH = hangWH();
+    json[wH] = zoomLength + unit;
+    json[direction] = (showBox ? 0 : zoomLength) + unit;
+    json['transitionDuration'] = duration + 'ms';
+    return json;
+  }; // 自适应容器的样式
+
+
+  var handDefaultStyle = function handDefaultStyle() {
+    var json = {};
+    var wH = hangWH();
+    var collapseL = showBox ? zoomLength : 0; // 收缩长度
+
+    json[wH] = "calc(100% - ".concat(collapseL + spacing).concat(unit);
+    var direction = "margin".concat(formatterType(type));
+    json[direction] = spacing + unit;
+    json['transitionDuration'] = duration + 'ms';
+    return json;
+  }; // 布局
+
+
+  var Layout = function Layout() {
+    return typeConfig.layout[type].map(function (key, idx) {
+      switch (key) {
+        case "display":
+          // 可收缩的
+          return jsx("div", Object.assign({
+            className: "collapse-layout-display",
+            style: handDisplayStyle()
+          }, {
+            children: jsx("div", Object.assign({
+              className: "collapse-layout-display-shadow",
+              style: handDisplayShowStyle(),
+              ref: displayRef
+            }, {
+              children: props.displayContent
+            }))
+          }), idx);
+
+        default:
+          return jsx("div", Object.assign({
+            className: "collapse-layout-default",
+            style: handDefaultStyle()
+          }, {
+            children: props.defaultContent
+          }), idx);
+      }
+    });
+  };
+  /**
+   * 展开收起按钮
+   * */
+
+
+  var handBtn = function handBtn() {
+    var _style;
+
+    /**
+     * 计算后的展示文字
+     */
+    var computeLabel = showBox ? showLabel : hideLabel;
+    return jsxs("div", Object.assign({
+      className: "collapse-layout-click collapse-layout-click-label-".concat(!!computeLabel),
+      style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", duration + 'ms'), _style),
+      onClick: function onClick() {
+        return setShowBox(!showBox);
+      }
+    }, {
+      children: [computeLabel && jsx("span", {
+        children: computeLabel
+      }), showBox ? jsx(DoubleLeft, {
+        className: "collapse-layout-icon-transform-".concat(type)
+      }) : jsx(DoubleRight, {
+        className: "collapse-layout-icon-transform-".concat(type)
+      })]
+    }));
+  };
+
+  useEffect(function () {
+    setShowBox(open);
+  }, [open]);
+  return jsxs("div", Object.assign({
+    className: clsx("".concat($prefixCls, "-collapse-layout"), "".concat($prefixCls, "-collapse-layout-").concat(showBox), "".concat($prefixCls, "-collapse-layout-").concat(type), "".concat($prefixCls, "-collapse-layout-").concat(type, "-").concat(showBox), className),
+    style: style
+  }, {
+    children: [handBtn(), Layout()]
+  }));
+};
+
+export { CollapseLayout as default };

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-4b4ee8b5.js';
+import { F as FormItem, v as validate } from '../_verture/index-9d9fefc1.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-4b4ee8b5.js';
+export { F as default } from '../_verture/index-9d9fefc1.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-bf34e6fa.js';

package/Menu/index.js

@@ -12,6 +12,7 @@ import MenuMoreLine from '@para-ui/icons/IndentRightFill';
 import MenuLessLine from '@para-ui/icons/IndentLeftFill';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react-transition-group';
+import '../_verture/util-a77b261e.js';
 
 var Logo = function Logo(props) {
   var _props$expansion = props.expansion,

package/Pagination/index.js

@@ -2,8 +2,8 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useState, useRef, useEffect, useMemo } from 'react';
 import PaginationCom from 'rc-pagination';
-import FirstPage from '@para-ui/icons/DoubleLeft';
-import LastPage from '@para-ui/icons/DoubleRight';
+import DoubleLeft from '@para-ui/icons/DoubleLeft';
+import DoubleRight from '@para-ui/icons/DoubleRight';
 import NavigateBefore from '@para-ui/icons/Left';
 import Right from '@para-ui/icons/Right';
 import Select from '../Select/index.js';
@@ -398,7 +398,7 @@ var Pagination = function Pagination(props) {
           onClick: clickPage('first'),
           className: pageCom === 1 ? 'disabled-btn' : ''
         }, {
-          children: jsx(FirstPage, {})
+          children: jsx(DoubleLeft, {})
         })), jsx("div", Object.assign({
           onClick: clickPage('prev'),
           className: pageCom === 1 ? 'disabled-btn' : ''
@@ -426,7 +426,7 @@ var Pagination = function Pagination(props) {
           onClick: clickPage('last'),
           className: pageCom === totalPage ? 'disabled-btn' : ''
         }, {
-          children: jsx(LastPage, {})
+          children: jsx(DoubleRight, {})
         }))]
       }))]
     }));

package/README.md

@@ -1,3 +1,8 @@
+## 版本: 3.0.5
+
+     para-ui/core@3.0.5 发布
+        【CollapseLayout】分栏收缩容器
+
 ## 版本: 3.0.4
 
      para-ui/core@3.0.4 发布
@@ -5,6 +10,7 @@
         【Button】禁用时提示文字无箭头且位于下方
         【国际化】国际化支持zh-CN/en-US
         【Breadcrumbs】重构面包屑
+        【Transfer】增加禁用逻辑,修改value改变不生效
 
 ## 版本: 3.0.3
 

package/Title/index.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-title {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n.paraui-v3-title .paraui-v3-title-ink {\n  width: 4px;\n  height: 14px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 2px;\n}\n.paraui-v3-title .paraui-v3-title-icon {\n  display: inline-flex;\n}\n.paraui-v3-title .paraui-v3-title-text {\n  margin-left: 8px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-title .paraui-v3-title-subtext {\n  margin-left: 12px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-title .paraui-v3-title-link {\n  margin-left: 12px;\n  text-decoration: none;\n  outline: none;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-title.paraui-v3-title-large .paraui-v3-title-icon svg {\n  font-size: 30px;\n}\n.paraui-v3-title.paraui-v3-title-large .paraui-v3-title-text {\n  font-size: 18px;\n}\n.paraui-v3-title.paraui-v3-title-medium .paraui-v3-title-icon svg {\n  font-size: 24px;\n}\n.paraui-v3-title.paraui-v3-title-medium .paraui-v3-title-text {\n  font-size: 16px;\n}\n.paraui-v3-title.paraui-v3-title-small .paraui-v3-title-icon svg {\n  font-size: 20px;\n}\n.paraui-v3-title.paraui-v3-title-small .paraui-v3-title-text {\n  margin-left: 4px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-title {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n.paraui-v3-title .title-ink {\n  width: 4px;\n  height: 14px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 2px;\n}\n.paraui-v3-title .title-icon {\n  display: inline-flex;\n}\n.paraui-v3-title .title-text {\n  margin-left: 8px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-title .title-subtext {\n  margin-left: 12px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-title .title-link {\n  margin-left: 12px;\n  text-decoration: none;\n  outline: none;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-title.paraui-v3-title-large .title-icon svg {\n  font-size: 30px;\n}\n.paraui-v3-title.paraui-v3-title-large .title-text {\n  font-size: 18px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-icon svg {\n  font-size: 24px;\n}\n.paraui-v3-title.paraui-v3-title-medium .title-text {\n  font-size: 16px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-icon svg {\n  font-size: 20px;\n}\n.paraui-v3-title.paraui-v3-title-small .title-text {\n  margin-left: 4px;\n}";
 styleInject(css_248z);
 
 var Title = function Title(props) {
@@ -22,21 +22,21 @@ var Title = function Title(props) {
     style: style
   }, {
     children: [icon ? jsx("span", Object.assign({
-      className: "".concat($prefixCls, "-title-icon")
+      className: "title-icon"
     }, {
       children: icon
     })) : jsx("span", {
-      className: "".concat($prefixCls, "-title-ink")
+      className: "title-ink"
     }), jsx("span", Object.assign({
-      className: "".concat($prefixCls, "-title-text")
+      className: "title-text"
     }, {
       children: title
     })), subTitle && jsx("span", Object.assign({
-      className: "".concat($prefixCls, "-title-subtext")
+      className: "title-subtext"
     }, {
       children: subTitle
     })), link && jsx("a", Object.assign({
-      className: "".concat($prefixCls, "-title-link"),
+      className: "title-link",
       target: link.target || '_blank',
       href: link.href,
       onClick: link.onClick

package/_verture/util-a77b261e.js

@@ -0,0 +1,19 @@
+function getTransitionProps(props, options) {
+  var timeout = props.timeout,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
+  return {
+    duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
+    delay: style.transitionDelay
+  };
+}
+function getAutoHeightDuration(height) {
+  if (!height) {
+    return 0;
+  }
+
+  var constant = height / 36;
+  return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
+}
+
+export { getAutoHeightDuration as a, getTransitionProps as g };

package/index.d.ts

@@ -20,6 +20,8 @@ export { default as Collapse } from './Collapse';
 export * from './Collapse';
 export { default as CollapseBox } from './CollapseBox';
 export * from './CollapseBox';
+export { default as CollapseLayout } from './CollapseLayout';
+export * from './CollapseLayout';
 export { default as ColorPicker } from './ColorPicker';
 export * from './ColorPicker';
 export { default as ComboSelect } from './ComboSelect';

package/index.js

@@ -9,6 +9,7 @@ export { Checkbox } from './Checkbox/index.js';
 export { CheckboxGroup } from './CheckboxGroup/index.js';
 export { Collapse } from './Collapse/index.js';
 export { default as CollapseBox } from './CollapseBox/index.js';
+export { default as CollapseLayout } from './CollapseLayout/index.js';
 export { ChromePicker, SketchPicker as ColorPicker, CompactPicker, SwatchesPicker } from 'react-color';
 import './_verture/index-a369ca3f.js';
 export { ComboSelect } from './ComboSelect/index.js';
@@ -19,7 +20,7 @@ export { Drawer } from './Drawer/index.js';
 export { Dropdown } from './Dropdown/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-4b4ee8b5.js';
+export { F as FormItem } from './_verture/index-9d9fefc1.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-4bce2dae.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -92,6 +93,9 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/Loading';
 import 'rc-collapse';
 import 'react-transition-group';
+import './_verture/util-a77b261e.js';
+import '@para-ui/icons/DoubleLeft';
+import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Search';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/CloseCircle';
@@ -126,8 +130,6 @@ import 'rc-dialog';
 import '@para-ui/icons/WarningCircle';
 import 'rc-notification';
 import 'rc-pagination';
-import '@para-ui/icons/DoubleLeft';
-import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
 import 'rc-progress';
 import '@para-ui/icons/Check';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.4",
+  "version": "3.0.5",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",