villianjs-pro 1.0.37 → 1.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type ButtonProps } from 'antd';
|
|
2
|
+
import { type ButtonProps, type PopoverProps } from 'antd';
|
|
3
3
|
export interface ButtonGroupItem {
|
|
4
4
|
key: string;
|
|
5
5
|
label: React.ReactNode;
|
|
@@ -24,7 +24,7 @@ export interface ButtonGroupProps {
|
|
|
24
24
|
*/
|
|
25
25
|
items: ButtonGroupItem[];
|
|
26
26
|
/**
|
|
27
|
-
* @description
|
|
27
|
+
* @description 显示按钮个数，超过这个个数的按钮将被放入弹出气泡中
|
|
28
28
|
* @default 3
|
|
29
29
|
*/
|
|
30
30
|
maxCount?: number;
|
|
@@ -37,9 +37,13 @@ export interface ButtonGroupProps {
|
|
|
37
37
|
*/
|
|
38
38
|
style?: React.CSSProperties;
|
|
39
39
|
/**
|
|
40
|
-
* @description
|
|
40
|
+
* @description 更多按钮的自定义属性
|
|
41
41
|
*/
|
|
42
42
|
moreProps?: ButtonProps;
|
|
43
|
+
/**
|
|
44
|
+
* @description Popover 的自定义配置（content 属性将被忽略，始终使用内部生成的 popoverContent）
|
|
45
|
+
*/
|
|
46
|
+
popoverProps?: Omit<PopoverProps, 'content'>;
|
|
43
47
|
}
|
|
44
48
|
export declare const ButtonGroup: React.FC<ButtonGroupProps>;
|
|
45
49
|
export default ButtonGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import React from"react";import{
|
|
1
|
+
function _array_like_to_array(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}import React from"react";import{Popover,Flex}from"antd";import{Button}from"../Button";import{MoreOutlined}from"@ant-design/icons";import classNames from"classnames";import useStyle from"./styles";import{useComponentConfig}from"antd/es/config-provider/context";export var ButtonGroup=function(param){var _param_items=param.items,items=_param_items===void 0?[]:_param_items,_param_maxCount=param.maxCount,maxCount=_param_maxCount===void 0?3:_param_maxCount,className=param.className,style=param.style,moreProps=param.moreProps,popoverProps=param.popoverProps;var getPrefixCls=useComponentConfig("button-group").getPrefixCls;var prefixCls=getPrefixCls("vlian-button-group");var _useStyle=_sliced_to_array(useStyle(prefixCls),3),wrapCSSVar=_useStyle[0],hashId=_useStyle[1],cssVarCls=_useStyle[2];var sortedItems=React.useMemo(function(){return _to_consumable_array(items).sort(function(a,b){var _a_order,_b_order;return((_a_order=a.order)!==null&&_a_order!==void 0?_a_order:99)-((_b_order=b.order)!==null&&_b_order!==void 0?_b_order:99)})},[items]);var visibleItems=sortedItems.slice(0,maxCount);var popoverItems=sortedItems.slice(maxCount);var popoverContent=React.useMemo(function(){if(popoverItems.length===0)return null;return React.createElement(Flex,{vertical:true,gap:8},popoverItems.map(function(item){var isCustom=item.isCustom,component=item.component;if(isCustom&&component){return React.createElement("div",{key:item.key},component)}var _item_type;return React.createElement(Button,{key:item.key,onClick:item.onClick,disabled:item.disabled,loading:item.loading,icon:item.icon,type:(_item_type=item.type)!==null&&_item_type!==void 0?_item_type:"default",variant:item.variant,size:item.size,color:item.color,style:_object_spread({width:"100%"},item.style),className:item.className},item.label)}))},[popoverItems]);return wrapCSSVar(React.createElement("div",{className:classNames(prefixCls,className,cssVarCls,hashId),style:style},visibleItems.map(function(config){var isCustom=config.isCustom,component=config.component,item=_object_without_properties(config,["isCustom","component"]);if(!isCustom){var _item_type;return React.createElement(Button,{key:item.key,onClick:item.onClick,disabled:item.disabled,loading:item.loading,icon:item.icon,type:(_item_type=item.type)!==null&&_item_type!==void 0?_item_type:"default",variant:item.variant,size:item.size,color:item.color,style:item.style,className:item.className},item.label)}return component||null}),popoverItems.length>0&&React.createElement(Popover,_object_spread_props(_object_spread({placement:"bottomRight",trigger:"click",arrow:false},popoverProps),{content:popoverContent}),React.createElement(Button,_object_spread({icon:React.createElement(MoreOutlined,null)},moreProps)))))};export default ButtonGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}import{genStyleHooks}from"antd/es/theme/internal";export var genBaseStyle=function(token){var componentCls=token.componentCls;return _define_property({},componentCls,{display:"flex",gap:token.paddingXS,alignItems:"center",".ant-btn":{display:"flex",alignItems:"center"},".ant-btn-link":{paddingLeft:token.paddingXXS,paddingRight:token.paddingXXS},".ant-
|
|
1
|
+
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}import{genStyleHooks}from"antd/es/theme/internal";export var genBaseStyle=function(token){var componentCls=token.componentCls;return _define_property({},componentCls,{display:"flex",gap:token.paddingXS,alignItems:"center",".ant-btn":{display:"flex",alignItems:"center"},".ant-btn-link":{paddingLeft:token.paddingXXS,paddingRight:token.paddingXXS},".ant-popover-trigger":{display:"flex",alignItems:"center"}})};export var prepareComponentToken=function(){return{}};export default genStyleHooks("ButtonGroup",function(token){return[genBaseStyle(token)]},prepareComponentToken);
|