@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.5

package/Descriptions/index.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect, Fragment as Fragment$1 } from 'react';
 import { Title } from '../Title/index.js';
@@ -7,11 +5,9 @@ import AutoTips from '../AutoTips/index.js';
 import CollapseBox from '../CollapseBox/index.js';
 import { Button } from '../Button/index.js';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
@@ -24,12 +20,12 @@ import 'rc-collapse';
 import '@para-ui/icons/Right';
 import '@paraview/lib';
 import 'react-transition-group';
-import '../_verture/util-7e1fb1e2.js';
+import '../_verture/util-82646c4f.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/core/GlobalContext';
 
@@ -44,52 +40,45 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/11/9 14:21\n* @description 样式\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-descriptions .paraui-v4-title {\n  margin-bottom: 20px;\n}\n.paraui-v4-descriptions .table-box {\n  display: inline-flex;\n}\n.paraui-v4-descriptions .table-box > table {\n  table-layout: fixed;\n  width: 100%;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr {\n  text-align: left;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr th, .paraui-v4-descriptions .table-box > table > tbody > tr .title {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr td, .paraui-v4-descriptions .table-box > table > tbody > tr .content {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-descriptions .collapse-btn {\n  margin: 0;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box {\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n  border-radius: 4px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table {\n  border-collapse: collapse;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr {\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr:last-child {\n  border-bottom: none;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th, .paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > td {\n  height: 40px;\n  border-right: 1px solid rgb(212, 218, 227);\n  padding: 0 10px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th:last-child, .paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > td:last-child {\n  border-right: none;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container {\n  display: flex;\n  padding-bottom: 10px;\n  padding-right: 40px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container > .title {\n  display: flex;\n  overflow: hidden;\n  max-width: 50%;\n  margin-right: 10px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container > .content {\n  flex: 1;\n  overflow: hidden;\n}";
 styleInject(css_248z);
 
-var Descriptions = function Descriptions(props) {
-  var className = props.className,
-    style = props.style,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
-    border = props.border,
-    title = props.title,
-    list = props.list,
-    column = props.column,
-    collapse = props.collapse,
-    _props$defaultOpen = props.defaultOpen,
-    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-    open = props.open,
-    _props$collapsedHeigh = props.collapsedHeight,
-    collapsedHeight = _props$collapsedHeigh === void 0 ? 60 : _props$collapsedHeigh,
-    onCollapse = props.onCollapse;
-  var intl = useFormatMessage('Descriptions', localeJson);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openCom = _useState2[0],
-    setOpenCom = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    rowConfig = _useState4[0],
-    setRowConfig = _useState4[1]; // 二维数组,每一行配置信息
-  useEffect(function () {
+const Descriptions = props => {
+  const {
+    className,
+    style,
+    layout = 'horizontal',
+    border,
+    title,
+    list,
+    column,
+    collapse,
+    defaultOpen = false,
+    open,
+    collapsedHeight = 60,
+    onCollapse
+  } = props;
+  const intl = useFormatMessage('Descriptions', localeJson);
+  const [openCom, setOpenCom] = useState(false);
+  const [rowConfig, setRowConfig] = useState([]); // 二维数组,每一行配置信息
+  useEffect(() => {
     if (defaultOpen !== undefined) setOpenCom(defaultOpen);
   }, [defaultOpen]);
-  useEffect(function () {
+  useEffect(() => {
     if (open !== undefined) setOpenCom(open);
   }, [open]);
-  useEffect(function () {
-    var listCom = list ? list : [];
-    var rowCount = handleRowCount();
-    var accumulate = 0;
-    var arr = [];
-    var arrChild = [];
-    for (var i = 0, l = listCom.length; i < l; i++) {
-      var item = listCom[i];
+  useEffect(() => {
+    const listCom = list ? list : [];
+    const rowCount = handleRowCount();
+    let accumulate = 0;
+    const arr = [];
+    let arrChild = [];
+    for (let i = 0, l = listCom.length; i < l; i++) {
+      const item = listCom[i];
       accumulate += item.column || 1;
       arrChild.push(item);
       if (accumulate >= rowCount) {
@@ -103,7 +92,7 @@ var Descriptions = function Descriptions(props) {
     setRowConfig(arr);
   }, [list, layout, column]);
   /** 处理行个数 */
-  var handleRowCount = function handleRowCount() {
+  const handleRowCount = () => {
     if (column) return column;
     if (layout === 'horizontal' && !border) {
       return 4;
@@ -111,9 +100,9 @@ var Descriptions = function Descriptions(props) {
     return layout === 'horizontal' ? 3 : 4;
   };
   /** 处理横向展示 */
-  var handleContentHorizontal = function handleContentHorizontal(item, index) {
+  const handleContentHorizontal = (item, index) => {
     return jsx("tr", {
-      children: item.map(function (itemChild, indexChild) {
+      children: item.map((itemChild, indexChild) => {
         return jsx(Fragment$1, {
           children: border ? jsxs(Fragment, {
             children: [jsx("th", Object.assign({
@@ -151,10 +140,10 @@ var Descriptions = function Descriptions(props) {
     }, index);
   };
   /** 处理纵向展示 */
-  var handleContentVertical = function handleContentVertical(item, index) {
+  const handleContentVertical = (item, index) => {
     return jsxs(Fragment$1, {
       children: [jsx("tr", {
-        children: item.map(function (itemChild, indexChild) {
+        children: item.map((itemChild, indexChild) => {
           return jsx("th", Object.assign({
             colSpan: itemChild.column || 1
           }, {
@@ -162,7 +151,7 @@ var Descriptions = function Descriptions(props) {
           }), indexChild);
         })
       }), jsx("tr", {
-        children: item.map(function (itemChild, indexChild) {
+        children: item.map((itemChild, indexChild) => {
           return jsx("td", Object.assign({
             colSpan: itemChild.column || 1
           }, {
@@ -173,13 +162,13 @@ var Descriptions = function Descriptions(props) {
     }, index);
   };
   /** 处理内容 */
-  var handleContent = function handleContent() {
+  const handleContent = () => {
     return jsx("div", Object.assign({
       className: 'table-box'
     }, {
       children: jsx("table", {
         children: jsx("tbody", {
-          children: rowConfig.map(function (item, index) {
+          children: rowConfig.map((item, index) => {
             if (layout === 'horizontal') return handleContentHorizontal(item, index);
             return handleContentVertical(item, index);
           })
@@ -188,21 +177,21 @@ var Descriptions = function Descriptions(props) {
     }));
   };
   /** 处理标题 */
-  var handleLabel = function handleLabel() {
+  const handleLabel = () => {
     if (title) {
-      var titleProps = {
+      let titleProps = {
         title: ''
       };
       if (typeof title === 'string') titleProps.title = title;else titleProps = title;
       return jsx(Title, Object.assign({}, titleProps));
     }
   };
-  var onClickCollapse = function onClickCollapse() {
+  const onClickCollapse = () => {
     onCollapse && onCollapse(!openCom);
     if (open === undefined) setOpenCom(!openCom);
   };
   /** 处理是否折叠 */
-  var handleContentCollapse = function handleContentCollapse() {
+  const handleContentCollapse = () => {
     if (collapse && !border) {
       return jsxs(Fragment, {
         children: [jsx(CollapseBox, Object.assign({
@@ -223,7 +212,9 @@ var Descriptions = function Descriptions(props) {
   };
   return jsxs("div", Object.assign({
     style: style,
-    className: clsx("".concat($prefixCls, "-descriptions"), className, "".concat($prefixCls, "-descriptions-").concat(layout), _defineProperty({}, "".concat($prefixCls, "-descriptions-border"), border))
+    className: clsx("".concat($prefixCls, "-descriptions"), className, "".concat($prefixCls, "-descriptions-").concat(layout), {
+      ["".concat($prefixCls, "-descriptions-border")]: border
+    })
   }, {
     children: [handleLabel(), handleContentCollapse()]
   }));