@riil-frontend/component-column-configurator

用于Table的列配置器

Usage no npm install needed!

<script type="module">
  import riilFrontendComponentColumnConfigurator from 'https://cdn.skypack.dev/@riil-frontend/component-column-configurator';
</script>

README

用于 Table 的列配置器

column-configurator

用于 Table 的列配置器经配置器配置后的列数据，每条列数据内将被注入 hidden:boolean 属性，用以标识是否显示该列;列数据中写入 hiddenDisabled:true 属性，标记该列为禁止隐藏操作列。

注意 maxSelectCount，minSelectCount 暂时不支持同时使用

API

参数名	说明	必填	类型	默认值	备注
columns	列配置数据	-	Array	-	Table 所需的列数据
onChange	点击确认后回调	-	(columns:array)=>{}	-	点击 ok 后的回调函数
buttonProps	透传按钮属性	-	object	-	透传按钮属性
overlayProps	透传 overlay 属性	-	object	-	透传 overlay 属性
iconProps	透传 icon 属性	-	object	-	透传 icon 属性
maxSelectCount	最大选择个数，不能和 minSelectCount 同时使用	-	number	-	最多可勾选几项，达到后其他项禁用勾选。启动此属性后，全选按钮将被取消
minSelectCount	最少选择个数，不能和 maxSelectCount 同时使用	-	number	-	最少可勾选几项，达到后其他项禁用取消勾选。启动此属性后，全选按钮将被取消

column 数据

参数名	说明	必填	类型	默认值	备注
hidden	隐藏/显示	-	boolean	false	不填写此属性，默认为显示该列
hiddenDisabled	禁用隐藏/显示操作	-	boolean	false	不填写此属性，默认为可以进行隐藏/显示操作