@para-ui/core 3.0.82 → 3.0.84

package/Cascader/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import './style/index.scss';
+import React from "react";
+import "./style/index.scss";
 /**
  * @description: 级联选择器
  * @param value{ string }: 选中的值
@@ -35,7 +35,7 @@ interface Option {
  */
 interface Props {
     data: Option[];
-    expandTrigger?: 'click' | 'hover';
+    expandTrigger?: "click" | "hover";
     value?: string[];
     onChange?: (value: string[], selectedOptions: Option[]) => void;
     onDropdownVisibleChange?: (visible: boolean) => void;
@@ -45,10 +45,15 @@ interface Props {
     fieldNames?: object;
     disabled?: boolean;
     placeholder?: string;
-    size?: 'small' | 'medium' | 'large';
+    size?: "small" | "medium" | "large";
     loadData?: (selectedOptions: Option[], setState?: React.Dispatch<React.SetStateAction<Option[]>>) => void;
     loadingIcon?: React.ReactNode;
     children?: React.ReactNode;
+    className?: string;
+    dropdownClassName?: string;
 }
-export declare const Cascader: ({ data, expandTrigger, value, onChange, onDropdownVisibleChange, changeOnSelect, expandIcon, expandJoin, fieldNames, disabled, placeholder, loadData, loadingIcon, children, }: Props) => JSX.Element;
+export interface CascaderRefProps {
+    clearValue: () => void;
+}
+export declare const Cascader: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
 export default Cascader;

package/Cascader/index.js

@@ -3,12 +3,13 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
 import { r as regenerator } from '../_verture/index-beef914f.js';
 import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
-import { useState, useCallback } from 'react';
+import { forwardRef, useState, useCallback, useImperativeHandle } from 'react';
 import RcCascader from 'rc-cascader';
 import Right from '@para-ui/icons/Right';
 import LoadingIcon from '@para-ui/icons/Loading';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '@para-ui/core/GlobalContext';
@@ -29,31 +30,31 @@ var localeJson = {
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-cascader input {\n  color: #333;\n  width: 560px;\n  padding: 6px 12px;\n  overflow: hidden;\n  box-sizing: border-box;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  border-radius: 4px;\n  border: 1px solid #d9d9d9;\n}\n.paraui-v3-cascader button {\n  background: transparent;\n  border: none;\n}\n.paraui-v3-cascader.component-cascader-dropdown-hidden {\n  display: none;\n}\n.paraui-v3-cascader .component-cascader-menus {\n  font-size: 12px;\n  overflow: hidden;\n  background: #fff;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n  white-space: nowrap;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter, .paraui-v3-cascader .component-cascader-menus.slide-up-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-play-state: paused;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  opacity: 1;\n  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n  animation-play-state: paused;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter.slide-up-enter-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft, .paraui-v3-cascader .component-cascader-menus.slide-up-appear.slide-up-appear-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft {\n  animation-name: SlideUpIn;\n  animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter.slide-up-enter-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft, .paraui-v3-cascader .component-cascader-menus.slide-up-appear.slide-up-appear-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft {\n  animation-name: SlideDownIn;\n  animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave.slide-up-leave-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft {\n  animation-name: SlideUpOut;\n  animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave.slide-up-leave-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft {\n  animation-name: SlideDownOut;\n  animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menu {\n  display: inline-block;\n  min-width: 100px;\n  height: 192px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  border-right: 1px solid #e9e9e9;\n  overflow: auto;\n}\n.paraui-v3-cascader .component-cascader-menu:last-child {\n  border-right: 0;\n}\n.paraui-v3-cascader .component-cascader-menu-item {\n  height: 32px;\n  line-height: 32px;\n  padding: 0 16px;\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transition: all 0.3s ease;\n  position: relative;\n}\n.paraui-v3-cascader .component-cascader-menu-item:hover {\n  background: rgba(171, 176, 185, 0.231372549);\n}\n.paraui-v3-cascader .component-cascader-menu-item-disabled {\n  cursor: not-allowed;\n  color: #ccc;\n}\n.paraui-v3-cascader .component-cascader-menu-item-disabled:hover {\n  background: transparent;\n}\n.paraui-v3-cascader .component-cascader-menu-item-active {\n  color: #3666d6;\n}\n.paraui-v3-cascader .component-cascader-menu-item-loading-icon {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon {\n  font-size: 12px;\n  margin-left: 10px;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon SVG {\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon SVG path {\n  fill: #999;\n}\n\n.component-cascader-dropdown {\n  position: absolute;\n}\n\n@keyframes SlideUpIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n}\n@keyframes SlideUpOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0.8);\n  }\n}\n@keyframes SlideDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n}\n@keyframes SlideDownOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0.8);\n  }\n}";
 styleInject(css_248z);
 
-var Cascader = function Cascader(_ref) {
-  var data = _ref.data,
-    _ref$expandTrigger = _ref.expandTrigger,
-    expandTrigger = _ref$expandTrigger === void 0 ? 'click' : _ref$expandTrigger,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? [] : _ref$value,
-    onChange = _ref.onChange,
-    onDropdownVisibleChange = _ref.onDropdownVisibleChange,
-    _ref$changeOnSelect = _ref.changeOnSelect,
-    changeOnSelect = _ref$changeOnSelect === void 0 ? false : _ref$changeOnSelect,
-    _ref$expandIcon = _ref.expandIcon,
-    expandIcon = _ref$expandIcon === void 0 ? jsx(Right, {}) : _ref$expandIcon,
-    _ref$expandJoin = _ref.expandJoin,
-    expandJoin = _ref$expandJoin === void 0 ? ' , ' : _ref$expandJoin,
-    _ref$fieldNames = _ref.fieldNames,
-    fieldNames = _ref$fieldNames === void 0 ? {
-      label: 'label',
-      value: 'value',
-      children: 'children'
-    } : _ref$fieldNames,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    placeholder = _ref.placeholder,
-    _ref$loadData = _ref.loadData,
-    loadData = _ref$loadData === void 0 ? function () {
+var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
+  var data = props.data,
+    _props$expandTrigger = props.expandTrigger,
+    expandTrigger = _props$expandTrigger === void 0 ? "click" : _props$expandTrigger,
+    _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    onDropdownVisibleChange = props.onDropdownVisibleChange,
+    _props$changeOnSelect = props.changeOnSelect,
+    changeOnSelect = _props$changeOnSelect === void 0 ? false : _props$changeOnSelect,
+    _props$expandIcon = props.expandIcon,
+    expandIcon = _props$expandIcon === void 0 ? jsx(Right, {}) : _props$expandIcon,
+    _props$expandJoin = props.expandJoin,
+    expandJoin = _props$expandJoin === void 0 ? " , " : _props$expandJoin,
+    _props$fieldNames = props.fieldNames,
+    fieldNames = _props$fieldNames === void 0 ? {
+      label: "label",
+      value: "value",
+      children: "children"
+    } : _props$fieldNames,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    placeholder = props.placeholder,
+    _props$loadData = props.loadData,
+    loadData = _props$loadData === void 0 ? function () {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
         return regenerator.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -63,11 +64,13 @@ var Cascader = function Cascader(_ref) {
           }
         }, _callee);
       }));
-    } : _ref$loadData,
-    _ref$loadingIcon = _ref.loadingIcon,
-    loadingIcon = _ref$loadingIcon === void 0 ? jsx(LoadingIcon, {}) : _ref$loadingIcon,
-    children = _ref.children;
-  var intl = useFormatMessage('Cascader', localeJson);
+    } : _props$loadData,
+    _props$loadingIcon = props.loadingIcon,
+    loadingIcon = _props$loadingIcon === void 0 ? jsx(LoadingIcon, {}) : _props$loadingIcon,
+    children = props.children,
+    dropdownClassName = props.dropdownClassName,
+    className = props.className;
+  var intl = useFormatMessage("Cascader", localeJson);
   var _useState = useState(data),
     _useState2 = _slicedToArray(_useState, 2),
     option = _useState2[0],
@@ -103,8 +106,24 @@ var Cascader = function Cascader(_ref) {
       }, _callee2);
     }));
   };
+  var casCls = function casCls() {
+    var cls = clsx($prefixCls + "-cascader", className);
+    return cls;
+  };
+  var dropdownCls = function dropdownCls() {
+    var cls = clsx($prefixCls + "-cascader", dropdownClassName);
+    return cls;
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      clearValue: function clearValue() {
+        setValue([]);
+        setLabel("");
+      }
+    };
+  });
   return jsx("div", Object.assign({
-    className: $prefixCls + '-cascader'
+    className: casCls()
   }, {
     children: jsx(RcCascader, Object.assign({
       options: option,
@@ -117,8 +136,8 @@ var Cascader = function Cascader(_ref) {
       loadingIcon: loadingIcon,
       onDropdownVisibleChange: onDropdownVisibleChange,
       value: inputValue,
-      prefixCls: $rcPrefixCls + '-cascader',
-      dropdownClassName: $prefixCls + '-cascader'
+      prefixCls: $rcPrefixCls + "-cascader",
+      dropdownClassName: dropdownCls()
     }, {
       children: children ? jsx("button", Object.assign({
         disabled: disabled
@@ -129,12 +148,12 @@ var Cascader = function Cascader(_ref) {
         readOnly: true,
         disabled: disabled,
         placeholder: placeholder || intl({
-          id: 'placeholder'
+          id: "placeholder"
         })
       })
     }))
   }));
-};
+});
 function valueToLabel(opt, value, expandJoin) {
   var label = [];
   var count = 0;

package/ComboSelect/index.js

@@ -10,7 +10,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-5a05b4a8.js';
+import { T as Tree } from '../_verture/index-11e04b7f.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-77f9e0fb.js';
 import { Popover } from '../Popover/index.js';
@@ -36,8 +36,8 @@ import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
-import '../Radio/index.js';
 import '../Empty/index.js';
+import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
 import '@para-ui/icons/Refresh';

package/DynamicMultiBox/index.js

@@ -74,7 +74,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-5a05b4a8.js';
+import '../_verture/index-11e04b7f.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
@@ -323,24 +323,32 @@ var RowForm = function RowForm(props) {
   var _onChange = function onChange(id, value, name) {
     onFormItemChange && onFormItemChange(name, id, value);
   };
+  var handStyle = function handStyle(style) {
+    var obj = Object.assign({}, style);
+    if (!(style === null || style === void 0 ? void 0 : style.width) && !(style === null || style === void 0 ? void 0 : style.flex)) obj.flex = 1;
+    return obj;
+  };
   var renderFormItem = function renderFormItem() {
     var rowValue = valueList === null || valueList === void 0 ? void 0 : valueList[rowIndex];
     var len = config === null || config === void 0 ? void 0 : config.length;
     return jsx(Fragment, {
       children: (config === null || config === void 0 ? void 0 : config.length) > 0 && config.map(function (data, index) {
+        var style = data.style,
+          othersData = __rest(data, ["style"]);
         var formItemProps = (data === null || data === void 0 ? void 0 : data.inputType) !== 'Switch' ? Object.assign({
           rowIndex: rowIndex,
           id: rowValue.id,
           value: rowValue === null || rowValue === void 0 ? void 0 : rowValue[data.name || ''],
           error: !!(rowError === null || rowError === void 0 ? void 0 : rowError[data.name || '']),
           helperText: rowError === null || rowError === void 0 ? void 0 : rowError[data.name || '']
-        }, data) : Object.assign({
+        }, othersData) : Object.assign({
           rowIndex: rowIndex,
           id: rowValue.id,
           checked: rowValue === null || rowValue === void 0 ? void 0 : rowValue[data.name || '']
-        }, data);
+        }, othersData);
         return jsxs("div", Object.assign({
-          className: "form-item ".concat((data === null || data === void 0 ? void 0 : data.inputType) === 'Switch' ? 'row-form-switch' : '')
+          className: "form-item ".concat((data === null || data === void 0 ? void 0 : data.inputType) === 'Switch' ? 'row-form-switch' : ''),
+          style: handStyle(style)
         }, {
           children: [jsx(FormItem, {
             valueList: valueList,
@@ -916,7 +924,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 {\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}";
+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  min-width: 180px;\n  margin-right: 12px;\n  flex-shrink: 0;\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  min-width: 180px;\n  margin-right: 12px;\n  flex-shrink: 0;\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) {
@@ -1138,9 +1146,16 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
           var label = item.label,
             required = item.required,
             className = item.className,
-            inputType = item.inputType;
+            inputType = item.inputType,
+            style = item.style;
+          var str = 'title-config-row-item';
+          if (inputType === 'Switch') str += ' row-form-switch';
+          if (className) str += ' ' + className;
+          var styleCom = Object.assign({}, style);
+          if (!(style === null || style === void 0 ? void 0 : style.width) && !(style === null || style === void 0 ? void 0 : style.flex)) styleCom.flex = 1;
           return jsx("div", Object.assign({
-            className: "title-config-row-item ".concat(inputType === 'Switch' ? 'row-form-switch' : '', " ").concat(className)
+            className: str,
+            style: styleCom
           }, {
             children: jsx(Label, {
               required: required,

package/DynamicMultiBox/interface.d.ts

@@ -25,6 +25,8 @@ export type IConfig = {
     required?: boolean;
     /** 下拉列表数据，若某一列的每一行的下拉列表数据一致， 则只需传入数组，若需要自定义任意下拉列表数据，则传入函数*/
     list?: ((rowIndex: number, id: string, name: string, valueList: IValueList[]) => any[]) | any[];
+    /** 样式 */
+    style?: React.CSSProperties;
     /** 其他*/
     [name: string]: any;
 } & (TextFieldProps | SelectProps | SwitchProps | InputNumberProps | InputLangProps | ComboSelectProps | DatePickerProps);

package/Empty/index.js

@@ -10,8 +10,8 @@ import '@para-ui/core/GlobalContext';
 var LargeNull = function LargeNull() {
   return jsx("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
-    width: "334",
-    height: "238",
+    width: "100%",
+    height: "100%",
     viewBox: "0 0 334 238"
   }, {
     children: jsx("g", Object.assign({
@@ -465,8 +465,8 @@ var LargeNull = function LargeNull() {
 var SmallNull = function SmallNull() {
   return jsx("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
-    width: "120",
-    height: "120",
+    width: "100%",
+    height: "100%",
     viewBox: "0 0 120 120"
   }, {
     children: jsxs("g", Object.assign({
@@ -566,7 +566,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v3-empty > .empty-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v3-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v3-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v3-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n}\n.paraui-v3-empty.paraui-v3-empty-large > .empty-description {\n  margin-top: 24px;\n}\n.paraui-v3-empty.paraui-v3-empty-small > .empty-description {\n  margin-top: 12px;\n  font-size: 12px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v3-empty > .empty-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v3-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v3-empty .empty-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v3-empty .empty-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v3-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v3-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n}\n.paraui-v3-empty.paraui-v3-empty-large > .empty-description {\n  margin-top: 24px;\n}\n.paraui-v3-empty.paraui-v3-empty-small > .empty-description {\n  margin-top: 12px;\n  font-size: 12px;\n}";
 styleInject(css_248z);
 
 var imageMap = {
@@ -624,7 +624,7 @@ var Empty = function Empty(props) {
   }, {
     children: customEmpty ? customEmpty : jsxs(Fragment, {
       children: [jsx("div", Object.assign({
-        className: 'empty-image',
+        className: "empty-image ".concat(!(props === null || props === void 0 ? void 0 : props.image) ? "empty-image-".concat(size) : ''),
         style: imageStyle
       }, {
         children: imageNode

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-697e625c.js';
+import { F as FormItem, v as validate } from '../_verture/index-ebbda859.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../TextField/index.js';
@@ -70,7 +70,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-5a05b4a8.js';
+import '../_verture/index-11e04b7f.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-697e625c.js';
+export { F as default } from '../_verture/index-ebbda859.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';
@@ -70,7 +70,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-5a05b4a8.js';
+import '../_verture/index-11e04b7f.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/README.md

@@ -1,3 +1,18 @@
+## 版本: 3.0.84
+
+    para-ui/core@3.0.84 发布
+        【下拉框-Select】去除searchModel为inside，自动得到焦点，防止页面上下抖动
+        【下拉框-Select】修复下拉框闪烁渲染
+        【级联选择器-Cascader】级联选择器增加dropdownClassName,className字段,修改组件样式,组件暴露clearValue函数清空组件值
+
+## 版本: 3.0.83
+
+    para-ui/core@3.0.83 发布
+        【表格-Table】修改序号排序，过滤功能默认为关闭
+        【表格-Table】加载更多按钮高度不对
+        【表格-Table】增加表头过滤空状态
+        【动态多值框-DynamicMultiBox】支持传入style,自定义样式
+
 ## 版本: 3.0.82
 
     para-ui/core@3.0.82 发布
@@ -37,7 +52,7 @@
     para-ui/core@3.0.77 发布
         【文档】更新表格，多值框，单值框文档
         【国际化】国际化文档更新
-        【para-ui/icons】添加 @para-ui/icons 依赖到 peerDependencies 
+        【para-ui/icons】添加 @para-ui/icons 依赖到 peerDependencies
 
 ## 版本: 3.0.76
 
@@ -83,7 +98,6 @@
         【抽屉-Drawer】修复IE11中抽屉抖动问题、修复弹窗挂载异常问题
         【对话框-Modal】对话框图标和标题居中对齐
 
-
 ## 版本: 3.0.69
 
     para-ui/core@3.0.69 发布

package/Select/index.js

@@ -200,6 +200,7 @@ var Select = function Select(props) {
     locale = _React$useContext.locale;
   var intl = useFormatMessage('Select', localeJson);
   constData.listCom = listCom;
+  constData.searchModel = searchModel;
   useEffect(function () {
     if (props.defaultValue !== undefined) {
       if (props.multiple) {
@@ -214,7 +215,6 @@ var Select = function Select(props) {
       clearTimeout(constData.searchTimer);
       clearTimeout(constData.timer);
       clearTimeout(constData.scrollTimer);
-      clearTimeout(constData.inputFocusTimer);
     };
   }, []);
   // 赋值value
@@ -392,20 +392,10 @@ var Select = function Select(props) {
   // 输入框的到焦点
   var inputFocus = function inputFocus() {
     var inputDom = textDom && textDom.current;
-    var userAgent = navigator.userAgent;
-    if (/Safari/.test(userAgent) && !/Chrome/.test(userAgent) && constData.listCom.length > 0) {
-      // 延迟为了解决safari浏览器,页面滚动问题
-      clearTimeout(constData.inputFocusTimer);
-      constData.inputFocusTimer = setTimeout(function () {
-        inputDom && inputDom.focus({
-          preventScroll: true
-        });
-      }, 800);
-    } else {
-      inputDom && inputDom.focus({
-        preventScroll: true
-      });
-    }
+    if (constData.searchModel === "inside") return;
+    inputDom && inputDom.focus({
+      preventScroll: true
+    });
   };
   /**
    * 查找元素
@@ -1025,7 +1015,10 @@ var Select = function Select(props) {
       });
     };
     return jsxs("div", Object.assign({
-      className: handClass()
+      className: handClass(),
+      style: {
+        outline: '1px  solid transparent'
+      }
     }, {
       children: [listCom && listCom.length > 0 ? jsx(Fragment, {
         children: listCom.map(function (item, index) {