@next-bricks/presentational-bricks 1.250.1 → 1.250.4
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.
- package/CHANGELOG.md +30 -0
- package/deploy/contract.yaml +105 -105
- package/dist/bricks.json +21 -21
- package/dist/index.c19ec12c.js +2 -0
- package/dist/index.c19ec12c.js.map +1 -0
- package/dist/stories.json +52 -43
- package/package.json +3 -3
- package/dist/index.74f19a8f.js +0 -2
- package/dist/index.74f19a8f.js.map +0 -1
package/dist/stories.json
CHANGED
|
@@ -2936,49 +2936,80 @@
|
|
|
2936
2936
|
"type": "string",
|
|
2937
2937
|
"required": "false",
|
|
2938
2938
|
"default": "-",
|
|
2939
|
-
"description": "提示语"
|
|
2939
|
+
"description": "提示语",
|
|
2940
|
+
"group": "basic"
|
|
2940
2941
|
},
|
|
2941
2942
|
{
|
|
2942
2943
|
"name": "shouldUpdateUrlParams",
|
|
2943
2944
|
"type": "boolean",
|
|
2944
2945
|
"required": "false",
|
|
2945
2946
|
"default": "true",
|
|
2946
|
-
"description": "是否更新 url 参数"
|
|
2947
|
+
"description": "是否更新 url 参数",
|
|
2948
|
+
"group": "basic"
|
|
2947
2949
|
},
|
|
2948
2950
|
{
|
|
2949
2951
|
"name": "shouldTrimQuery",
|
|
2950
2952
|
"type": "boolean",
|
|
2951
2953
|
"required": "false",
|
|
2952
2954
|
"default": "true",
|
|
2953
|
-
"description": "是否对输入框剔除前后空格"
|
|
2955
|
+
"description": "是否对输入框剔除前后空格",
|
|
2956
|
+
"group": "basic"
|
|
2954
2957
|
},
|
|
2955
2958
|
{
|
|
2956
2959
|
"name": "q",
|
|
2957
2960
|
"type": "string",
|
|
2958
2961
|
"required": "false",
|
|
2959
2962
|
"default": "-",
|
|
2960
|
-
"description": "输入的搜索关键字，常用于回填搜索框，如\\${query.q}"
|
|
2963
|
+
"description": "输入的搜索关键字，常用于回填搜索框，如\\${query.q}",
|
|
2964
|
+
"group": "basic"
|
|
2961
2965
|
},
|
|
2962
2966
|
{
|
|
2963
2967
|
"name": "defaultArgs",
|
|
2964
2968
|
"type": "{field: string;value: any;}[]",
|
|
2965
2969
|
"required": "false",
|
|
2966
2970
|
"default": "-",
|
|
2967
|
-
"description": "进行搜索的时候需重置的其他默认参数，如[{\"field\": \"page\", \"value\": 1}]即表示搜索的时候需要把页码重置成 1"
|
|
2971
|
+
"description": "进行搜索的时候需重置的其他默认参数，如[{\"field\": \"page\", \"value\": 1}]即表示搜索的时候需要把页码重置成 1",
|
|
2972
|
+
"group": "basic"
|
|
2968
2973
|
},
|
|
2969
2974
|
{
|
|
2970
2975
|
"name": "qField",
|
|
2971
2976
|
"type": "string",
|
|
2972
2977
|
"required": "false",
|
|
2973
2978
|
"default": "\"q\"",
|
|
2974
|
-
"description": "当 `shouldUpdateUrlParams` 为真时，将以该值为 key 更新到 url 上"
|
|
2979
|
+
"description": "当 `shouldUpdateUrlParams` 为真时，将以该值为 key 更新到 url 上",
|
|
2980
|
+
"group": "basic"
|
|
2975
2981
|
},
|
|
2976
2982
|
{
|
|
2977
2983
|
"name": "disableAutofocus",
|
|
2978
2984
|
"type": "boolean",
|
|
2979
2985
|
"required": "false",
|
|
2980
2986
|
"default": "false",
|
|
2981
|
-
"description": "是否禁用自动聚焦"
|
|
2987
|
+
"description": "是否禁用自动聚焦",
|
|
2988
|
+
"group": "basic"
|
|
2989
|
+
},
|
|
2990
|
+
{
|
|
2991
|
+
"name": "searchType",
|
|
2992
|
+
"type": "\"all\"|\"ip\"",
|
|
2993
|
+
"required": "false",
|
|
2994
|
+
"default": "'all'",
|
|
2995
|
+
"description": "搜索类型",
|
|
2996
|
+
"group": "basic"
|
|
2997
|
+
},
|
|
2998
|
+
{
|
|
2999
|
+
"name": "searchTypeEnabled",
|
|
3000
|
+
"type": "boolean",
|
|
3001
|
+
"required": "false",
|
|
3002
|
+
"default": "true",
|
|
3003
|
+
"description": "是否支持ip搜索",
|
|
3004
|
+
"group": "basic"
|
|
3005
|
+
},
|
|
3006
|
+
{
|
|
3007
|
+
"name": "debounceTime",
|
|
3008
|
+
"type": "number",
|
|
3009
|
+
"required": "false",
|
|
3010
|
+
"default": "0",
|
|
3011
|
+
"description": "默认延迟时间",
|
|
3012
|
+
"group": "basic"
|
|
2982
3013
|
},
|
|
2983
3014
|
{
|
|
2984
3015
|
"name": "size",
|
|
@@ -2986,7 +3017,7 @@
|
|
|
2986
3017
|
"required": "false",
|
|
2987
3018
|
"default": "default",
|
|
2988
3019
|
"description": "尺寸大小，可选`default、small、large、extraLarge`",
|
|
2989
|
-
"group": "
|
|
3020
|
+
"group": "ui"
|
|
2990
3021
|
},
|
|
2991
3022
|
{
|
|
2992
3023
|
"name": "shape",
|
|
@@ -2994,7 +3025,7 @@
|
|
|
2994
3025
|
"required": "false",
|
|
2995
3026
|
"default": "default",
|
|
2996
3027
|
"description": "形状，可选`default、round`",
|
|
2997
|
-
"group": "
|
|
3028
|
+
"group": "ui"
|
|
2998
3029
|
},
|
|
2999
3030
|
{
|
|
3000
3031
|
"name": "inputStyle",
|
|
@@ -3002,7 +3033,7 @@
|
|
|
3002
3033
|
"required": "false",
|
|
3003
3034
|
"default": "-",
|
|
3004
3035
|
"description": "输入框样式",
|
|
3005
|
-
"group": "
|
|
3036
|
+
"group": "ui"
|
|
3006
3037
|
},
|
|
3007
3038
|
{
|
|
3008
3039
|
"name": "buttonStyle",
|
|
@@ -3010,45 +3041,23 @@
|
|
|
3010
3041
|
"required": "false",
|
|
3011
3042
|
"default": "-",
|
|
3012
3043
|
"description": "按钮样式",
|
|
3013
|
-
"group": "
|
|
3014
|
-
},
|
|
3015
|
-
{
|
|
3016
|
-
"name": "field",
|
|
3017
|
-
"type": "string",
|
|
3018
|
-
"required": "false",
|
|
3019
|
-
"default": "query",
|
|
3020
|
-
"deprecated": true,
|
|
3021
|
-
"description": "[已废弃]filter.update 中 detail 的字段名",
|
|
3022
|
-
"group": "advanced"
|
|
3023
|
-
},
|
|
3024
|
-
{
|
|
3025
|
-
"name": "debounceTime",
|
|
3026
|
-
"type": "number",
|
|
3027
|
-
"required": "false",
|
|
3028
|
-
"default": "0",
|
|
3029
|
-
"description": "默认延迟时间",
|
|
3030
|
-
"group": "advanced"
|
|
3031
|
-
},
|
|
3032
|
-
{
|
|
3033
|
-
"name": "searchTypeEnabled",
|
|
3034
|
-
"type": "boolean",
|
|
3035
|
-
"required": "false",
|
|
3036
|
-
"default": "true",
|
|
3037
|
-
"description": "是否支持ip搜索"
|
|
3044
|
+
"group": "ui"
|
|
3038
3045
|
},
|
|
3039
3046
|
{
|
|
3040
3047
|
"name": "searchBoxStyleType",
|
|
3041
3048
|
"type": "\"defalut\"|\"radio\"",
|
|
3042
3049
|
"required": "\"defalut\"",
|
|
3043
3050
|
"default": "true",
|
|
3044
|
-
"description": "按类型搜索框样式"
|
|
3051
|
+
"description": "按类型搜索框样式",
|
|
3052
|
+
"group": "ui"
|
|
3045
3053
|
},
|
|
3046
3054
|
{
|
|
3047
|
-
"name": "
|
|
3048
|
-
"type": "
|
|
3055
|
+
"name": "field",
|
|
3056
|
+
"type": "string",
|
|
3049
3057
|
"required": "false",
|
|
3050
|
-
"default": "
|
|
3051
|
-
"
|
|
3058
|
+
"default": "query",
|
|
3059
|
+
"deprecated": true,
|
|
3060
|
+
"description": "[已废弃]filter.update 中 detail 的字段名"
|
|
3052
3061
|
}
|
|
3053
3062
|
],
|
|
3054
3063
|
"events": [
|
|
@@ -6247,7 +6256,7 @@
|
|
|
6247
6256
|
"change": "新增 `shouldUpdateUrlParams` 属性和 `sort.update` 事件"
|
|
6248
6257
|
}
|
|
6249
6258
|
],
|
|
6250
|
-
"memo": "> Tips: 在 react 中，boolean 类型的值是合法的子元素，但是不会被渲染出来。如果希望 boolean 值在表格单元格中展示成 `true`|`false`，可以使用平台管道进行转换，例如`@{someProperties|string}`。更多场景下可以结合 [基本数值映射构件](developers/brick-book/brick/presentational-bricks.brick-value-mapping) 把 boolean 类型的值转换成有意义的文本进行展示。\n### CustomColumn\n| property | type | required | default | description |\n| -------------------- | --------------------- | -------- | ------- | -------------------------------------------------------------- |\n|
|
|
6259
|
+
"memo": "> Tips: 在 react 中，boolean 类型的值是合法的子元素，但是不会被渲染出来。如果希望 boolean 值在表格单元格中展示成 `true`|`false`，可以使用平台管道进行转换，例如`@{someProperties|string}`。更多场景下可以结合 [基本数值映射构件](developers/brick-book/brick/presentational-bricks.brick-value-mapping) 把 boolean 类型的值转换成有意义的文本进行展示。\n### CustomColumn\n| property | type | required | default | description |\n| -------------------- | --------------------- | -------- | ------- | -------------------------------------------------------------- |\n| valueSuffix | string | - | - | 字段的值展示时的后缀 |\n| useBrick | UseBrickConf | - | - | 支持为某列自定义展示构件, 具体查看 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf) |\n| titleUseBrick | UseBrickConf | - | - | 支持为某列的标题自定义展示构件，可通过 DATA.title 获取标题文本,具体查看 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf) |\n| filters | {text:string,value:any}[] | - | - | 表头的筛选菜单项 |\n| verticalAlign | top \\| bottom | - | - | 单元格内元素的垂直对齐方式 |\n| colSpanKey | string | - | - | 每条记录的控制列合并的值的 key |\n| rowSpanKey | string | - | - | 每条记录的控制行合并的值的 key。如果希望将树形列表展平，并计算行合并的值，可以使用 flattenTreeDataListAndCalcRowSpan 自定义加工函数 |、* | ~~component~~ | ~~CustomColumnComponent~~ | - | - | ~~Deprecated。支持为某列自定义展示构件~~ |\n\n### UseBrickConf\n\n| property | type | required | default | description |\n| ------------- | -------------- | -------- | ------- | -------------------------------------------------- |\n| brick | string | ✔️ | - | 构件名称 |\n| properties | object | - | - | 构件属性 |\n| events | BrickEventsMap | - | - | 事件 |\n| transform | string\\|object | - | - | 属性数据转换 |\n| transformFrom | string | - | - | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |\n\n`<presentational-bricks.brick-table>` 为某列自定义展示构件传递的数据源为：\n\n| field | type | description |\n| ----------- | ------ | ----------- |\n| cellData | any | 单元格数据 |\n| rowData | any | 整行数据 |\n| columnIndex | number | 列序号 |\n\n`<presentational-bricks.brick-table>` 为自定义行展开的构件传递的数据源为：\n\n| field | type | description |\n| -------- | ------ | ----------- |\n| rowData | any | 整行数据 |\n| rowIndex | number | 行序号 |\n\n### <del>CustomColumnComponent</del>\n\n<details>\n<summary>展开</summary>\n\n| property | type | required | default | description |\n| ---------- | -------------------------------------------- | -------- | ------- | ----------------------------------------------- |\n| brick | string | ✔️ | - | 构件名称 |\n| fields | {value: string; item: string; index: string} | ✔️ | - | 字段值、列表项和 index 对应所用构件的属性的 key |\n| properties | object | - | - | 构件属性 |\n| events | BrickEventsMap | - | - | 事件 |\n\n</details>\n\n### fields\n| property | type | required | default | description |\n| ---------- | ------ | -------- | -------- | -------------------------------------------------------------------------------------------------------- |\n| fields | fieldsType | - | - | 设置相关字段取自哪里，具体描述见下表 |\n\n### fieldsType\n| property | type | required | default | description |\n| ---------- | ------ | -------- | -------- | -------------------------------------------------------------------------------------------------------- |\n| dataSource | string | - | list | 指定 dataSource 从哪里来，默认为列表接口返回格式是{list:[],page:1,pageSize:10,total:20}，即默认取自 list |\n| total | string | - | total | 指定 total 从哪里来，默认为列表接口返回格式是{list:[],page:1,pageSize:10,total:20}，即默认取自 total |\n| page | string | - | page | 指定下表中 \"page.update\" 事件 detail 的 pagePath |\n| pageSize | string | - | pageSize | 指定下表 \"filter.update\" 事件 detail 的 pageSizePath |\n| ascend | string | - | ascend | 指定 ascend 升序排序对应字段，例如有些后台对应为 1 ，有些对应为 \"asc\"。这里默认为 \"ascend\" |\n| descend | string | - | descend | 指定 descend 降序排序对应字段，例如有些后台对应为 0 ，有些对应为 \"desc\"。这里默认为 \"descend\" |\n\n### pagination 默认配置\n\n如果不希望分页，只需在 storyboard 中如下设置即可：\n\n```\n{\n \"configProps\": {\n \"pagination\": false\n }\n}\n```\n\n如果希望覆盖默认配置，只需在 storyboard 中覆盖对应项即可，相关配置项具体查阅：[pagination](https://ant.design/components/pagination-cn/#API)\n\n```\n{\n \"configProps\": {\n \"pagination\": {\n \"pageSizeOptions\": [\"10\",\"100\",\"1000\"]\n }\n }\n}\n```\n\n| property | type | required | default | description |\n| --------------- | -------- | -------- | ------------------ | ------------------------------------- |\n| current | string | - | - | 页码，从 page properties 获取 |\n| pageSize | string | - | - | 每页条数，从 pageSize properties 获取 |\n| total | object | - | - | 总数，从 dataSource.total 获取 |\n| showSizeChanger | boolean | - | true | 展示页码变化器 |\n| pageSizeOptions | array | - | [\"10\", \"20\", \"50\"] | 每页条数选项 |\n| showTotal | function | - | - | 渲染成\"共 xx 条\" |\n\n\n### rowSelection 默认配置\n\n行选择默认为 false，即如果不在 storyboard 中配置就不显示。如果要开启只需在 storyboard 中如下设置即可，这时 brick-table 会默认配置 onChange 事件：\n\n```\n{\n \"configProps\": {\n \"rowSelection\": true\n }\n}\n```\n\n如果希望覆盖或者扩展默认配置，只需在 storyboard 中覆盖对应项即可，相关配置项具体查阅：[rowSelection](https://ant.design/components/table-cn/#rowSelection)\n\n```\n{\n \"configProps\": {\n \"rowSelection\": {\n \"columnWidth\": \"88px\"\n }\n }\n}\n```\n\n| property | type | required | default | description |\n| -------- | -------- | -------- | ------- | --------------------------------- |\n| onChange | function | - | - | 选择行，会抛出事件\"select.update\" |\n\n### 排序\n\n如果某一列希望排序，则可以设对应列 `sorter:true`，例如：\n\n```\n{\n \"columns\": [\n {\n \"title\": \"主机\",\n \"key\": \"hostname\",\n \"dataIndex\": \"hostname\",\n \"sorter\": true\n }\n ]\n}\n```\n\n## flattenTreeDataListAndCalcRowSpan 自定义加工函数\n\n将树形数据列表按照 `options.flattenConfigs` 进行展平，并生成相应的行合并数据\n\n### Params\n\n| param | type | required | default | description |\n| ------------ | ------------------------------------------ | -------- | ------- | ------------------------------------------------------------------------ |\n| treeDataList | Record<string, unknown>[] | ✔️ | - | 树形数据列表 |\n| options | FlattenTreeDataListAndCalcRowSpanOptions | ✔️ | - | 函数选项 |\n| depth | number | - | 0 | 当前展平的深度，用于确定 `options.flattenConfigs` 中的当前层级的展平配置 |\n\n### Returns\n\n| type | description |\n| --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Record<string, unknown>[] | 展平后的列表，除了按照 `options.flattenConfigs` 进行展平外，还会生成相应层级以 `options.flattenConfigs[].parentInChildKey + \"RowSpan\"` 为 key 的行合并数据 |\n\n### FlattenTreeDataListAndCalcRowSpanOptions\n\n| property | type | required | default | description |\n| -------------------- | ----------------- | -------- | ------- | ---------------------------------------- |\n| flattenConfigs | FlattenConfig[] | ✔️ | - | 展平配置列表，按照由父到子的顺序一一对应 |\n| omitChildrenInParent | boolean | - | - | 展平后，是否省略父级里的子列表 |\n\n### FlattenConfig\n\n| property | type | required | default | description |\n| ---------------- | -------- | -------- | ------- | ------------------------ |\n| childrenKey | string | ✔️ | - | 对应层级子列表的 key |\n| parentInChildKey | string | ✔️ | - | 展平后，父级在子级的 key |",
|
|
6251
6260
|
"properties": [
|
|
6252
6261
|
{
|
|
6253
6262
|
"name": "columns",
|
|
@@ -6342,7 +6351,7 @@
|
|
|
6342
6351
|
"type": "{useBrick:UseBrickConf}",
|
|
6343
6352
|
"required": "false",
|
|
6344
6353
|
"default": "-",
|
|
6345
|
-
"description": "自定义行展开的构件",
|
|
6354
|
+
"description": "自定义行展开的构件 [UseBrickConf](/next-docs/docs/api-reference/brick-types.usesinglebrickconf)",
|
|
6346
6355
|
"group": "expand"
|
|
6347
6356
|
},
|
|
6348
6357
|
{
|
|
@@ -6559,7 +6568,7 @@
|
|
|
6559
6568
|
"required": "false",
|
|
6560
6569
|
"default": "-",
|
|
6561
6570
|
"description": "额外的行，通常为跨页勾选时，不在当前页的行",
|
|
6562
|
-
"group": "
|
|
6571
|
+
"group": "other"
|
|
6563
6572
|
},
|
|
6564
6573
|
{
|
|
6565
6574
|
"name": "draggable",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@next-bricks/presentational-bricks",
|
|
3
|
-
"version": "1.250.
|
|
3
|
+
"version": "1.250.4",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"homepage": "https://github.com/easyops-cn/next-basics/tree/master/bricks/presentational-bricks",
|
|
6
6
|
"license": "GPL-3.0",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@fortawesome/fontawesome-svg-core": "^1.2.35",
|
|
32
|
-
"@next-core/custom-antd-styles": "^1.24.
|
|
32
|
+
"@next-core/custom-antd-styles": "^1.24.10",
|
|
33
33
|
"@next-libs/basic-components": "^3.5.1",
|
|
34
34
|
"@next-libs/clipboard": "^3.0.2",
|
|
35
35
|
"@next-libs/cmdb-utils": "^3.2.1",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"@next-dll/ace": "*",
|
|
56
56
|
"@next-dll/react-dnd": "*"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "3a86b4ca65e65ac6b66d74c1f7c6f5f44511c9f6"
|
|
59
59
|
}
|