@para-ui/core 3.0.61 → 3.0.63

package/ComboSelect/index.js

@@ -233,7 +233,8 @@ var ComboSelect = function ComboSelect(props) {
     _props$dropdownMatchS = props.dropdownMatchSelectWidth,
     dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
     getPopupContainer = props.getPopupContainer,
-    maxTagTextLength = props.maxTagTextLength;
+    maxTagTextLength = props.maxTagTextLength,
+    renderInputContent = props.renderInputContent;
   var _React$useContext = React__default.useContext(GlobalContext),
     language = _React$useContext.language,
     locale = _React$useContext.locale;
@@ -664,12 +665,20 @@ var ComboSelect = function ComboSelect(props) {
   var tagMemo = useMemo(function () {
     var _a;
     if (!(checkList === null || checkList === void 0 ? void 0 : checkList.length)) return null;
+    // 自定义渲染输入框内容
+    if (renderInputContent) {
+      if (!checkable)
+        //单选
+        return renderInputContent(checkList[0]);else return renderInputContent(checkList);
+    }
     if (!checkable) {
       //单选
       return jsx("span", Object.assign({
         className: 'comboselect-single-content'
       }, {
-        children: (_a = checkList[0]) === null || _a === void 0 ? void 0 : _a[outputTitle]
+        children: jsx(AutoTips, {
+          children: (_a = checkList[0]) === null || _a === void 0 ? void 0 : _a[outputTitle]
+        })
       }));
     }
     var realShowList = _toConsumableArray(checkList); //实际显示
@@ -770,7 +779,7 @@ var ComboSelect = function ComboSelect(props) {
         }), idx);
       }), renderOverTag()]
     });
-  }, [checkList, onChange]);
+  }, [checkList, onChange, checkable]);
   //处理参数
   var getParams = useMemo(function () {
     var P = params || emptyParamsRef.current;

package/ComboSelect/interface.d.ts

@@ -143,4 +143,6 @@ export interface ComboSelectProps extends HelperTextDetailProps {
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     /** 最大显示的 tag 文本长度 */
     maxTagTextLength?: number;
+    /** 自定义渲染输入框内容 */
+    renderInputContent?: (options: SelectOpt | SelectOpt[]) => React.ReactNode;
 }

package/DynamicMultiBox/index.js

@@ -189,16 +189,17 @@ var FormItem = function FormItem(props) {
    */
   var getSelection = function getSelection() {
     var selectList = typeof list === 'function' ? list && list(rowIndex, id, name, valueList) : list || [];
-    return jsx(Select, Object.assign({}, rest, {
+    return jsx(Select, Object.assign({
+      getPopupContainer: function getPopupContainer() {
+        return document.body;
+      }
+    }, rest, {
       list: selectList,
       required: false,
       label: '',
       disabled: disabled,
       onChange: function onChange(value) {
         return inputChange(value);
-      },
-      getPopupContainer: function getPopupContainer() {
-        return document.body;
       }
     }));
   };
@@ -914,7 +915,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-dynamic-multi-box {\n  width: 100%;\n}\n.paraui-v3-dynamic-multi-box svg {\n  overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content {\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n  display: flex;\n  flex: 1;\n  align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-width: 180px;\n  margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n  flex: 0;\n  min-width: 80px;\n  align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel {\n  width: 36px;\n  height: 36px;\n  padding: 6px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n  cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 {\n  width: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n  width: 36px;\n  height: 36px;\n  padding: 6px;\n  cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n  width: 36px;\n  height: 36px;\n  padding: 6px;\n  cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n  background: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n  display: none;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n  width: 1px;\n  height: 12px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  margin: 0 3px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-80 {\n  width: 80px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form {\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  height: 56px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .paraui-v3-select {\n  overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n  display: flex;\n  align-items: flex-start;\n  flex: 1;\n  min-width: 180px;\n  margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon {\n  margin-left: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n  flex: 0;\n  box-sizing: content-box;\n  align-items: center;\n  height: 36px;\n  min-width: 80px;\n}\n.paraui-v3-dynamic-multi-box .add-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 36px;\n  background: rgba(171, 176, 185, 0.12);\n  border: 1px dashed rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .add-button .text {\n  font-size: 14px;\n  margin-left: 8px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-add-button-top-20 {\n  margin-top: 20px;\n}\n.paraui-v3-dynamic-multi-box .normal-button {\n  cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .normal-button .text {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .normal-button:hover {\n  background: rgba(54, 102, 214, 0.05);\n  border: 1px dashed rgba(54, 102, 214, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add .text {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .paraui-v3-comboselect,\n.paraui-v3-dynamic-multi-box .paraui-v3-picker-wrapper {\n  width: 100%;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch-text {\n  color: rgba(46, 55, 67, 0.4);\n  margin-right: 4px;\n  overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch {\n  flex: 1;\n}\n\n.paraui-v3-dynamic-multi-box-popover .filter-config {\n  width: 200px;\n  max-height: 300px;\n  padding-top: 16px;\n  overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list {\n  padding: 0 12px;\n  overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .title {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.4);\n  margin-bottom: 12px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box {\n  margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box:last-child {\n  margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .restore-default {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: sticky;\n  width: 100%;\n  left: 0;\n  bottom: 0;\n  top: -2px;\n  height: 44px;\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n  border-top: 1px solid rgba(171, 176, 185, 0.12);\n  background-color: #fff;\n}\n.paraui-v3-dynamic-multi-box-popover .no-other-property {\n  width: 200px;\n  padding: 16px 0;\n  text-align: center;\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.4);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-dynamic-multi-box {\n  width: 100%;\n}\n.paraui-v3-dynamic-multi-box svg {\n  overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content {\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n  display: flex;\n  flex: 1;\n  align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-width: 180px;\n  margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n  flex: 0;\n  min-width: 80px;\n  align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel {\n  width: 36px;\n  height: 36px;\n  padding: 6px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n  cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .title-config .filter-panel svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 {\n  width: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n  width: 36px;\n  height: 36px;\n  padding: 6px;\n  cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n  width: 36px;\n  height: 36px;\n  padding: 6px;\n  cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n  background: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n  display: none;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n  width: 1px;\n  height: 12px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  margin: 0 3px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .operator-column-80 {\n  width: 80px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form {\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  height: 56px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .paraui-v3-select {\n  overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n  display: flex;\n  align-items: flex-start;\n  flex: 1;\n  min-width: 180px;\n  margin-right: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon {\n  margin-left: 12px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n  flex: 0;\n  box-sizing: content-box;\n  align-items: center;\n  height: 36px;\n  min-width: 80px;\n}\n.paraui-v3-dynamic-multi-box .add-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 36px;\n  background: rgba(171, 176, 185, 0.12);\n  border: 1px dashed rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-v3-dynamic-multi-box .add-button .text {\n  font-size: 14px;\n  margin-left: 8px;\n}\n.paraui-v3-dynamic-multi-box .multi-value-add-button-top-20 {\n  margin-top: 20px;\n}\n.paraui-v3-dynamic-multi-box .normal-button {\n  cursor: pointer;\n}\n.paraui-v3-dynamic-multi-box .normal-button .text {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-dynamic-multi-box .normal-button:hover {\n  background: rgba(54, 102, 214, 0.05);\n  border: 1px dashed rgba(54, 102, 214, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add {\n  cursor: not-allowed;\n}\n.paraui-v3-dynamic-multi-box .disabled-add .text {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .disabled-add svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-dynamic-multi-box .paraui-v3-comboselect,\n.paraui-v3-dynamic-multi-box .paraui-v3-picker-wrapper {\n  width: 100%;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch-text {\n  color: rgba(46, 55, 67, 0.4);\n  margin-right: 4px;\n  overflow: hidden;\n}\n.paraui-v3-dynamic-multi-box .multi-value-switch .switch {\n  flex: 1;\n}\n\n.paraui-v3-dynamic-multi-box-popover .filter-config {\n  width: 200px;\n  max-height: 300px;\n  padding-top: 16px;\n  overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list {\n  padding: 0 12px;\n  overflow-y: auto;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .title {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.4);\n  margin-bottom: 12px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box {\n  margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .check-list .paraui-v3-check-box:last-child {\n  margin-bottom: 22px;\n}\n.paraui-v3-dynamic-multi-box-popover .filter-config .restore-default {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: sticky;\n  width: 100%;\n  left: 0;\n  bottom: 0;\n  top: -2px;\n  height: 44px;\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n  border-top: 1px solid rgba(171, 176, 185, 0.12);\n  background-color: #fff;\n}\n.paraui-v3-dynamic-multi-box-popover .no-other-property {\n  width: 200px;\n  padding: 16px 0;\n  text-align: center;\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.4);\n}";
 styleInject(css_248z);
 
 var DynamicMultiBox = function DynamicMultiBox(props) {
@@ -1277,6 +1278,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
    * @desc 新增事件
    * */
   var onAddEvent = function onAddEvent() {
+    if (disabledAdd) return;
     // 根据配置进行valueList更新
     var valueArr = _toConsumableArray(valueList || []);
     var errorArr = _toConsumableArray(errors);

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.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-57b579fb.js';
+import { F as FormItem, v as validate } from '../_verture/index-6b591f41.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.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-57b579fb.js';
+export { F as default } from '../_verture/index-6b591f41.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';

package/README.md

@@ -1,3 +1,14 @@
+## 版本: 3.0.63
+
+    para-ui/core@3.0.63 发布
+        【组合选择器-ComboSelect】自定义渲染输入框内容
+        【动态多值框-DynamicMultiBox】修复下拉框 getPopupContainer 失效问题
+
+## 版本: 3.0.62
+
+    para-ui/core@3.0.62 发布
+        【动态多值框-DynamicMultiBox】修改disabledAdd无效
+
 ## 版本: 3.0.61
 
     para-ui/core@3.0.61 发布

package/index.js

@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-77f9e0fb.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-57b579fb.js';
+export { F as FormItem } from './_verture/index-6b591f41.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-92bb0e16.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';

package/package.json

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