@para-ui/core 4.0.10 → 4.0.11

package/Descriptions/index.d.ts

@@ -20,6 +20,8 @@ export interface DescriptionsProps {
     className?: string;
     /** style */
     style?: React.CSSProperties;
+    /** 横向padding设置 */
+    paddingRight?: number | string;
     /** 布局 */
     layout?: 'horizontal' | 'vertical';
     /** 是否展示边框 */

package/Descriptions/index.js

@@ -8,6 +8,7 @@ import clsx from 'clsx';
 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 { pixelReplacement } from '../Utils/index.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
@@ -44,13 +45,14 @@ var localeJson = {
   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}";
+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}\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  line-height: 20px;\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  line-height: 20px;\n}";
 styleInject(css_248z);
 
 const Descriptions = props => {
   const {
     className,
     style,
+    paddingRight = 40,
     layout = 'horizontal',
     border,
     title,
@@ -118,7 +120,10 @@ const Descriptions = props => {
             colSpan: itemChild.column || 1
           }, {
             children: jsxs("div", Object.assign({
-              className: 'item-container'
+              className: 'item-container',
+              style: {
+                paddingRight: pixelReplacement(paddingRight)
+              }
             }, {
               children: [jsxs("span", Object.assign({
                 className: 'title'

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-06a05b14.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-8c33d82f.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import '../TextField/index.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-06a05b14.js';
+export { F as default } from '../_verture/index-8c33d82f.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';

package/README.md

@@ -1,3 +1,8 @@
+## 版本: 4.0.11
+    para-ui/core@4.0.11 发布
+        【描述文本+描述列表-Descriptions】增加右边距参数设置，设置行高保证文字对齐
+        【下拉框-Select】修复下拉输入模式，点击input，内容被清空
+
 ## 版本: 4.0.10
     para-ui/core@4.0.10 发布
         【ParauiProvider】修复confirm国际化问题

package/Select/index.js

@@ -220,6 +220,7 @@ const Select = props => {
       clearTimeout(constData.searchTimer);
       clearTimeout(constData.timer);
       clearTimeout(constData.scrollTimer);
+      clearTimeout(constData.dropDownTimer);
     };
   }, []);
   // 赋值value
@@ -780,6 +781,16 @@ const Select = props => {
     const str = "".concat(type, "-search-outside");
     if (searchModel === 'outside') {
       return jsx("input", Object.assign({}, searchInputProps, {
+        onClick: event => {
+          var _a;
+          constData.inputOpen = true;
+          searchInputProps && ((_a = searchInputProps.onClick) === null || _a === void 0 ? void 0 : _a.call(searchInputProps, event));
+        },
+        onBlur: event => {
+          var _a;
+          constData.inputOpen = false;
+          searchInputProps && ((_a = searchInputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(searchInputProps, event));
+        },
         className: str,
         value: searchValue,
         onChange: changeSearch,
@@ -1090,7 +1101,13 @@ const Select = props => {
       overlayClassName: handleClassPopover(),
       getPopupContainer: getPopupContainer,
       onVisibleChange: bol => {
-        if (!bol) setOpen(false);
+        if (!bol) {
+          clearTimeout(constData.dropDownTimer);
+          constData.dropDownTimer = setTimeout(() => {
+            if (constData.inputOpen) return;
+            setOpen(false);
+          }, 0);
+        }
       }
     }, {
       children: disabledTooltip ? jsx(Tooltip, Object.assign({

package/Utils/index.d.ts

@@ -7,7 +7,9 @@ interface DateYYYYMMddHHMM {
     date?: string;
 }
 export declare const getDateYYYYMMddHHMM: (str: string) => DateYYYYMMddHHMM;
+export declare const pixelReplacement: (str: number | string) => string;
 declare const _default: {
     getDateYYYYMMddHHMM: (str: string) => DateYYYYMMddHHMM;
+    pixelReplacement: (str: string | number) => string;
 };
 export default _default;

package/Utils/index.js

@@ -15,8 +15,15 @@ const getDateYYYYMMddHHMM = str => {
     date
   };
 };
+const pixelReplacement = str => {
+  if (typeof str === 'number') {
+    return str + 'px';
+  }
+  return str;
+};
 var index = {
-  getDateYYYYMMddHHMM
+  getDateYYYYMMddHHMM,
+  pixelReplacement
 };
 
-export { index as default, getDateYYYYMMddHHMM };
+export { index as default, getDateYYYYMMddHHMM, pixelReplacement };

package/index.js

@@ -25,7 +25,7 @@ export { D as Dropdown } from './_verture/index-389675ab.js';
 export { default as DynamicMultiBox } from './DynamicMultiBox/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-06a05b14.js';
+export { F as FormItem } from './_verture/index-8c33d82f.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-7380ea41.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -75,7 +75,7 @@ export { Tooltip } from './Tooltip/index.js';
 export { SSortablejs, Transfer } from './Transfer/index.js';
 export { T as Tree } from './_verture/index-767e63dd.js';
 export { default as Upload } from './Upload/index.js';
-export { default as Utils, getDateYYYYMMddHHMM } from './Utils/index.js';
+export { default as Utils, getDateYYYYMMddHHMM, pixelReplacement } from './Utils/index.js';
 export { default as locale } from './locale/index.js';
 import 'react/jsx-runtime';
 import 'react';

package/package.json

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