@next-bricks/advanced 0.41.1 → 0.41.2
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/dist/bricks.json +16 -16
- package/dist/chunks/2197.c6d8b8c3.js +2 -0
- package/dist/chunks/2197.c6d8b8c3.js.map +1 -0
- package/dist/chunks/5479.4f80837b.js +2 -0
- package/dist/chunks/5479.4f80837b.js.map +1 -0
- package/dist/chunks/eo-next-table.2c4ff2b3.js +2 -0
- package/dist/chunks/eo-next-table.2c4ff2b3.js.map +1 -0
- package/dist/chunks/{main.0cd1494b.js → main.ed9e0660.js} +2 -2
- package/dist/chunks/{main.0cd1494b.js.map → main.ed9e0660.js.map} +1 -1
- package/dist/examples.json +6 -6
- package/dist/{index.3844b20a.js → index.43e3b3f0.js} +2 -2
- package/dist/{index.3844b20a.js.map → index.43e3b3f0.js.map} +1 -1
- package/dist/manifest.json +375 -370
- package/dist/types.json +515 -508
- package/dist-types/next-table/Table.d.ts +1 -0
- package/dist-types/next-table/index.d.ts +4 -0
- package/package.json +2 -2
- package/dist/chunks/2197.2385bc67.js +0 -2
- package/dist/chunks/2197.2385bc67.js.map +0 -1
- package/dist/chunks/5479.00620ca0.js +0 -2
- package/dist/chunks/5479.00620ca0.js.map +0 -1
- package/dist/chunks/eo-next-table.edd61270.js +0 -2
- package/dist/chunks/eo-next-table.edd61270.js.map +0 -1
package/dist/examples.json
CHANGED
|
@@ -2,12 +2,6 @@
|
|
|
2
2
|
"eo-cascader": {
|
|
3
3
|
"doc": "级联选择器\n\n## Examples\n\n### Basic\n\n```yaml preview minHeight=\"300px\"\n- brick: eo-cascader\n properties:\n placeholder: 请选择城市\n options:\n - children:\n - children:\n - label: West Lake\n value: xihu\n label: Hangzhou\n value: hangzhou\n label: Zhejiang\n value: zhejiang\n - children:\n - children:\n - label: Zhong Hua Men\n value: zhonghuamen\n label: Nanjing\n value: nanjing\n label: Jiangsu\n value: jiangsu\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-cascader placeholder=\"请选择城市\" id=\"brick-1\"></eo-cascader>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.options = [\n# {\n# children: [\n# {\n# children: [\n# {\n# label: \"West Lake\",\n# value: \"xihu\",\n# },\n# ],\n# label: \"Hangzhou\",\n# value: \"hangzhou\",\n# },\n# ],\n# label: \"Zhejiang\",\n# value: \"zhejiang\",\n# },\n# {\n# children: [\n# {\n# children: [\n# {\n# label: \"Zhong Hua Men\",\n# value: \"zhonghuamen\",\n# },\n# ],\n# label: \"Nanjing\",\n# value: \"nanjing\",\n# },\n# ],\n# label: \"Jiangsu\",\n# value: \"jiangsu\",\n# },\n# ];\n# </script>\n# \n```\n\n### With Form\n\n```yaml preview minHeight=\"300px\"\n- brick: eo-form\n events:\n validate.success:\n - action: console.log\n values.change:\n - action: console.log\n children:\n - brick: eo-cascader\n properties:\n label: 城市选择\n name: city\n placeholder: 请选择城市\n required: true\n options:\n - children:\n - children:\n - label: West Lake\n value: xihu\n label: Hangzhou\n value: hangzhou\n label: Zhejiang\n value: zhejiang\n - children:\n - children:\n - label: Zhong Hua Men\n value: zhonghuamen\n label: Nanjing\n value: nanjing\n label: Jiangsu\n value: jiangsu\n events:\n cascader.change:\n - action: console.log\n - brick: eo-submit-buttons\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-form id=\"brick-1\">\n# <eo-cascader\n# label=\"城市选择\"\n# name=\"city\"\n# placeholder=\"请选择城市\"\n# required\n# id=\"brick-2\"\n# ></eo-cascader>\n# <eo-submit-buttons></eo-submit-buttons>\n# </eo-form>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"validate.success\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"values.change\", (e) => {\n# console.log(e.detail);\n# });\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.options = [\n# {\n# children: [\n# {\n# children: [\n# {\n# label: \"West Lake\",\n# value: \"xihu\",\n# },\n# ],\n# label: \"Hangzhou\",\n# value: \"hangzhou\",\n# },\n# ],\n# label: \"Zhejiang\",\n# value: \"zhejiang\",\n# },\n# {\n# children: [\n# {\n# children: [\n# {\n# label: \"Zhong Hua Men\",\n# value: \"zhonghuamen\",\n# },\n# ],\n# label: \"Nanjing\",\n# value: \"nanjing\",\n# },\n# ],\n# label: \"Jiangsu\",\n# value: \"jiangsu\",\n# },\n# ];\n# brick_2.addEventListener(\"cascader.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
|
|
4
4
|
},
|
|
5
|
-
"eo-next-table": {
|
|
6
|
-
"doc": "大型表格\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-next-table\n events:\n page.change:\n - action: console.log\n page.size.change:\n - action: console.log\n properties:\n scrollConfig:\n x: false\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n - dataIndex: remarks\n key: remarks\n title: Long Column Long Column Long Column Long Column\n width: 200\n ellipsis: true\n - dataIndex: operator\n key: operator\n title: 操作\n width: 200\n useBrick:\n - brick: div\n properties:\n style:\n display: flex\n gap: 4px\n children:\n - brick: eo-button\n properties:\n type: link\n icon:\n lib: antd\n icon: edit\n events:\n click:\n - action: message.info\n args:\n - <% DATA.rowData.name %>\n - brick: eo-button\n properties:\n type: link\n danger: true\n icon:\n lib: antd\n icon: delete\n events:\n click:\n - action: message.error\n args:\n - <% JSON.stringify(DATA) %>\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n remarks: Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n remarks: Long text Long text\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n remarks: Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.scrollConfig = {\n# x: false,\n# };\n# brick_1.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# {\n# dataIndex: \"remarks\",\n# key: \"remarks\",\n# title: \"Long Column Long Column Long Column Long Column\",\n# width: 200,\n# ellipsis: true,\n# },\n# {\n# dataIndex: \"operator\",\n# key: \"operator\",\n# title: \"操作\",\n# width: 200,\n# useBrick: [\n# {\n# brick: \"div\",\n# properties: {\n# style: {\n# display: \"flex\",\n# gap: \"4px\",\n# },\n# },\n# children: [\n# {\n# brick: \"eo-button\",\n# properties: {\n# type: \"link\",\n# icon: {\n# lib: \"antd\",\n# icon: \"edit\",\n# },\n# },\n# events: {\n# click: [\n# {\n# action: \"message.info\",\n# args: [\"<% DATA.rowData.name %>\"],\n# },\n# ],\n# },\n# },\n# {\n# brick: \"eo-button\",\n# properties: {\n# type: \"link\",\n# danger: true,\n# icon: {\n# lib: \"antd\",\n# icon: \"delete\",\n# },\n# },\n# events: {\n# click: [\n# {\n# action: \"message.error\",\n# args: [\"<% JSON.stringify(DATA) %>\"],\n# },\n# ],\n# },\n# },\n# ],\n# },\n# ],\n# },\n# ];\n# brick_1.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# remarks:\n# \"Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# remarks: \"Long text Long text\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# remarks:\n# \"Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"page.change\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"page.size.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Fixed & Scroll & useBrick\n\n```yaml preview\n- brick: eo-next-table\n events:\n page.change:\n - action: console.log\n page.size.change:\n - action: console.log\n properties:\n scrollConfig:\n x: max-content\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n width: 100\n fixed: true\n headerBrick:\n useBrick:\n brick: span\n properties:\n style:\n color: red\n textContent: <% DATA.title %>\n useBrick:\n - brick: span\n properties:\n style:\n color: pink\n textContent: <% DATA.cellData %>\n - dataIndex: address\n key: column1\n title: column1\n - dataIndex: address\n key: column2\n title: column2\n - dataIndex: address\n key: column3\n title: column3\n - dataIndex: address\n key: column4\n title: column4\n - dataIndex: address\n key: column5\n title: column5\n - dataIndex: address\n key: column6\n title: column6\n - dataIndex: address\n key: column7\n title: column7\n - dataIndex: address\n key: column8\n title: column8\n - dataIndex: address\n key: column9\n title: column9\n - dataIndex: address\n key: column10\n title: column10\n - dataIndex: age\n key: age\n title: Age\n width: 100\n fixed: right\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.scrollConfig = {\n# x: \"max-content\",\n# };\n# brick_1.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# width: 100,\n# fixed: true,\n# headerBrick: {\n# useBrick: {\n# brick: \"span\",\n# properties: {\n# style: {\n# color: \"red\",\n# },\n# textContent: \"<% DATA.title %>\",\n# },\n# },\n# },\n# useBrick: [\n# {\n# brick: \"span\",\n# properties: {\n# style: {\n# color: \"pink\",\n# },\n# textContent: \"<% DATA.cellData %>\",\n# },\n# },\n# ],\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column1\",\n# title: \"column1\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column2\",\n# title: \"column2\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column3\",\n# title: \"column3\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column4\",\n# title: \"column4\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column5\",\n# title: \"column5\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column6\",\n# title: \"column6\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column7\",\n# title: \"column7\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column8\",\n# title: \"column8\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column9\",\n# title: \"column9\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column10\",\n# title: \"column10\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# width: 100,\n# fixed: \"right\",\n# },\n# ];\n# brick_1.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"page.change\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"page.size.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Front Search\n\n```yaml preview\n- brick: eo-search-bar\n children:\n - brick: eo-search\n slot: start\n properties:\n placeholder: Enter keyword\n events:\n search:\n target: \"#table\"\n method: search\n args:\n - q: <% EVENT.detail %>\n- brick: eo-next-table\n events:\n page.change:\n - action: console.log\n page.size.change:\n - action: console.log\n sort.change:\n - action: console.log\n properties:\n id: table\n frontSearch: true\n searchFields:\n - address\n sort:\n columnKey: age\n order: descend\n multiSort: true\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n sortable: true\n sortPriority: 1\n - dataIndex: address\n key: address\n title: Address\n sortable: true\n sortPriority: 2\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-search-bar>\n# <eo-search slot=\"start\" placeholder=\"Enter keyword\" id=\"brick-1\"></eo-search>\n# </eo-search-bar>\n# <eo-next-table front-search multi-sort id=\"table\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"search\", (e) => {\n# const brick = document.querySelector(\"#table\");\n# brick.search({ q: \"<% EVENT.detail %>\" });\n# });\n# \n# const table = document.getElementById(\"table\");\n# table.searchFields = [\"address\"];\n# table.sort = {\n# columnKey: \"age\",\n# order: \"descend\",\n# };\n# table.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# table.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# sortable: true,\n# sortPriority: 1,\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# sortable: true,\n# sortPriority: 2,\n# },\n# ];\n# table.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# table.addEventListener(\"page.change\", (e) => {\n# console.log(e.detail);\n# });\n# table.addEventListener(\"page.size.change\", (e) => {\n# console.log(e.detail);\n# });\n# table.addEventListener(\"sort.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Row Selection\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.select:\n - action: console.log\n properties:\n rowSelection: true\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n useBrick:\n - brick: eo-tag\n properties:\n color: |\n <% DATA.cellData > 18 ? \"green\" : \"red\" %>\n textContent: <% DATA.cellData %>\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.rowSelection = true;\n# brick_1.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# useBrick: [\n# {\n# brick: \"eo-tag\",\n# properties: {\n# color: '<% DATA.cellData > 18 ? \"green\" : \"red\" %>\\n',\n# textContent: \"<% DATA.cellData %>\",\n# },\n# },\n# ],\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.select\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Expandable\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.expand:\n - action: console.log\n expanded.rows.change:\n - action: console.log\n properties:\n expandable:\n columnWidth: 100px\n rowExpandable: <% DATA.rowData.key % 2 === 0 %>\n expandIconBrick:\n useBrick:\n brick: eo-link\n properties:\n disabled: \"<% !DATA.expandable %>\"\n textContent: \"<% DATA.expanded ? '点击收起' : '点击展开' %>\"\n expandedRowBrick:\n useBrick:\n brick: eo-next-table\n properties:\n pagination: false\n bordered: true\n columns:\n - dataIndex: title\n key: title\n title: 标题\n - dataIndex: description\n key: description\n title: 描述\n - dataIndex: operator\n key: operator\n title: 操作\n useBrick:\n - brick: div\n properties:\n style:\n display: flex\n gap: 4px\n children:\n - brick: eo-button\n properties:\n type: link\n textContent: 操作\n events:\n click:\n - action: message.info\n args:\n - <% `id:${DATA.rowData.id}` %>\n dataSource:\n list: <% DATA.rowData.info %>\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n info:\n - title: 测试1\n description: 这是一串描述\n id: 1\n - title: 测试2\n description: 这是一串描述\n id: 2\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n info:\n - title: 测试3\n description: 这是一串描述\n id: 3\n - title: 测试4\n description: 这是一串描述\n id: 4\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.expandable = {\n# columnWidth: \"100px\",\n# rowExpandable: \"<% DATA.rowData.key % 2 === 0 %>\",\n# expandIconBrick: {\n# useBrick: {\n# brick: \"eo-link\",\n# properties: {\n# disabled: \"<% !DATA.expandable %>\",\n# textContent: \"<% DATA.expanded ? '点击收起' : '点击展开' %>\",\n# },\n# },\n# },\n# expandedRowBrick: {\n# useBrick: {\n# brick: \"eo-next-table\",\n# properties: {\n# pagination: false,\n# bordered: true,\n# columns: [\n# {\n# dataIndex: \"title\",\n# key: \"title\",\n# title: \"标题\",\n# },\n# {\n# dataIndex: \"description\",\n# key: \"description\",\n# title: \"描述\",\n# },\n# {\n# dataIndex: \"operator\",\n# key: \"operator\",\n# title: \"操作\",\n# useBrick: [\n# {\n# brick: \"div\",\n# properties: {\n# style: {\n# display: \"flex\",\n# gap: \"4px\",\n# },\n# },\n# children: [\n# {\n# brick: \"eo-button\",\n# properties: {\n# type: \"link\",\n# textContent: \"操作\",\n# },\n# events: {\n# click: [\n# {\n# action: \"message.info\",\n# args: [\"<% `id:${DATA.rowData.id}` %>\"],\n# },\n# ],\n# },\n# },\n# ],\n# },\n# ],\n# },\n# ],\n# dataSource: {\n# list: \"<% DATA.rowData.info %>\",\n# },\n# },\n# },\n# },\n# };\n# brick_1.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# info: [\n# {\n# title: \"测试1\",\n# description: \"这是一串描述\",\n# id: 1,\n# },\n# {\n# title: \"测试2\",\n# description: \"这是一串描述\",\n# id: 2,\n# },\n# ],\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# info: [\n# {\n# title: \"测试3\",\n# description: \"这是一串描述\",\n# id: 3,\n# },\n# {\n# title: \"测试4\",\n# description: \"这是一串描述\",\n# id: 4,\n# },\n# ],\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.expand\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"expanded.rows.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Draggable\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.drag:\n - action: console.log\n properties:\n rowKey: name\n rowDraggable: true\n pagination: false\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table row-key=\"name\" row-draggable id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.pagination = false;\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.drag\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### RowSpan & ColSpan\n\n```yaml preview\n- brick: eo-next-table\n properties:\n pagination: false\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: mobile\n key: mobile\n title: phone\n colSpan: 2\n cellColSpanKey: mobileColSpan\n cellRowSpanKey: mobileRowSpan\n - dataIndex: landlines\n key: landlines\n colSpan: 0\n cellColSpanKey: landlinesColSpan\n cellRowSpanKey: landlinesRowSpan\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n mobile: 18900010222\n landlines: 0571-22098909\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n mobile: 18900010333\n mobileColSpan: 2\n landlinesColSpan: 0\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n mobile: 18900010444\n landlines: 0571-22098707\n landlinesRowSpan: 2\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n mobile: 18900010555\n landlines: 0571-22098707\n landlinesRowSpan: 0\n mobileRowSpan: 2\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n mobile: 18900010555\n landlines: 0571-22098606\n mobileRowSpan: 0\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.pagination = false;\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"mobile\",\n# key: \"mobile\",\n# title: \"phone\",\n# colSpan: 2,\n# cellColSpanKey: \"mobileColSpan\",\n# cellRowSpanKey: \"mobileRowSpan\",\n# },\n# {\n# dataIndex: \"landlines\",\n# key: \"landlines\",\n# colSpan: 0,\n# cellColSpanKey: \"landlinesColSpan\",\n# cellRowSpanKey: \"landlinesRowSpan\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# mobile: 18900010222,\n# landlines: \"0571-22098909\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# mobile: 18900010333,\n# mobileColSpan: 2,\n# landlinesColSpan: 0,\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# mobile: 18900010444,\n# landlines: \"0571-22098707\",\n# landlinesRowSpan: 2,\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# mobile: 18900010555,\n# landlines: \"0571-22098707\",\n# landlinesRowSpan: 0,\n# mobileRowSpan: 2,\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# mobile: 18900010555,\n# landlines: \"0571-22098606\",\n# mobileRowSpan: 0,\n# },\n# ],\n# };\n# </script>\n# \n```\n\n### Tree\n\n设置 childrenColumnName 来指定树形结构的列名，展开功能的配置可以使用 expandable。目前树形结构暂不支持拖拽。\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.expand:\n - action: console.log\n expanded.rows.change:\n - action: console.log\n properties:\n pagination: false\n childrenColumnName: student\n expandable:\n defaultExpandAllRows: true\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: \"1\"\n name: Jack\n age: 18\n address: Guangzhou\n student:\n - key: \"11\"\n name: Alex\n age: 20\n address: Shanghai\n - key: \"12\"\n name: Lucy\n age: 16\n address: Yunnan\n - key: \"13\"\n name: Sam\n age: 28\n address: Guangzhou\n - key: \"2\"\n name: Bob\n age: 35\n address: Hainan\n student:\n - key: \"21\"\n name: Ava\n age: 23\n address: Beijing\n - key: \"22\"\n name: Sophia\n age: 20\n address: Shanghai\n - key: \"23\"\n name: Charlotte\n age: 33\n address: Chongqing\n student:\n - key: \"231\"\n name: Mia\n age: 18\n address: Chengdu\n - key: \"232\"\n name: Noah\n age: 38\n address: Hainan\n - key: \"233\"\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table children-column-name=\"student\" id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.pagination = false;\n# brick_1.expandable = {\n# defaultExpandAllRows: true,\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# list: [\n# {\n# key: \"1\",\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# student: [\n# {\n# key: \"11\",\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"12\",\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: \"13\",\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# ],\n# },\n# {\n# key: \"2\",\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# student: [\n# {\n# key: \"21\",\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: \"22\",\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"23\",\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# student: [\n# {\n# key: \"231\",\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: \"232\",\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: \"233\",\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# },\n# ],\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.expand\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"expanded.rows.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n#### With Row Selection\n\n设置 rowSelection.checkStrictly 来控制父子数据选中状态是否关联。注意，关联的时候，节点勾选传导策略为【只勾选可触达的可勾选节点】\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.select:\n - action: console.log\n properties:\n pagination: false\n childrenColumnName: student\n rowSelection:\n checkStrictly: false\n indentSize: 50\n rowDisabled: <% DATA.rowData.age > 30 %>\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: \"1\"\n name: Jack\n age: 18\n address: Guangzhou\n student:\n - key: \"11\"\n name: Alex\n age: 20\n address: Shanghai\n - key: \"12\"\n name: Lucy\n age: 16\n address: Yunnan\n - key: \"13\"\n name: Sam\n age: 34\n address: Guangzhou\n - key: \"2\"\n name: Bob\n age: 27\n address: Hainan\n student:\n - key: \"21\"\n name: Ava\n age: 23\n address: Beijing\n - key: \"22\"\n name: Sophia\n age: 20\n address: Shanghai\n - key: \"23\"\n name: Charlotte\n age: 35\n address: Chongqing\n student:\n - key: \"231\"\n name: Mia\n age: 18\n address: Chengdu\n - key: \"232\"\n name: Noah\n age: 38\n address: Hainan\n - key: \"233\"\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table children-column-name=\"student\" id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.pagination = false;\n# brick_1.rowSelection = {\n# checkStrictly: false,\n# indentSize: 50,\n# rowDisabled: \"<% DATA.rowData.age > 30 %>\",\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# list: [\n# {\n# key: \"1\",\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# student: [\n# {\n# key: \"11\",\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"12\",\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: \"13\",\n# name: \"Sam\",\n# age: 34,\n# address: \"Guangzhou\",\n# },\n# ],\n# },\n# {\n# key: \"2\",\n# name: \"Bob\",\n# age: 27,\n# address: \"Hainan\",\n# student: [\n# {\n# key: \"21\",\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: \"22\",\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"23\",\n# name: \"Charlotte\",\n# age: 35,\n# address: \"Chongqing\",\n# student: [\n# {\n# key: \"231\",\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: \"232\",\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: \"233\",\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# },\n# ],\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.select\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n#### With Front Search\n\n```yaml preview\n- brick: eo-search-bar\n children:\n - brick: eo-search\n slot: start\n properties:\n placeholder: Enter keyword\n events:\n search:\n target: \"#table\"\n method: search\n args:\n - q: <% EVENT.detail %>\n- brick: eo-next-table\n properties:\n id: table\n searchFields:\n - name\n - age\n - address\n pagination: false\n childrenColumnName: student\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: \"1\"\n name: Jack\n age: 18\n address: Guangzhou\n student:\n - key: \"11\"\n name: Alex\n age: 20\n address: Shanghai\n - key: \"12\"\n name: Lucy\n age: 16\n address: Yunnan\n - key: \"13\"\n name: Sam\n age: 34\n address: Guangzhou\n - key: \"2\"\n name: Bob\n age: 27\n address: Hainan\n student:\n - key: \"21\"\n name: Ava\n age: 23\n address: Beijing\n - key: \"22\"\n name: Sophia\n age: 20\n address: Shanghai\n - key: \"23\"\n name: Charlotte\n age: 35\n address: Chongqing\n student:\n - key: \"231\"\n name: Mia\n age: 18\n address: Chengdu\n - key: \"232\"\n name: Noah\n age: 38\n address: Hainan\n - key: \"233\"\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-search-bar>\n# <eo-search slot=\"start\" placeholder=\"Enter keyword\" id=\"brick-1\"></eo-search>\n# </eo-search-bar>\n# <eo-next-table children-column-name=\"student\" id=\"table\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"search\", (e) => {\n# const brick = document.querySelector(\"#table\");\n# brick.search({ q: \"<% EVENT.detail %>\" });\n# });\n# \n# const table = document.getElementById(\"table\");\n# table.searchFields = [\"name\", \"age\", \"address\"];\n# table.pagination = false;\n# table.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# table.dataSource = {\n# list: [\n# {\n# key: \"1\",\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# student: [\n# {\n# key: \"11\",\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"12\",\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: \"13\",\n# name: \"Sam\",\n# age: 34,\n# address: \"Guangzhou\",\n# },\n# ],\n# },\n# {\n# key: \"2\",\n# name: \"Bob\",\n# age: 27,\n# address: \"Hainan\",\n# student: [\n# {\n# key: \"21\",\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: \"22\",\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"23\",\n# name: \"Charlotte\",\n# age: 35,\n# address: \"Chongqing\",\n# student: [\n# {\n# key: \"231\",\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: \"232\",\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: \"233\",\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# },\n# ],\n# },\n# ],\n# };\n# </script>\n# \n```\n\n### Dynamic Columns\n\n```yaml preview\nbrick: eo-next-table\nproperties:\n cell:\n useBrick:\n - if: <% DATA.columnKey !== '01-13' %>\n brick: em\n properties:\n textContent: <% DATA.cellData %>\n - if: <% DATA.columnKey === '01-13' %>\n brick: del\n properties:\n textContent: <% DATA.cellData %>\n header:\n useBrick:\n brick: em\n properties:\n textContent: <% DATA.title %>\n # Dynamic columns, such as by dates\n columns: <% CTX.dates %>\n dataSource:\n list:\n - \"01-11\": \"abc\"\n \"01-12\": \"def\"\n \"01-13\": \"ghi\"\n \"01-14\": \"jkl\"\n - \"01-11\": \"123\"\n \"01-12\": \"345\"\n \"01-13\": \"789\"\n \"01-14\": \"-\"\ncontext:\n - name: dates\n value: |\n <%\n new Array(4).fill(null).map(\n (d, i) => moment('2023-01-11').add(i, 'days').format('MM-DD')\n ).map((key) => ({\n dataIndex: key,\n key,\n title: key,\n }))\n %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.cell = {\n# useBrick: [\n# {\n# if: \"<% DATA.columnKey !== '01-13' %>\",\n# brick: \"em\",\n# properties: {\n# textContent: \"<% DATA.cellData %>\",\n# },\n# },\n# {\n# if: \"<% DATA.columnKey === '01-13' %>\",\n# brick: \"del\",\n# properties: {\n# textContent: \"<% DATA.cellData %>\",\n# },\n# },\n# ],\n# header: {\n# useBrick: {\n# brick: \"em\",\n# properties: {\n# textContent: \"<% DATA.title %>\",\n# },\n# },\n# },\n# };\n# brick_1.columns = \"<% CTX.dates %>\";\n# brick_1.dataSource = {\n# list: [\n# {\n# \"01-11\": \"abc\",\n# \"01-12\": \"def\",\n# \"01-13\": \"ghi\",\n# \"01-14\": \"jkl\",\n# },\n# {\n# \"01-11\": \"123\",\n# \"01-12\": \"345\",\n# \"01-13\": \"789\",\n# \"01-14\": \"-\",\n# },\n# ],\n# };\n# </script>\n# \n```\n"
|
|
7
|
-
},
|
|
8
|
-
"eo-workbench-layout": {
|
|
9
|
-
"doc": "工作台布局\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-workbench-layout\n properties:\n layouts:\n - i: hello\n x: 0\n y: 0\n w: 2\n h: 1\n - i: world\n x: 0\n y: 1\n w: 2\n h: 1\n - i: small\n x: 2\n y: 0\n w: 1\n h: 1\n componentList:\n - title: 基础布局\n useBrick:\n brick: eo-card\n properties:\n fillVertical: true\n children:\n - brick: div\n properties:\n textContent: Hello\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: hello\n x: 0\n y: 0\n w: 2\n h: 1\n key: hello\n - title: world\n useBrick:\n brick: eo-card\n properties:\n fillVertical: true\n children:\n - brick: div\n properties:\n textContent: World\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: world\n x: 0\n y: 2\n w: 2\n h: 1\n key: world\n - title: small\n useBrick:\n brick: div\n properties:\n style:\n height: 100%\n background: \"#fff\"\n children:\n - brick: div\n properties:\n textContent: small\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: small\n x: 2\n y: 0\n w: 1\n h: 2\n key: small\n - title: custom\n useBrick:\n brick: div\n properties:\n style:\n background: \"#6ad26a\"\n width: 100%\n height: 100%\n position:\n i: custom\n x: 1\n y: 3\n w: 1\n h: 1\n key: custom\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-workbench-layout id=\"brick-1\"></eo-workbench-layout>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.layouts = [\n# {\n# i: \"hello\",\n# x: 0,\n# y: 0,\n# w: 2,\n# h: 1,\n# },\n# {\n# i: \"world\",\n# x: 0,\n# y: 1,\n# w: 2,\n# h: 1,\n# },\n# {\n# i: \"small\",\n# x: 2,\n# y: 0,\n# w: 1,\n# h: 1,\n# },\n# ];\n# brick_1.componentList = [\n# {\n# title: \"基础布局\",\n# useBrick: {\n# brick: \"eo-card\",\n# properties: {\n# fillVertical: true,\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"Hello\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"hello\",\n# x: 0,\n# y: 0,\n# w: 2,\n# h: 1,\n# },\n# key: \"hello\",\n# },\n# {\n# title: \"world\",\n# useBrick: {\n# brick: \"eo-card\",\n# properties: {\n# fillVertical: true,\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"World\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"world\",\n# x: 0,\n# y: 2,\n# w: 2,\n# h: 1,\n# },\n# key: \"world\",\n# },\n# {\n# title: \"small\",\n# useBrick: {\n# brick: \"div\",\n# properties: {\n# style: {\n# height: \"100%\",\n# background: \"#fff\",\n# },\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"small\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"small\",\n# x: 2,\n# y: 0,\n# w: 1,\n# h: 2,\n# },\n# key: \"small\",\n# },\n# {\n# title: \"custom\",\n# useBrick: {\n# brick: \"div\",\n# properties: {\n# style: {\n# background: \"#6ad26a\",\n# width: \"100%\",\n# height: \"100%\",\n# },\n# },\n# },\n# position: {\n# i: \"custom\",\n# x: 1,\n# y: 3,\n# w: 1,\n# h: 1,\n# },\n# key: \"custom\",\n# },\n# ];\n# </script>\n# \n```\n\n### Edit & Event\n\n```yaml preview\n- brick: eo-workbench-layout\n events:\n save.layout:\n - action: console.log\n properties:\n isEdit: true\n layouts:\n - i: hello\n x: 0\n y: 0\n w: 2\n h: 1\n - i: world\n x: 0\n y: 1\n w: 2\n h: 1\n - i: small\n x: 2\n y: 0\n w: 1\n h: 1\n componentList:\n - title: 基础布局\n useBrick:\n brick: eo-card\n properties:\n fillVertical: true\n children:\n - brick: div\n properties:\n textContent: Hello\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: hello\n x: 0\n y: 0\n w: 2\n h: 1\n key: hello\n - title: world\n useBrick:\n brick: eo-card\n properties:\n fillVertical: true\n children:\n - brick: div\n properties:\n textContent: World\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: world\n x: 0\n y: 2\n w: 2\n h: 1\n key: world\n - title: small\n useBrick:\n brick: div\n properties:\n style:\n height: 100%\n background: \"#fff\"\n children:\n - brick: div\n properties:\n textContent: small\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: small\n x: 2\n y: 0\n w: 1\n h: 2\n key: small\n - title: custom\n useBrick:\n brick: div\n properties:\n style:\n background: \"#6ad26a\"\n width: 100%\n height: 100%\n position:\n i: custom\n x: 1\n y: 3\n w: 1\n h: 1\n key: custom\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-workbench-layout is-edit id=\"brick-1\"></eo-workbench-layout>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.layouts = [\n# {\n# i: \"hello\",\n# x: 0,\n# y: 0,\n# w: 2,\n# h: 1,\n# },\n# {\n# i: \"world\",\n# x: 0,\n# y: 1,\n# w: 2,\n# h: 1,\n# },\n# {\n# i: \"small\",\n# x: 2,\n# y: 0,\n# w: 1,\n# h: 1,\n# },\n# ];\n# brick_1.componentList = [\n# {\n# title: \"基础布局\",\n# useBrick: {\n# brick: \"eo-card\",\n# properties: {\n# fillVertical: true,\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"Hello\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"hello\",\n# x: 0,\n# y: 0,\n# w: 2,\n# h: 1,\n# },\n# key: \"hello\",\n# },\n# {\n# title: \"world\",\n# useBrick: {\n# brick: \"eo-card\",\n# properties: {\n# fillVertical: true,\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"World\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"world\",\n# x: 0,\n# y: 2,\n# w: 2,\n# h: 1,\n# },\n# key: \"world\",\n# },\n# {\n# title: \"small\",\n# useBrick: {\n# brick: \"div\",\n# properties: {\n# style: {\n# height: \"100%\",\n# background: \"#fff\",\n# },\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"small\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"small\",\n# x: 2,\n# y: 0,\n# w: 1,\n# h: 2,\n# },\n# key: \"small\",\n# },\n# {\n# title: \"custom\",\n# useBrick: {\n# brick: \"div\",\n# properties: {\n# style: {\n# background: \"#6ad26a\",\n# width: \"100%\",\n# height: \"100%\",\n# },\n# },\n# },\n# position: {\n# i: \"custom\",\n# x: 1,\n# y: 3,\n# w: 1,\n# h: 1,\n# },\n# key: \"custom\",\n# },\n# ];\n# brick_1.addEventListener(\"save.layout\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
|
|
10
|
-
},
|
|
11
5
|
"eo-tree": {
|
|
12
6
|
"doc": "树形构件\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: eo-tree\nproperties:\n defaultExpandAll: true\n dataSource:\n - title: parent 1\n key: 0-0\n children:\n - title: parent 1-0\n key: 0-0-0\n children:\n - title: leaf\n key: 0-0-0-0\n - title: leaf\n key: 0-0-0-1\n - title: parent 1-1\n key: 0-0-1\n children:\n - title: sss\n key: 0-0-1-0\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-tree default-expand-all id=\"brick-1\"></eo-tree>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.dataSource = [\n# {\n# title: \"parent 1\",\n# key: \"0-0\",\n# children: [\n# {\n# title: \"parent 1-0\",\n# key: \"0-0-0\",\n# children: [\n# {\n# title: \"leaf\",\n# key: \"0-0-0-0\",\n# },\n# {\n# title: \"leaf\",\n# key: \"0-0-0-1\",\n# },\n# ],\n# },\n# {\n# title: \"parent 1-1\",\n# key: \"0-0-1\",\n# children: [\n# {\n# title: \"sss\",\n# key: \"0-0-1-0\",\n# },\n# ],\n# },\n# ],\n# },\n# ];\n# </script>\n# \n```\n\n### Checkable\n\n```yaml preview\nbrick: eo-tree\nproperties:\n defaultExpandAll: true\n checkable: true\n selectable: false\n showLine: true\n switcherIcon: chevron\n dataSource:\n - title: parent 1\n key: 0-0\n children:\n - title: parent 1-0\n key: 0-0-0\n children:\n - title: leaf\n key: 0-0-0-0\n - title: leaf\n key: 0-0-0-1\n - title: parent 1-1\n key: 0-0-1\n children:\n - title: sss\n key: 0-0-1-0\nevents:\n check:\n action: console.log\n check.detail:\n action: console.log\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-tree default-expand-all checkable show-line id=\"brick-1\"></eo-tree>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.switcherIcon = \"chevron\";\n# brick_1.dataSource = [\n# {\n# title: \"parent 1\",\n# key: \"0-0\",\n# children: [\n# {\n# title: \"parent 1-0\",\n# key: \"0-0-0\",\n# children: [\n# {\n# title: \"leaf\",\n# key: \"0-0-0-0\",\n# },\n# {\n# title: \"leaf\",\n# key: \"0-0-0-1\",\n# },\n# ],\n# },\n# {\n# title: \"parent 1-1\",\n# key: \"0-0-1\",\n# children: [\n# {\n# title: \"sss\",\n# key: \"0-0-1-0\",\n# },\n# ],\n# },\n# ],\n# },\n# ];\n# brick_1.addEventListener(\"check\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"check.detail\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### titleSuffixBrick\n\n```yaml preview\nbrick: eo-tree\nproperties:\n defaultExpandAll: true\n titleSuffixBrick:\n useBrick:\n brick: eo-link\n properties:\n icon:\n lib: antd\n icon: edit\n theme: outlined\n style:\n margin-left: 5px\n font-size: 12px\n dataSource:\n - title: parent 1\n key: 0-0\n children:\n - title: parent 1-0\n key: 0-0-0\n children:\n - title: leaf\n key: 0-0-0-0\n - title: leaf\n key: 0-0-0-1\n - title: parent 1-1\n key: 0-0-1\n children:\n - title: sss\n key: 0-0-1-0\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-tree default-expand-all id=\"brick-1\"></eo-tree>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.titleSuffixBrick = {\n# useBrick: {\n# brick: \"eo-link\",\n# properties: {\n# icon: {\n# lib: \"antd\",\n# icon: \"edit\",\n# theme: \"outlined\",\n# },\n# style: {\n# \"margin-left\": \"5px\",\n# \"font-size\": \"12px\",\n# },\n# },\n# },\n# };\n# brick_1.dataSource = [\n# {\n# title: \"parent 1\",\n# key: \"0-0\",\n# children: [\n# {\n# title: \"parent 1-0\",\n# key: \"0-0-0\",\n# children: [\n# {\n# title: \"leaf\",\n# key: \"0-0-0-0\",\n# },\n# {\n# title: \"leaf\",\n# key: \"0-0-0-1\",\n# },\n# ],\n# },\n# {\n# title: \"parent 1-1\",\n# key: \"0-0-1\",\n# children: [\n# {\n# title: \"sss\",\n# key: \"0-0-1-0\",\n# },\n# ],\n# },\n# ],\n# },\n# ];\n# </script>\n# \n```\n"
|
|
13
7
|
},
|
|
@@ -17,9 +11,15 @@
|
|
|
17
11
|
"eo-text-tooltip": {
|
|
18
12
|
"doc": "eo-text-tooltip\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: div\n properties:\n style:\n display: flex\n flex-direction: column\n gap: 16px\n children:\n - brick: eo-text-tooltip\n properties:\n style:\n width: 180px\n label: 不省略不省略不省略不省略不省略不省略不省略不省略不省略不省略不省略不省略\n lineClamp: 0\n - brick: eo-text-tooltip\n properties:\n style:\n width: 180px\n label: 单行不超出不显示tips\n lineClamp: 1\n - brick: eo-text-tooltip\n properties:\n style:\n width: 180px\n label: 单行超出省略显示tips单行超出省略显示tips单行超出省略显示tips\n lineClamp: 1\n# -- YAML DELIMITER (1nbbm8) --\n# <div style=\"display: flex; flex-direction: column; gap: 16px\">\n# <eo-text-tooltip\n# style=\"width: 180px\"\n# label=\"不省略不省略不省略不省略不省略不省略不省略不省略不省略不省略不省略不省略\"\n# line-clamp=\"0\"\n# ></eo-text-tooltip>\n# <eo-text-tooltip\n# style=\"width: 180px\"\n# label=\"单行不超出不显示tips\"\n# line-clamp=\"1\"\n# ></eo-text-tooltip>\n# <eo-text-tooltip\n# style=\"width: 180px\"\n# label=\"单行超出省略显示tips单行超出省略显示tips单行超出省略显示tips\"\n# line-clamp=\"1\"\n# ></eo-text-tooltip>\n# </div>\n# \n```\n"
|
|
19
13
|
},
|
|
14
|
+
"eo-next-table": {
|
|
15
|
+
"doc": "大型表格\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-next-table\n events:\n page.change:\n - action: console.log\n page.size.change:\n - action: console.log\n properties:\n scrollConfig:\n x: false\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n - dataIndex: remarks\n key: remarks\n title: Long Column Long Column Long Column Long Column\n width: 200\n ellipsis: true\n - dataIndex: operator\n key: operator\n title: 操作\n width: 200\n useBrick:\n - brick: div\n properties:\n style:\n display: flex\n gap: 4px\n children:\n - brick: eo-button\n properties:\n type: link\n icon:\n lib: antd\n icon: edit\n events:\n click:\n - action: message.info\n args:\n - <% DATA.rowData.name %>\n - brick: eo-button\n properties:\n type: link\n danger: true\n icon:\n lib: antd\n icon: delete\n events:\n click:\n - action: message.error\n args:\n - <% JSON.stringify(DATA) %>\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n remarks: Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n remarks: Long text Long text\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n remarks: Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.scrollConfig = {\n# x: false,\n# };\n# brick_1.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# {\n# dataIndex: \"remarks\",\n# key: \"remarks\",\n# title: \"Long Column Long Column Long Column Long Column\",\n# width: 200,\n# ellipsis: true,\n# },\n# {\n# dataIndex: \"operator\",\n# key: \"operator\",\n# title: \"操作\",\n# width: 200,\n# useBrick: [\n# {\n# brick: \"div\",\n# properties: {\n# style: {\n# display: \"flex\",\n# gap: \"4px\",\n# },\n# },\n# children: [\n# {\n# brick: \"eo-button\",\n# properties: {\n# type: \"link\",\n# icon: {\n# lib: \"antd\",\n# icon: \"edit\",\n# },\n# },\n# events: {\n# click: [\n# {\n# action: \"message.info\",\n# args: [\"<% DATA.rowData.name %>\"],\n# },\n# ],\n# },\n# },\n# {\n# brick: \"eo-button\",\n# properties: {\n# type: \"link\",\n# danger: true,\n# icon: {\n# lib: \"antd\",\n# icon: \"delete\",\n# },\n# },\n# events: {\n# click: [\n# {\n# action: \"message.error\",\n# args: [\"<% JSON.stringify(DATA) %>\"],\n# },\n# ],\n# },\n# },\n# ],\n# },\n# ],\n# },\n# ];\n# brick_1.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# remarks:\n# \"Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# remarks: \"Long text Long text\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# remarks:\n# \"Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text Long text\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"page.change\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"page.size.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Fixed & Scroll & useBrick\n\n```yaml preview\n- brick: eo-next-table\n events:\n page.change:\n - action: console.log\n page.size.change:\n - action: console.log\n properties:\n scrollConfig:\n x: max-content\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n width: 100\n fixed: true\n headerBrick:\n useBrick:\n brick: span\n properties:\n style:\n color: red\n textContent: <% DATA.title %>\n useBrick:\n - brick: span\n properties:\n style:\n color: pink\n textContent: <% DATA.cellData %>\n - dataIndex: address\n key: column1\n title: column1\n - dataIndex: address\n key: column2\n title: column2\n - dataIndex: address\n key: column3\n title: column3\n - dataIndex: address\n key: column4\n title: column4\n - dataIndex: address\n key: column5\n title: column5\n - dataIndex: address\n key: column6\n title: column6\n - dataIndex: address\n key: column7\n title: column7\n - dataIndex: address\n key: column8\n title: column8\n - dataIndex: address\n key: column9\n title: column9\n - dataIndex: address\n key: column10\n title: column10\n - dataIndex: age\n key: age\n title: Age\n width: 100\n fixed: right\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.scrollConfig = {\n# x: \"max-content\",\n# };\n# brick_1.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# width: 100,\n# fixed: true,\n# headerBrick: {\n# useBrick: {\n# brick: \"span\",\n# properties: {\n# style: {\n# color: \"red\",\n# },\n# textContent: \"<% DATA.title %>\",\n# },\n# },\n# },\n# useBrick: [\n# {\n# brick: \"span\",\n# properties: {\n# style: {\n# color: \"pink\",\n# },\n# textContent: \"<% DATA.cellData %>\",\n# },\n# },\n# ],\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column1\",\n# title: \"column1\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column2\",\n# title: \"column2\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column3\",\n# title: \"column3\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column4\",\n# title: \"column4\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column5\",\n# title: \"column5\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column6\",\n# title: \"column6\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column7\",\n# title: \"column7\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column8\",\n# title: \"column8\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column9\",\n# title: \"column9\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"column10\",\n# title: \"column10\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# width: 100,\n# fixed: \"right\",\n# },\n# ];\n# brick_1.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"page.change\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"page.size.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Front Search\n\n```yaml preview\n- brick: eo-search-bar\n children:\n - brick: eo-search\n slot: start\n properties:\n placeholder: Enter keyword\n events:\n search:\n target: \"#table\"\n method: search\n args:\n - q: <% EVENT.detail %>\n- brick: eo-next-table\n events:\n page.change:\n - action: console.log\n page.size.change:\n - action: console.log\n sort.change:\n - action: console.log\n properties:\n id: table\n frontSearch: true\n searchFields:\n - address\n sort:\n columnKey: age\n order: descend\n multiSort: true\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n sortable: true\n sortPriority: 1\n - dataIndex: address\n key: address\n title: Address\n sortable: true\n sortPriority: 2\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-search-bar>\n# <eo-search slot=\"start\" placeholder=\"Enter keyword\" id=\"brick-1\"></eo-search>\n# </eo-search-bar>\n# <eo-next-table front-search multi-sort id=\"table\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"search\", (e) => {\n# const brick = document.querySelector(\"#table\");\n# brick.search({ q: \"<% EVENT.detail %>\" });\n# });\n# \n# const table = document.getElementById(\"table\");\n# table.searchFields = [\"address\"];\n# table.sort = {\n# columnKey: \"age\",\n# order: \"descend\",\n# };\n# table.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# table.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# sortable: true,\n# sortPriority: 1,\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# sortable: true,\n# sortPriority: 2,\n# },\n# ];\n# table.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# table.addEventListener(\"page.change\", (e) => {\n# console.log(e.detail);\n# });\n# table.addEventListener(\"page.size.change\", (e) => {\n# console.log(e.detail);\n# });\n# table.addEventListener(\"sort.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Row Selection\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.select:\n - action: console.log\n properties:\n rowSelection: true\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n useBrick:\n - brick: eo-tag\n properties:\n color: |\n <% DATA.cellData > 18 ? \"green\" : \"red\" %>\n textContent: <% DATA.cellData %>\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.rowSelection = true;\n# brick_1.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# useBrick: [\n# {\n# brick: \"eo-tag\",\n# properties: {\n# color: '<% DATA.cellData > 18 ? \"green\" : \"red\" %>\\n',\n# textContent: \"<% DATA.cellData %>\",\n# },\n# },\n# ],\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.select\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Expandable\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.expand:\n - action: console.log\n expanded.rows.change:\n - action: console.log\n properties:\n expandable:\n columnWidth: 100px\n rowExpandable: <% DATA.rowData.key % 2 === 0 %>\n expandIconBrick:\n useBrick:\n brick: eo-link\n properties:\n disabled: \"<% !DATA.expandable %>\"\n textContent: \"<% DATA.expanded ? '点击收起' : '点击展开' %>\"\n expandedRowBrick:\n useBrick:\n brick: eo-next-table\n properties:\n pagination: false\n bordered: true\n columns:\n - dataIndex: title\n key: title\n title: 标题\n - dataIndex: description\n key: description\n title: 描述\n - dataIndex: operator\n key: operator\n title: 操作\n useBrick:\n - brick: div\n properties:\n style:\n display: flex\n gap: 4px\n children:\n - brick: eo-button\n properties:\n type: link\n textContent: 操作\n events:\n click:\n - action: message.info\n args:\n - <% `id:${DATA.rowData.id}` %>\n dataSource:\n list: <% DATA.rowData.info %>\n pagination:\n pageSizeOptions:\n - 5\n - 10\n - 20\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n pageSize: 5\n page: 1\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n info:\n - title: 测试1\n description: 这是一串描述\n id: 1\n - title: 测试2\n description: 这是一串描述\n id: 2\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n info:\n - title: 测试3\n description: 这是一串描述\n id: 3\n - title: 测试4\n description: 这是一串描述\n id: 4\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.expandable = {\n# columnWidth: \"100px\",\n# rowExpandable: \"<% DATA.rowData.key % 2 === 0 %>\",\n# expandIconBrick: {\n# useBrick: {\n# brick: \"eo-link\",\n# properties: {\n# disabled: \"<% !DATA.expandable %>\",\n# textContent: \"<% DATA.expanded ? '点击收起' : '点击展开' %>\",\n# },\n# },\n# },\n# expandedRowBrick: {\n# useBrick: {\n# brick: \"eo-next-table\",\n# properties: {\n# pagination: false,\n# bordered: true,\n# columns: [\n# {\n# dataIndex: \"title\",\n# key: \"title\",\n# title: \"标题\",\n# },\n# {\n# dataIndex: \"description\",\n# key: \"description\",\n# title: \"描述\",\n# },\n# {\n# dataIndex: \"operator\",\n# key: \"operator\",\n# title: \"操作\",\n# useBrick: [\n# {\n# brick: \"div\",\n# properties: {\n# style: {\n# display: \"flex\",\n# gap: \"4px\",\n# },\n# },\n# children: [\n# {\n# brick: \"eo-button\",\n# properties: {\n# type: \"link\",\n# textContent: \"操作\",\n# },\n# events: {\n# click: [\n# {\n# action: \"message.info\",\n# args: [\"<% `id:${DATA.rowData.id}` %>\"],\n# },\n# ],\n# },\n# },\n# ],\n# },\n# ],\n# },\n# ],\n# dataSource: {\n# list: \"<% DATA.rowData.info %>\",\n# },\n# },\n# },\n# },\n# };\n# brick_1.pagination = {\n# pageSizeOptions: [5, 10, 20],\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# pageSize: 5,\n# page: 1,\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# info: [\n# {\n# title: \"测试1\",\n# description: \"这是一串描述\",\n# id: 1,\n# },\n# {\n# title: \"测试2\",\n# description: \"这是一串描述\",\n# id: 2,\n# },\n# ],\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# info: [\n# {\n# title: \"测试3\",\n# description: \"这是一串描述\",\n# id: 3,\n# },\n# {\n# title: \"测试4\",\n# description: \"这是一串描述\",\n# id: 4,\n# },\n# ],\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.expand\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"expanded.rows.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### Draggable\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.drag:\n - action: console.log\n properties:\n rowKey: name\n rowDraggable: true\n pagination: false\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n - key: 5\n name: Ava\n age: 23\n address: Beijing\n - key: 6\n name: Sophia\n age: 20\n address: Shanghai\n - key: 7\n name: Charlotte\n age: 33\n address: Chongqing\n - key: 8\n name: Mia\n age: 18\n address: Chengdu\n - key: 9\n name: Noah\n age: 38\n address: Hainan\n - key: 10\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table row-key=\"name\" row-draggable id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.pagination = false;\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# },\n# {\n# key: 5,\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: 6,\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: 7,\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# },\n# {\n# key: 8,\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: 9,\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: 10,\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.drag\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n### RowSpan & ColSpan\n\n```yaml preview\n- brick: eo-next-table\n properties:\n pagination: false\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: mobile\n key: mobile\n title: phone\n colSpan: 2\n cellColSpanKey: mobileColSpan\n cellRowSpanKey: mobileRowSpan\n - dataIndex: landlines\n key: landlines\n colSpan: 0\n cellColSpanKey: landlinesColSpan\n cellRowSpanKey: landlinesRowSpan\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: 0\n name: Jack\n age: 18\n address: Guangzhou\n mobile: 18900010222\n landlines: 0571-22098909\n - key: 1\n name: Alex\n age: 20\n address: Shanghai\n mobile: 18900010333\n mobileColSpan: 2\n landlinesColSpan: 0\n - key: 2\n name: Lucy\n age: 16\n address: Yunnan\n mobile: 18900010444\n landlines: 0571-22098707\n landlinesRowSpan: 2\n - key: 3\n name: Sam\n age: 28\n address: Guangzhou\n mobile: 18900010555\n landlines: 0571-22098707\n landlinesRowSpan: 0\n mobileRowSpan: 2\n - key: 4\n name: Bob\n age: 35\n address: Hainan\n mobile: 18900010555\n landlines: 0571-22098606\n mobileRowSpan: 0\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.pagination = false;\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"mobile\",\n# key: \"mobile\",\n# title: \"phone\",\n# colSpan: 2,\n# cellColSpanKey: \"mobileColSpan\",\n# cellRowSpanKey: \"mobileRowSpan\",\n# },\n# {\n# dataIndex: \"landlines\",\n# key: \"landlines\",\n# colSpan: 0,\n# cellColSpanKey: \"landlinesColSpan\",\n# cellRowSpanKey: \"landlinesRowSpan\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# list: [\n# {\n# key: 0,\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# mobile: 18900010222,\n# landlines: \"0571-22098909\",\n# },\n# {\n# key: 1,\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# mobile: 18900010333,\n# mobileColSpan: 2,\n# landlinesColSpan: 0,\n# },\n# {\n# key: 2,\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# mobile: 18900010444,\n# landlines: \"0571-22098707\",\n# landlinesRowSpan: 2,\n# },\n# {\n# key: 3,\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# mobile: 18900010555,\n# landlines: \"0571-22098707\",\n# landlinesRowSpan: 0,\n# mobileRowSpan: 2,\n# },\n# {\n# key: 4,\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# mobile: 18900010555,\n# landlines: \"0571-22098606\",\n# mobileRowSpan: 0,\n# },\n# ],\n# };\n# </script>\n# \n```\n\n### Tree\n\n设置 childrenColumnName 来指定树形结构的列名，展开功能的配置可以使用 expandable。目前树形结构暂不支持拖拽。\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.expand:\n - action: console.log\n expanded.rows.change:\n - action: console.log\n properties:\n pagination: false\n childrenColumnName: student\n expandable:\n defaultExpandAllRows: true\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: \"1\"\n name: Jack\n age: 18\n address: Guangzhou\n student:\n - key: \"11\"\n name: Alex\n age: 20\n address: Shanghai\n - key: \"12\"\n name: Lucy\n age: 16\n address: Yunnan\n - key: \"13\"\n name: Sam\n age: 28\n address: Guangzhou\n - key: \"2\"\n name: Bob\n age: 35\n address: Hainan\n student:\n - key: \"21\"\n name: Ava\n age: 23\n address: Beijing\n - key: \"22\"\n name: Sophia\n age: 20\n address: Shanghai\n - key: \"23\"\n name: Charlotte\n age: 33\n address: Chongqing\n student:\n - key: \"231\"\n name: Mia\n age: 18\n address: Chengdu\n - key: \"232\"\n name: Noah\n age: 38\n address: Hainan\n - key: \"233\"\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table children-column-name=\"student\" id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.pagination = false;\n# brick_1.expandable = {\n# defaultExpandAllRows: true,\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# list: [\n# {\n# key: \"1\",\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# student: [\n# {\n# key: \"11\",\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"12\",\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: \"13\",\n# name: \"Sam\",\n# age: 28,\n# address: \"Guangzhou\",\n# },\n# ],\n# },\n# {\n# key: \"2\",\n# name: \"Bob\",\n# age: 35,\n# address: \"Hainan\",\n# student: [\n# {\n# key: \"21\",\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: \"22\",\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"23\",\n# name: \"Charlotte\",\n# age: 33,\n# address: \"Chongqing\",\n# student: [\n# {\n# key: \"231\",\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: \"232\",\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: \"233\",\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# },\n# ],\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.expand\", (e) => {\n# console.log(e.detail);\n# });\n# brick_1.addEventListener(\"expanded.rows.change\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n#### With Row Selection\n\n设置 rowSelection.checkStrictly 来控制父子数据选中状态是否关联。注意，关联的时候，节点勾选传导策略为【只勾选可触达的可勾选节点】\n\n```yaml preview\n- brick: eo-next-table\n events:\n row.select:\n - action: console.log\n properties:\n pagination: false\n childrenColumnName: student\n rowSelection:\n checkStrictly: false\n indentSize: 50\n rowDisabled: <% DATA.rowData.age > 30 %>\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: \"1\"\n name: Jack\n age: 18\n address: Guangzhou\n student:\n - key: \"11\"\n name: Alex\n age: 20\n address: Shanghai\n - key: \"12\"\n name: Lucy\n age: 16\n address: Yunnan\n - key: \"13\"\n name: Sam\n age: 34\n address: Guangzhou\n - key: \"2\"\n name: Bob\n age: 27\n address: Hainan\n student:\n - key: \"21\"\n name: Ava\n age: 23\n address: Beijing\n - key: \"22\"\n name: Sophia\n age: 20\n address: Shanghai\n - key: \"23\"\n name: Charlotte\n age: 35\n address: Chongqing\n student:\n - key: \"231\"\n name: Mia\n age: 18\n address: Chengdu\n - key: \"232\"\n name: Noah\n age: 38\n address: Hainan\n - key: \"233\"\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table children-column-name=\"student\" id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.pagination = false;\n# brick_1.rowSelection = {\n# checkStrictly: false,\n# indentSize: 50,\n# rowDisabled: \"<% DATA.rowData.age > 30 %>\",\n# };\n# brick_1.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# brick_1.dataSource = {\n# list: [\n# {\n# key: \"1\",\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# student: [\n# {\n# key: \"11\",\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"12\",\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: \"13\",\n# name: \"Sam\",\n# age: 34,\n# address: \"Guangzhou\",\n# },\n# ],\n# },\n# {\n# key: \"2\",\n# name: \"Bob\",\n# age: 27,\n# address: \"Hainan\",\n# student: [\n# {\n# key: \"21\",\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: \"22\",\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"23\",\n# name: \"Charlotte\",\n# age: 35,\n# address: \"Chongqing\",\n# student: [\n# {\n# key: \"231\",\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: \"232\",\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: \"233\",\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# },\n# ],\n# },\n# ],\n# };\n# brick_1.addEventListener(\"row.select\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n\n#### With Front Search\n\n```yaml preview\n- brick: eo-search-bar\n children:\n - brick: eo-search\n slot: start\n properties:\n placeholder: Enter keyword\n events:\n search:\n target: \"#table\"\n method: search\n args:\n - q: <% EVENT.detail %>\n- brick: eo-next-table\n properties:\n id: table\n searchFields:\n - name\n - age\n - address\n pagination: false\n childrenColumnName: student\n columns:\n - dataIndex: name\n key: name\n title: Name\n - dataIndex: age\n key: age\n title: Age\n - dataIndex: address\n key: address\n title: Address\n dataSource:\n list:\n - key: \"1\"\n name: Jack\n age: 18\n address: Guangzhou\n student:\n - key: \"11\"\n name: Alex\n age: 20\n address: Shanghai\n - key: \"12\"\n name: Lucy\n age: 16\n address: Yunnan\n - key: \"13\"\n name: Sam\n age: 34\n address: Guangzhou\n - key: \"2\"\n name: Bob\n age: 27\n address: Hainan\n student:\n - key: \"21\"\n name: Ava\n age: 23\n address: Beijing\n - key: \"22\"\n name: Sophia\n age: 20\n address: Shanghai\n - key: \"23\"\n name: Charlotte\n age: 35\n address: Chongqing\n student:\n - key: \"231\"\n name: Mia\n age: 18\n address: Chengdu\n - key: \"232\"\n name: Noah\n age: 38\n address: Hainan\n - key: \"233\"\n name: William\n age: 16\n address: Taiwan\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-search-bar>\n# <eo-search slot=\"start\" placeholder=\"Enter keyword\" id=\"brick-1\"></eo-search>\n# </eo-search-bar>\n# <eo-next-table children-column-name=\"student\" id=\"table\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"search\", (e) => {\n# const brick = document.querySelector(\"#table\");\n# brick.search({ q: \"<% EVENT.detail %>\" });\n# });\n# \n# const table = document.getElementById(\"table\");\n# table.searchFields = [\"name\", \"age\", \"address\"];\n# table.pagination = false;\n# table.columns = [\n# {\n# dataIndex: \"name\",\n# key: \"name\",\n# title: \"Name\",\n# },\n# {\n# dataIndex: \"age\",\n# key: \"age\",\n# title: \"Age\",\n# },\n# {\n# dataIndex: \"address\",\n# key: \"address\",\n# title: \"Address\",\n# },\n# ];\n# table.dataSource = {\n# list: [\n# {\n# key: \"1\",\n# name: \"Jack\",\n# age: 18,\n# address: \"Guangzhou\",\n# student: [\n# {\n# key: \"11\",\n# name: \"Alex\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"12\",\n# name: \"Lucy\",\n# age: 16,\n# address: \"Yunnan\",\n# },\n# {\n# key: \"13\",\n# name: \"Sam\",\n# age: 34,\n# address: \"Guangzhou\",\n# },\n# ],\n# },\n# {\n# key: \"2\",\n# name: \"Bob\",\n# age: 27,\n# address: \"Hainan\",\n# student: [\n# {\n# key: \"21\",\n# name: \"Ava\",\n# age: 23,\n# address: \"Beijing\",\n# },\n# {\n# key: \"22\",\n# name: \"Sophia\",\n# age: 20,\n# address: \"Shanghai\",\n# },\n# {\n# key: \"23\",\n# name: \"Charlotte\",\n# age: 35,\n# address: \"Chongqing\",\n# student: [\n# {\n# key: \"231\",\n# name: \"Mia\",\n# age: 18,\n# address: \"Chengdu\",\n# },\n# {\n# key: \"232\",\n# name: \"Noah\",\n# age: 38,\n# address: \"Hainan\",\n# },\n# {\n# key: \"233\",\n# name: \"William\",\n# age: 16,\n# address: \"Taiwan\",\n# },\n# ],\n# },\n# ],\n# },\n# ],\n# };\n# </script>\n# \n```\n\n### Dynamic Columns\n\n```yaml preview\nbrick: eo-next-table\nproperties:\n cell:\n useBrick:\n - if: <% DATA.columnKey !== '01-13' %>\n brick: em\n properties:\n textContent: <% DATA.cellData %>\n - if: <% DATA.columnKey === '01-13' %>\n brick: del\n properties:\n textContent: <% DATA.cellData %>\n header:\n useBrick:\n brick: em\n properties:\n textContent: <% DATA.title %>\n # Dynamic columns, such as by dates\n columns: <% CTX.dates %>\n dataSource:\n list:\n - \"01-11\": \"abc\"\n \"01-12\": \"def\"\n \"01-13\": \"ghi\"\n \"01-14\": \"jkl\"\n - \"01-11\": \"123\"\n \"01-12\": \"345\"\n \"01-13\": \"789\"\n \"01-14\": \"-\"\ncontext:\n - name: dates\n value: |\n <%\n new Array(4).fill(null).map(\n (d, i) => moment('2023-01-11').add(i, 'days').format('MM-DD')\n ).map((key) => ({\n dataIndex: key,\n key,\n title: key,\n }))\n %>\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-next-table id=\"brick-1\"></eo-next-table>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.cell = {\n# useBrick: [\n# {\n# if: \"<% DATA.columnKey !== '01-13' %>\",\n# brick: \"em\",\n# properties: {\n# textContent: \"<% DATA.cellData %>\",\n# },\n# },\n# {\n# if: \"<% DATA.columnKey === '01-13' %>\",\n# brick: \"del\",\n# properties: {\n# textContent: \"<% DATA.cellData %>\",\n# },\n# },\n# ],\n# header: {\n# useBrick: {\n# brick: \"em\",\n# properties: {\n# textContent: \"<% DATA.title %>\",\n# },\n# },\n# },\n# };\n# brick_1.columns = \"<% CTX.dates %>\";\n# brick_1.dataSource = {\n# list: [\n# {\n# \"01-11\": \"abc\",\n# \"01-12\": \"def\",\n# \"01-13\": \"ghi\",\n# \"01-14\": \"jkl\",\n# },\n# {\n# \"01-11\": \"123\",\n# \"01-12\": \"345\",\n# \"01-13\": \"789\",\n# \"01-14\": \"-\",\n# },\n# ],\n# };\n# </script>\n# \n```\n"
|
|
16
|
+
},
|
|
20
17
|
"advanced.pdf-viewer": {
|
|
21
18
|
"doc": "构件 `advanced.pdf-viewer`\n\n## Examples\n\n### Basic\n\n```yaml preview\nbrick: advanced.pdf-viewer\nproperties:\n url: https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf\n viewerStyle:\n height: 500px\n# -- YAML DELIMITER (1nbbm8) --\n# <advanced.pdf-viewer\n# url=\"https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf\"\n# id=\"brick-1\"\n# ></advanced.pdf-viewer>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.viewerStyle = {\n# height: \"500px\",\n# };\n# </script>\n# \n```\n"
|
|
22
19
|
},
|
|
20
|
+
"eo-workbench-layout": {
|
|
21
|
+
"doc": "工作台布局\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-workbench-layout\n properties:\n layouts:\n - i: hello\n x: 0\n y: 0\n w: 2\n h: 1\n - i: world\n x: 0\n y: 1\n w: 2\n h: 1\n - i: small\n x: 2\n y: 0\n w: 1\n h: 1\n componentList:\n - title: 基础布局\n useBrick:\n brick: eo-card\n properties:\n fillVertical: true\n children:\n - brick: div\n properties:\n textContent: Hello\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: hello\n x: 0\n y: 0\n w: 2\n h: 1\n key: hello\n - title: world\n useBrick:\n brick: eo-card\n properties:\n fillVertical: true\n children:\n - brick: div\n properties:\n textContent: World\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: world\n x: 0\n y: 2\n w: 2\n h: 1\n key: world\n - title: small\n useBrick:\n brick: div\n properties:\n style:\n height: 100%\n background: \"#fff\"\n children:\n - brick: div\n properties:\n textContent: small\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: small\n x: 2\n y: 0\n w: 1\n h: 2\n key: small\n - title: custom\n useBrick:\n brick: div\n properties:\n style:\n background: \"#6ad26a\"\n width: 100%\n height: 100%\n position:\n i: custom\n x: 1\n y: 3\n w: 1\n h: 1\n key: custom\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-workbench-layout id=\"brick-1\"></eo-workbench-layout>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.layouts = [\n# {\n# i: \"hello\",\n# x: 0,\n# y: 0,\n# w: 2,\n# h: 1,\n# },\n# {\n# i: \"world\",\n# x: 0,\n# y: 1,\n# w: 2,\n# h: 1,\n# },\n# {\n# i: \"small\",\n# x: 2,\n# y: 0,\n# w: 1,\n# h: 1,\n# },\n# ];\n# brick_1.componentList = [\n# {\n# title: \"基础布局\",\n# useBrick: {\n# brick: \"eo-card\",\n# properties: {\n# fillVertical: true,\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"Hello\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"hello\",\n# x: 0,\n# y: 0,\n# w: 2,\n# h: 1,\n# },\n# key: \"hello\",\n# },\n# {\n# title: \"world\",\n# useBrick: {\n# brick: \"eo-card\",\n# properties: {\n# fillVertical: true,\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"World\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"world\",\n# x: 0,\n# y: 2,\n# w: 2,\n# h: 1,\n# },\n# key: \"world\",\n# },\n# {\n# title: \"small\",\n# useBrick: {\n# brick: \"div\",\n# properties: {\n# style: {\n# height: \"100%\",\n# background: \"#fff\",\n# },\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"small\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"small\",\n# x: 2,\n# y: 0,\n# w: 1,\n# h: 2,\n# },\n# key: \"small\",\n# },\n# {\n# title: \"custom\",\n# useBrick: {\n# brick: \"div\",\n# properties: {\n# style: {\n# background: \"#6ad26a\",\n# width: \"100%\",\n# height: \"100%\",\n# },\n# },\n# },\n# position: {\n# i: \"custom\",\n# x: 1,\n# y: 3,\n# w: 1,\n# h: 1,\n# },\n# key: \"custom\",\n# },\n# ];\n# </script>\n# \n```\n\n### Edit & Event\n\n```yaml preview\n- brick: eo-workbench-layout\n events:\n save.layout:\n - action: console.log\n properties:\n isEdit: true\n layouts:\n - i: hello\n x: 0\n y: 0\n w: 2\n h: 1\n - i: world\n x: 0\n y: 1\n w: 2\n h: 1\n - i: small\n x: 2\n y: 0\n w: 1\n h: 1\n componentList:\n - title: 基础布局\n useBrick:\n brick: eo-card\n properties:\n fillVertical: true\n children:\n - brick: div\n properties:\n textContent: Hello\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: hello\n x: 0\n y: 0\n w: 2\n h: 1\n key: hello\n - title: world\n useBrick:\n brick: eo-card\n properties:\n fillVertical: true\n children:\n - brick: div\n properties:\n textContent: World\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: world\n x: 0\n y: 2\n w: 2\n h: 1\n key: world\n - title: small\n useBrick:\n brick: div\n properties:\n style:\n height: 100%\n background: \"#fff\"\n children:\n - brick: div\n properties:\n textContent: small\n style:\n textAlign: center\n fontSize: 20px\n position:\n i: small\n x: 2\n y: 0\n w: 1\n h: 2\n key: small\n - title: custom\n useBrick:\n brick: div\n properties:\n style:\n background: \"#6ad26a\"\n width: 100%\n height: 100%\n position:\n i: custom\n x: 1\n y: 3\n w: 1\n h: 1\n key: custom\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-workbench-layout is-edit id=\"brick-1\"></eo-workbench-layout>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.layouts = [\n# {\n# i: \"hello\",\n# x: 0,\n# y: 0,\n# w: 2,\n# h: 1,\n# },\n# {\n# i: \"world\",\n# x: 0,\n# y: 1,\n# w: 2,\n# h: 1,\n# },\n# {\n# i: \"small\",\n# x: 2,\n# y: 0,\n# w: 1,\n# h: 1,\n# },\n# ];\n# brick_1.componentList = [\n# {\n# title: \"基础布局\",\n# useBrick: {\n# brick: \"eo-card\",\n# properties: {\n# fillVertical: true,\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"Hello\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"hello\",\n# x: 0,\n# y: 0,\n# w: 2,\n# h: 1,\n# },\n# key: \"hello\",\n# },\n# {\n# title: \"world\",\n# useBrick: {\n# brick: \"eo-card\",\n# properties: {\n# fillVertical: true,\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"World\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"world\",\n# x: 0,\n# y: 2,\n# w: 2,\n# h: 1,\n# },\n# key: \"world\",\n# },\n# {\n# title: \"small\",\n# useBrick: {\n# brick: \"div\",\n# properties: {\n# style: {\n# height: \"100%\",\n# background: \"#fff\",\n# },\n# },\n# children: [\n# {\n# brick: \"div\",\n# properties: {\n# textContent: \"small\",\n# style: {\n# textAlign: \"center\",\n# fontSize: \"20px\",\n# },\n# },\n# },\n# ],\n# },\n# position: {\n# i: \"small\",\n# x: 2,\n# y: 0,\n# w: 1,\n# h: 2,\n# },\n# key: \"small\",\n# },\n# {\n# title: \"custom\",\n# useBrick: {\n# brick: \"div\",\n# properties: {\n# style: {\n# background: \"#6ad26a\",\n# width: \"100%\",\n# height: \"100%\",\n# },\n# },\n# },\n# position: {\n# i: \"custom\",\n# x: 1,\n# y: 3,\n# w: 1,\n# h: 1,\n# },\n# key: \"custom\",\n# },\n# ];\n# brick_1.addEventListener(\"save.layout\", (e) => {\n# console.log(e.detail);\n# });\n# </script>\n# \n```\n"
|
|
22
|
+
},
|
|
23
23
|
"advanced.capture-snapshot": {
|
|
24
24
|
"doc": "构件 `advanced.capture-snapshot`\n\n## Examples\n\n### Basic\n\n```yaml preview\n- brick: eo-button\n properties:\n textContent: Save As Image\n style:\n margin-right: 10px\n events:\n click:\n - useProvider: advanced.capture-snapshot\n args:\n - fileType: image\n name: image\n callback:\n success:\n - action: console.log\n error:\n - action: console.error\n- brick: eo-button\n properties:\n textContent: Save As PDF\n style:\n margin-right: 10px\n events:\n click:\n - useProvider: advanced.capture-snapshot\n args:\n - fileType: pdf\n name: pdf\n callback:\n success:\n - action: console.log\n error:\n - action: console.error\n- brick: eo-button\n properties:\n textContent: Capture And Upload\n events:\n click:\n - useProvider: advanced.capture-snapshot\n args:\n - fileType: image\n name: upload\n bucketName: examples\n selector: \"#uploadImage\"\n callback:\n success:\n - action: console.log\n error:\n - action: console.error\n# -- YAML DELIMITER (1nbbm8) --\n# <eo-button style=\"margin-right: 10px\" id=\"brick-1\">Save As Image</eo-button>\n# <eo-button style=\"margin-right: 10px\" id=\"brick-2\">Save As PDF</eo-button>\n# <eo-button id=\"brick-3\">Capture And Upload</eo-button>\n# \n# <script>\n# const brick_1 = document.getElementById(\"brick-1\");\n# brick_1.addEventListener(\"click\", (e) => {\n# const provider = document.createElement(\"advanced.capture-snapshot\");\n# const promise = Promise.resolve(\n# provider.resolve({ fileType: \"image\", name: \"image\" })\n# );\n# promise.then((r) => {\n# console.log(r);\n# });\n# promise.catch((r) => {\n# console.error(r);\n# });\n# });\n# \n# const brick_2 = document.getElementById(\"brick-2\");\n# brick_2.addEventListener(\"click\", (e) => {\n# const provider = document.createElement(\"advanced.capture-snapshot\");\n# const promise = Promise.resolve(\n# provider.resolve({ fileType: \"pdf\", name: \"pdf\" })\n# );\n# promise.then((r) => {\n# console.log(r);\n# });\n# promise.catch((r) => {\n# console.error(r);\n# });\n# });\n# \n# const brick_3 = document.getElementById(\"brick-3\");\n# brick_3.addEventListener(\"click\", (e) => {\n# const provider = document.createElement(\"advanced.capture-snapshot\");\n# const promise = Promise.resolve(\n# provider.resolve({\n# fileType: \"image\",\n# name: \"upload\",\n# bucketName: \"examples\",\n# selector: \"#uploadImage\",\n# })\n# );\n# promise.then((r) => {\n# console.log(r);\n# });\n# promise.catch((r) => {\n# console.error(r);\n# });\n# });\n# </script>\n# \n```\n"
|
|
25
25
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{"use strict";var e,t,r,n,a,o,l,i,c,s,d,f,u,h,b,p,m,v,x,g,y,P,w,k,j,S,O={51929:(e,t,r)=>{var n={"./eo-table":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(5092),r.e(613),r.e(9655),r.e(8769),r.e(9050),r.e(1030),r.e(4295),r.e(6477),r.e(5223),r.e(9592),r.e(8799),r.e(5502),r.e(572)]).then((()=>()=>r(72643))),"./general-table":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(5092),r.e(613),r.e(9655),r.e(8769),r.e(9050),r.e(1030),r.e(4295),r.e(6477),r.e(5223),r.e(9592),r.e(8799),r.e(5502),r.e(572)]).then((()=>()=>r(72643))),"./eo-cascader":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(6070),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(5008)]).then((()=>()=>r(58381))),"./general-cascader":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(6070),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(5008)]).then((()=>()=>r(58381))),"./eo-next-table":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(5092),r.e(613),r.e(1512),r.e(8769),r.e(9050),r.e(1030),r.e(4295),r.e(6477),r.e(5223),r.e(9592),r.e(8799),r.e(5502),r.e(5479),r.e(6184)]).then((()=>()=>r(65481))),"./eo-workbench-layout-v2":()=>Promise.all([r.e(1977),r.e(9946),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(2681),r.e(6055),r.e(771)]).then((()=>()=>r(20504))),"./eo-workbench-layout":()=>Promise.all([r.e(1977),r.e(9946),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(2681),r.e(6055),r.e(9326)]).then((()=>()=>r(55319))),"./capture-snapshot":()=>Promise.all([r.e(8317),r.e(5223),r.e(2681),r.e(108),r.e(944)]).then((()=>()=>r(31007))),"./eo-tree":()=>Promise.all([r.e(1977),r.e(5578),r.e(2353),r.e(5368),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(5032)]).then((()=>()=>r(60821))),"./eo-tree-select":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(9484),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(5677)]).then((()=>()=>r(94018))),"./eo-text-tooltip":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(5092),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(5807)]).then((()=>()=>r(41502))),"./pdf-viewer":()=>Promise.all([r.e(3063),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(2246)]).then((()=>()=>r(35888)))},a=(e,t)=>(r.R=t,t=r.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),o=(e,t)=>{if(r.S){var n="default",a=r.S[n];if(a&&a!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[n]=e,r.I(n,t)}};r.d(t,{get:()=>a,init:()=>o})}},_={};function E(e){var t=_[e];if(void 0!==t)return t.exports;var r=_[e]={id:e,loaded:!1,exports:{}};return O[e].call(r.exports,r,r.exports,E),r.loaded=!0,r.exports}E.m=O,E.c=_,E.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return E.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,E.t=function(r,n){if(1&n&&(r=this(r)),8&n)return r;if("object"==typeof r&&r){if(4&n&&r.__esModule)return r;if(16&n&&"function"==typeof r.then)return r}var a=Object.create(null);E.r(a);var o={};e=e||[null,t({}),t([]),t(t)];for(var l=2&n&&r;"object"==typeof l&&!~e.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach((e=>o[e]=()=>r[e]));return o.default=()=>r,E.d(a,o),a},E.d=(e,t)=>{for(var r in t)E.o(t,r)&&!E.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},E.f={},E.e=e=>Promise.all(Object.keys(E.f).reduce(((t,r)=>(E.f[r](e,t),t)),[])),E.u=e=>"chunks/"+({572:"eo-table",771:"eo-workbench-layout-v2",944:"capture-snapshot",2246:"pdf-viewer",5008:"eo-cascader",5032:"eo-tree",5677:"eo-tree-select",5807:"eo-text-tooltip",6184:"eo-next-table",9326:"eo-workbench-layout"}[e]||e)+"."+{108:"8bcc5127",114:"69f06bd3",478:"71d1e246",522:"e3e32345",572:"8c9e6a7b",613:"e8771f2f",726:"919fac3e",771:"264ac715",790:"5282208e",871:"35a2b661",944:"524fa157",1030:"fbb01e0d",1045:"58461394",1122:"ec0ccaaf",1302:"1f00cafd",1512:"1ebb5474",1576:"1a2a50df",1744:"e90c62eb",1889:"045907b2",1940:"8eb45753",1977:"d42f92ce",2052:"c35b0234",2073:"5a740b29",2246:"1785f928",2252:"65e0507e",2277:"0f796f56",2353:"f2725e1a",2681:"a39c12b9",3063:"df8d2c3c",3078:"dffa6285",3144:"6685c74b",3171:"f56a377a",3340:"d5a48018",3426:"a803d333",3933:"b92c9a3e",4041:"65ea4b97",4295:"bd20828a",4306:"de3258d6",4590:"b006e665",4658:"de08e61f",4766:"4f855e05",4805:"1697132a",4837:"888c7bb9",4958:"34d664b7",5008:"7c066651",5032:"60911214",5053:"739ba196",5092:"40336bcc",5139:"7dbf167d",5223:"099633ee",5250:"55bc8a24",5368:"87af8ccf",5384:"2dc078c6",5399:"9dd8461a",5479:"00620ca0",5502:"a7ebf920",5552:"c22b3fd9",5578:"4acba416",5677:"834b6bc0",5807:"c1be073e",6055:"b2319435",6070:"aefdb28c",6165:"14fe2bc0",6184:"edd61270",6314:"39af196b",6477:"bc29f7eb",6519:"7e899eef",6688:"abb3a1b4",6773:"880cfd38",7218:"63f4633f",7304:"d6adda9f",7434:"8fc102a2",7721:"3a15407f",7733:"b38038a5",7825:"98180d5d",8097:"35291a18",8317:"e09841ca",8679:"f475add5",8769:"b2959043",8799:"0e54bca9",8989:"22a5d4e9",9050:"449ea8d0",9326:"a7798047",9484:"90783904",9515:"13864880",9559:"241f0ed5",9592:"87fb35c3",9655:"9481d820",9755:"a0550860",9844:"9cb901e3",9946:"1050772d",9978:"ab072b2a"}[e]+".js",E.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),E.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r={},n="@next-bricks/advanced:",E.l=(e,t,a,o)=>{if(r[e])r[e].push(t);else{var l,i;if(void 0!==a)for(var c=document.getElementsByTagName("script"),s=0;s<c.length;s++){var d=c[s];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==n+a){l=d;break}}l||(i=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,E.nc&&l.setAttribute("nonce",E.nc),l.setAttribute("data-webpack",n+a),l.src=e),r[e]=[t];var f=(t,n)=>{l.onerror=l.onload=null,clearTimeout(u);var a=r[e];if(delete r[e],l.parentNode&&l.parentNode.removeChild(l),a&&a.forEach((e=>e(n))),t)return t(n)},u=setTimeout(f.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=f.bind(null,l.onerror),l.onload=f.bind(null,l.onload),i&&document.head.appendChild(l)}},E.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},E.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{E.S={};var e={},t={};E.I=(r,n)=>{n||(n=[]);var a=t[r];if(a||(a=t[r]={}),!(n.indexOf(a)>=0)){if(n.push(a),e[r])return e[r];E.o(E.S,r)||(E.S[r]={});var o=E.S[r],l="@next-bricks/advanced",i=(e,t,r,n)=>{var a=o[e]=o[e]||{},i=a[t];(!i||!i.loaded&&(!n!=!i.eager?n:l>i.from))&&(a[t]={get:r,from:l,eager:!!n})},c=[];return"default"===r&&(i("@babel/parser","7.25.3",(()=>E.e(6773).then((()=>()=>E(46773))))),i("@easyops-cn/brick-next-pipes","0.7.1",(()=>Promise.all([E.e(4306),E.e(1030),E.e(6688)]).then((()=>()=>E(34306))))),i("@next-core/cook","2.5.2",(()=>Promise.all([E.e(1122),E.e(3340)]).then((()=>()=>E(61122))))),i("@next-core/easyops-runtime","0.12.31",(()=>Promise.all([E.e(2252),E.e(1030),E.e(5223),E.e(8799),E.e(1744),E.e(3078),E.e(108),E.e(522),E.e(4958),E.e(8679),E.e(5139)]).then((()=>()=>E(62252))))),i("@next-core/element","1.2.13",(()=>E.e(1045).then((()=>()=>E(21045))))),i("@next-core/http","1.2.8",(()=>E.e(8989).then((()=>()=>E(48989))))),i("@next-core/i18n/react","1.0.69",(()=>Promise.all([E.e(8799),E.e(7825),E.e(8097)]).then((()=>()=>E(88097))))),i("@next-core/i18n","1.0.69",(()=>Promise.all([E.e(8799),E.e(3078),E.e(9755),E.e(5552)]).then((()=>()=>E(75552))))),i("@next-core/inject","1.0.47",(()=>Promise.all([E.e(1030),E.e(1744),E.e(2277)]).then((()=>()=>E(72277))))),i("@next-core/loader","1.6.10",(()=>E.e(5399).then((()=>()=>E(35399))))),i("@next-core/pipes","2.0.27",(()=>E.e(6519).then((()=>()=>E(76519))))),i("@next-core/react-element","1.0.32",(()=>Promise.all([E.e(8769),E.e(9050),E.e(114)]).then((()=>()=>E(20114))))),i("@next-core/react-runtime","1.6.48",(()=>Promise.all([E.e(8769),E.e(1030),E.e(4295),E.e(5223),E.e(4837)]).then((()=>()=>E(64837))))),i("@next-core/runtime","1.56.0",(()=>Promise.all([E.e(4766),E.e(1030),E.e(3078),E.e(108),E.e(522),E.e(4958),E.e(1302),E.e(4805)]).then((()=>()=>E(44766))))),i("@next-core/supply","2.2.2",(()=>Promise.all([E.e(1030),E.e(1744),E.e(1302),E.e(9559)]).then((()=>()=>E(49559))))),i("@next-core/theme","1.5.4",(()=>Promise.all([E.e(1889),E.e(2052)]).then((()=>()=>E(51889))))),i("@next-core/utils/general","1.7.27",(()=>E.e(871).then((()=>()=>E(40871))))),i("@next-core/utils/storyboard","1.7.27",(()=>Promise.all([E.e(2681),E.e(522),E.e(3933)]).then((()=>()=>E(13933))))),i("history","4.10.1",(()=>E.e(5384).then((()=>()=>E(65384))))),i("i18next-browser-languagedetector","7.2.1",(()=>E.e(726).then((()=>()=>E(50726))))),i("i18next","22.5.1",(()=>E.e(7304).then((()=>()=>E(47304))))),i("js-yaml","3.14.1",(()=>E.e(9515).then((()=>()=>E(19515))))),i("lodash","4.17.21",(()=>E.e(5250).then((()=>()=>E(45250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(61329))))),i("moment","2.30.1",(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([E.e(3144),E.e(8769)]).then((()=>()=>E(43144))))),i("react-i18next","12.3.1",(()=>Promise.all([E.e(8769),E.e(7434)]).then((()=>()=>E(97434))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>E.e(4041).then((()=>()=>E(14041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;E.g.importScripts&&(e=E.g.location+"");var t=E.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),E.p=e})(),a=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},o=(e,t)=>{e=a(e),t=a(t);for(var r=0;;){if(r>=e.length)return r<t.length&&"u"!=(typeof t[r])[0];var n=e[r],o=(typeof n)[0];if(r>=t.length)return"u"==o;var l=t[r],i=(typeof l)[0];if(o!=i)return"o"==o&&"n"==i||"s"==i||"u"==o;if("o"!=o&&"u"!=o&&n!=l)return n<l;r++}},l=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var n=1,a=1;a<e.length;a++)n--,r+="u"==(typeof(i=e[a]))[0]?"-":(n>0?".":"")+(n=2,i);return r}var o=[];for(a=1;a<e.length;a++){var i=e[a];o.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?o.pop()+" "+o.pop():l(i))}return c();function c(){return o.pop().replace(/^\((.+)\)$/,"$1")}},i=(e,t)=>{if(0 in e){t=a(t);var r=e[0],n=r<0;n&&(r=-r-1);for(var o=0,l=1,c=!0;;l++,o++){var s,d,f=l<e.length?(typeof e[l])[0]:"";if(o>=t.length||"o"==(d=(typeof(s=t[o]))[0]))return!c||("u"==f?l>r&&!n:""==f!=n);if("u"==d){if(!c||"u"!=f)return!1}else if(c)if(f==d)if(l<=r){if(s!=e[l])return!1}else{if(n?s>e[l]:s<e[l])return!1;s!=e[l]&&(c=!1)}else if("s"!=f&&"n"!=f){if(n||l<=r)return!1;c=!1,l--}else{if(l<=r||d<f!=n)return!1;c=!1}else"s"!=f&&"n"!=f&&(c=!1,l--)}}var u=[],h=u.pop.bind(u);for(o=1;o<e.length;o++){var b=e[o];u.push(1==b?h()|h():2==b?h()&h():b?i(b,t):!h())}return!!h()},c=(e,t)=>e&&E.o(e,t),s=e=>(e.loaded=1,e.get()),d=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),f=(e,t,r,n)=>{var a=n?d(e[t]):e[t];return(t=Object.keys(a).reduce(((e,t)=>!i(r,t)||e&&!o(e,t)?e:t),0))&&a[t]},u=(e,t,r)=>{var n=r?d(e[t]):e[t];return Object.keys(n).reduce(((e,t)=>!e||!n[e].loaded&&o(e,t)?t:e),0)},h=(e,t,r,n)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+l(n)+")",b=(e,t,r,n,a)=>{var o=e[r];return"No satisfying version ("+l(n)+")"+(a?" for eager consumption":"")+" of shared module "+r+" found in shared scope "+t+".\nAvailable versions: "+Object.keys(o).map((e=>e+" from "+o[e].from)).join(", ")},p=e=>{throw new Error(e)},m=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},x=(e,t,r)=>r?r():((e,t)=>p("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),g=(v=e=>function(t,r,n,a,o){var l=E.I(t);return l&&l.then&&!n?l.then(e.bind(e,t,E.S[t],r,!1,a,o)):e(t,E.S[t],r,n,a,o)})(((e,t,r,n,a,o)=>{if(!c(t,r))return x(e,r,o);var l=f(t,r,a,n);return l?s(l):o?o():void p(b(t,e,r,a,n))})),y=v(((e,t,r,n,a)=>{if(!c(t,r))return x(e,r,a);var o=u(t,r,n);return s(t[r][o])})),P=v(((e,t,r,n,a,o)=>{if(!c(t,r))return x(e,r,o);var l=u(t,r,n);return i(a,l)||m(h(t,r,l,a)),s(t[r][l])})),w={},k={41030:()=>P("default","lodash",!1,[1,4,17,21],(()=>E.e(5250).then((()=>()=>E(45250))))),28297:()=>P("default","moment",!1,[1,2,27,0],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),91204:()=>P("default","js-yaml",!1,[1,3,14,0],(()=>E.e(9515).then((()=>()=>E(19515))))),83340:()=>P("default","@babel/parser",!1,[1,7,25,6],(()=>E.e(6773).then((()=>()=>E(46773))))),15223:()=>P("default","@next-core/runtime",!1,[1,1,56,0],(()=>Promise.all([E.e(4766),E.e(1030),E.e(3078),E.e(108),E.e(522),E.e(4958),E.e(1302),E.e(4805)]).then((()=>()=>E(44766))))),18799:()=>y("default","@next-core/i18n",!1,(()=>Promise.all([E.e(3078),E.e(9755),E.e(3171)]).then((()=>()=>E(75552))))),1744:()=>P("default","@next-core/pipes",!1,[1,2,0,27],(()=>E.e(6519).then((()=>()=>E(76519))))),13078:()=>P("default","@next-core/utils/general",!1,[1,1,7,27],(()=>E.e(871).then((()=>()=>E(40871))))),30108:()=>P("default","@next-core/http",!1,[1,1,2,8],(()=>E.e(8989).then((()=>()=>E(48989))))),522:()=>P("default","@next-core/cook",!1,[1,2,5,2],(()=>Promise.all([E.e(1122),E.e(3340)]).then((()=>()=>E(61122))))),54958:()=>P("default","@next-core/utils/storyboard",!1,[1,1,7,27],(()=>Promise.all([E.e(2681),E.e(6314)]).then((()=>()=>E(13933))))),8679:()=>P("default","js-yaml",!1,[1,3,14,1],(()=>E.e(9515).then((()=>()=>E(19515))))),47825:()=>P("default","react-i18next",!1,[1,12,3,1],(()=>Promise.all([E.e(8769),E.e(7434)]).then((()=>()=>E(97434))))),2350:()=>P("default","i18next",!1,[1,22,5,1],(()=>E.e(7304).then((()=>()=>E(47304))))),27072:()=>P("default","i18next-browser-languagedetector",!1,[1,7,2,1],(()=>E.e(726).then((()=>()=>E(50726))))),63669:()=>P("default","@easyops-cn/brick-next-pipes",!1,[2,0,7,1],(()=>Promise.all([E.e(4306),E.e(1030),E.e(6688)]).then((()=>()=>E(34306))))),18769:()=>g("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>E.e(4041).then((()=>()=>E(14041))))),10300:()=>g("default","@next-core/element",!1,[1,1,2,13],(()=>E.e(3426).then((()=>()=>E(21045))))),59435:()=>g("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>E.e(3144).then((()=>()=>E(43144))))),24295:()=>g("default","@next-core/react-element",!1,[1,1,0,32],(()=>Promise.all([E.e(9050),E.e(7733)]).then((()=>()=>E(20114))))),21302:()=>P("default","moment",!1,[1,2,30,1],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),1491:()=>P("default","@next-core/inject",!1,[1,1,0,47],(()=>Promise.all([E.e(1744),E.e(4658)]).then((()=>()=>E(72277))))),26036:()=>P("default","moment/locale/zh-cn.js",!1,[1,2,30,1],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(61329))))),26181:()=>P("default","@next-core/i18n",!1,[1,1,0,69],(()=>Promise.all([E.e(8799),E.e(9755),E.e(790)]).then((()=>()=>E(75552))))),32890:()=>P("default","history",!1,[1,4,10,1],(()=>E.e(5384).then((()=>()=>E(65384))))),50049:()=>P("default","@next-core/loader",!1,[1,1,6,10],(()=>E.e(5399).then((()=>()=>E(35399))))),69613:()=>P("default","@next-core/supply",!1,[1,2,2,2],(()=>Promise.all([E.e(1744),E.e(1940)]).then((()=>()=>E(49559))))),52681:()=>y("default","@next-core/utils/general",!1,(()=>E.e(871).then((()=>()=>E(40871))))),76477:()=>P("default","@next-core/theme",!1,[1,1,5,4],(()=>E.e(1889).then((()=>()=>E(51889))))),89592:()=>g("default","@next-core/react-runtime",!1,[1,1,6,48],(()=>Promise.all([E.e(1030),E.e(5223),E.e(7218)]).then((()=>()=>E(64837))))),85502:()=>y("default","@next-core/i18n/react",!1,(()=>Promise.all([E.e(7825),E.e(478)]).then((()=>()=>E(88097))))),36538:()=>y("default","react-i18next",!1,(()=>E.e(5053).then((()=>()=>E(97434))))),6055:()=>y("default","@next-core/easyops-runtime",!1,(()=>Promise.all([E.e(2252),E.e(1030),E.e(5223),E.e(8799),E.e(1744),E.e(3078),E.e(108),E.e(522),E.e(4958),E.e(8679)]).then((()=>()=>E(62252)))))},j={108:[30108],522:[522],1030:[41030],1302:[21302],1744:[1744],2681:[52681],3078:[13078],3340:[83340],4295:[24295],4805:[1491,26036,26181,32890,50049,69613],4958:[54958],5223:[15223],5479:[36538],5502:[85502],6055:[6055],6477:[76477],6519:[63669],6688:[28297,91204],7825:[47825],8679:[8679],8769:[18769],8799:[18799],9050:[10300,59435],9592:[89592],9755:[2350,27072]},S={},E.f.consumes=(e,t)=>{E.o(j,e)&&j[e].forEach((e=>{if(E.o(w,e))return t.push(w[e]);if(!S[e]){var r=t=>{w[e]=0,E.m[e]=r=>{delete E.c[e],r.exports=t()}};S[e]=!0;var n=t=>{delete w[e],E.m[e]=r=>{throw delete E.c[e],t}};try{var a=k[e]();a.then?t.push(w[e]=a.then(r).catch(n)):r(a)}catch(e){n(e)}}}))},(()=>{E.b=document.baseURI||self.location.href;var e={8978:0};E.f.j=(t,r)=>{var n=E.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else if(/^(1(030|08|302|744)|4(295|805|958)|5(22(|3)|502)|6(055|477|688)|8(67|76|79)9|9(050|592|755)|2681|3078|3340|7825)$/.test(t))e[t]=0;else{var a=new Promise(((r,a)=>n=e[t]=[r,a]));r.push(n[2]=a);var o=E.p+E.u(t),l=new Error;E.l(o,(r=>{if(E.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var a=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+a+": "+o+")",l.name="ChunkLoadError",l.type=a,l.request=o,n[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,a,[o,l,i]=r,c=0;if(o.some((t=>0!==e[t]))){for(n in l)E.o(l,n)&&(E.m[n]=l[n]);i&&i(E)}for(t&&t(r);c<o.length;c++)a=o[c],E.o(e,a)&&e[a]&&e[a][0](),e[a]=0},r=globalThis.webpackChunk_next_bricks_advanced=globalThis.webpackChunk_next_bricks_advanced||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),E.nc=void 0;var T=E(51929);window["bricks/advanced"]=T})();
|
|
2
|
-
//# sourceMappingURL=index.
|
|
1
|
+
(()=>{"use strict";var e,t,r,n,a,o,l,i,c,s,d,f,u,h,p,b,m,v,x,g,y,P,w,k,j,S,O={52003:(e,t,r)=>{var n={"./eo-table":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(5092),r.e(613),r.e(9655),r.e(8769),r.e(9050),r.e(1030),r.e(4295),r.e(6477),r.e(5223),r.e(9592),r.e(8799),r.e(5502),r.e(572)]).then((()=>()=>r(72643))),"./general-table":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(5092),r.e(613),r.e(9655),r.e(8769),r.e(9050),r.e(1030),r.e(4295),r.e(6477),r.e(5223),r.e(9592),r.e(8799),r.e(5502),r.e(572)]).then((()=>()=>r(72643))),"./eo-workbench-layout-v2":()=>Promise.all([r.e(1977),r.e(9946),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(2681),r.e(6055),r.e(771)]).then((()=>()=>r(20504))),"./eo-cascader":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(6070),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(5008)]).then((()=>()=>r(58381))),"./general-cascader":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(6070),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(5008)]).then((()=>()=>r(58381))),"./capture-snapshot":()=>Promise.all([r.e(8317),r.e(5223),r.e(2681),r.e(108),r.e(944)]).then((()=>()=>r(31007))),"./eo-tree":()=>Promise.all([r.e(1977),r.e(5578),r.e(2353),r.e(5368),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(5032)]).then((()=>()=>r(60821))),"./eo-tree-select":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(9484),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(5677)]).then((()=>()=>r(94018))),"./eo-text-tooltip":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(5092),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(5807)]).then((()=>()=>r(41502))),"./eo-next-table":()=>Promise.all([r.e(1977),r.e(5578),r.e(6165),r.e(2353),r.e(9978),r.e(5368),r.e(5092),r.e(613),r.e(1512),r.e(8769),r.e(9050),r.e(1030),r.e(4295),r.e(6477),r.e(5223),r.e(9592),r.e(8799),r.e(5502),r.e(5479),r.e(6184)]).then((()=>()=>r(65481))),"./pdf-viewer":()=>Promise.all([r.e(3063),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(2246)]).then((()=>()=>r(35888))),"./eo-workbench-layout":()=>Promise.all([r.e(1977),r.e(9946),r.e(8769),r.e(9050),r.e(4295),r.e(6477),r.e(9592),r.e(2681),r.e(6055),r.e(9326)]).then((()=>()=>r(55319)))},a=(e,t)=>(r.R=t,t=r.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),r.R=void 0,t),o=(e,t)=>{if(r.S){var n="default",a=r.S[n];if(a&&a!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return r.S[n]=e,r.I(n,t)}};r.d(t,{get:()=>a,init:()=>o})}},_={};function E(e){var t=_[e];if(void 0!==t)return t.exports;var r=_[e]={id:e,loaded:!1,exports:{}};return O[e].call(r.exports,r,r.exports,E),r.loaded=!0,r.exports}E.m=O,E.c=_,E.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return E.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,E.t=function(r,n){if(1&n&&(r=this(r)),8&n)return r;if("object"==typeof r&&r){if(4&n&&r.__esModule)return r;if(16&n&&"function"==typeof r.then)return r}var a=Object.create(null);E.r(a);var o={};e=e||[null,t({}),t([]),t(t)];for(var l=2&n&&r;"object"==typeof l&&!~e.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach((e=>o[e]=()=>r[e]));return o.default=()=>r,E.d(a,o),a},E.d=(e,t)=>{for(var r in t)E.o(t,r)&&!E.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},E.f={},E.e=e=>Promise.all(Object.keys(E.f).reduce(((t,r)=>(E.f[r](e,t),t)),[])),E.u=e=>"chunks/"+({572:"eo-table",771:"eo-workbench-layout-v2",944:"capture-snapshot",2246:"pdf-viewer",5008:"eo-cascader",5032:"eo-tree",5677:"eo-tree-select",5807:"eo-text-tooltip",6184:"eo-next-table",9326:"eo-workbench-layout"}[e]||e)+"."+{108:"8bcc5127",114:"69f06bd3",478:"71d1e246",522:"e3e32345",572:"8c9e6a7b",613:"e8771f2f",726:"919fac3e",771:"264ac715",790:"5282208e",871:"35a2b661",944:"524fa157",1030:"fbb01e0d",1045:"58461394",1122:"ec0ccaaf",1302:"1f00cafd",1512:"1ebb5474",1576:"1a2a50df",1744:"e90c62eb",1889:"045907b2",1940:"8eb45753",1977:"d42f92ce",2052:"c35b0234",2073:"5a740b29",2246:"1785f928",2252:"65e0507e",2277:"0f796f56",2353:"f2725e1a",2681:"a39c12b9",3063:"df8d2c3c",3078:"dffa6285",3144:"6685c74b",3171:"f56a377a",3340:"d5a48018",3426:"a803d333",3933:"b92c9a3e",4041:"65ea4b97",4295:"bd20828a",4306:"de3258d6",4590:"b006e665",4658:"de08e61f",4766:"4f855e05",4805:"1697132a",4837:"888c7bb9",4958:"34d664b7",5008:"7c066651",5032:"60911214",5053:"739ba196",5092:"40336bcc",5139:"7dbf167d",5223:"099633ee",5250:"55bc8a24",5368:"87af8ccf",5384:"2dc078c6",5399:"9dd8461a",5479:"4f80837b",5502:"a7ebf920",5552:"c22b3fd9",5578:"4acba416",5677:"834b6bc0",5807:"c1be073e",6055:"b2319435",6070:"aefdb28c",6165:"14fe2bc0",6184:"2c4ff2b3",6314:"39af196b",6477:"bc29f7eb",6519:"7e899eef",6688:"abb3a1b4",6773:"880cfd38",7218:"63f4633f",7304:"d6adda9f",7434:"8fc102a2",7721:"3a15407f",7733:"b38038a5",7825:"98180d5d",8097:"35291a18",8317:"e09841ca",8679:"f475add5",8769:"b2959043",8799:"0e54bca9",8989:"22a5d4e9",9050:"449ea8d0",9326:"a7798047",9484:"90783904",9515:"13864880",9559:"241f0ed5",9592:"87fb35c3",9655:"9481d820",9755:"a0550860",9844:"9cb901e3",9946:"1050772d",9978:"ab072b2a"}[e]+".js",E.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),E.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r={},n="@next-bricks/advanced:",E.l=(e,t,a,o)=>{if(r[e])r[e].push(t);else{var l,i;if(void 0!==a)for(var c=document.getElementsByTagName("script"),s=0;s<c.length;s++){var d=c[s];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==n+a){l=d;break}}l||(i=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,E.nc&&l.setAttribute("nonce",E.nc),l.setAttribute("data-webpack",n+a),l.src=e),r[e]=[t];var f=(t,n)=>{l.onerror=l.onload=null,clearTimeout(u);var a=r[e];if(delete r[e],l.parentNode&&l.parentNode.removeChild(l),a&&a.forEach((e=>e(n))),t)return t(n)},u=setTimeout(f.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=f.bind(null,l.onerror),l.onload=f.bind(null,l.onload),i&&document.head.appendChild(l)}},E.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},E.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{E.S={};var e={},t={};E.I=(r,n)=>{n||(n=[]);var a=t[r];if(a||(a=t[r]={}),!(n.indexOf(a)>=0)){if(n.push(a),e[r])return e[r];E.o(E.S,r)||(E.S[r]={});var o=E.S[r],l="@next-bricks/advanced",i=(e,t,r,n)=>{var a=o[e]=o[e]||{},i=a[t];(!i||!i.loaded&&(!n!=!i.eager?n:l>i.from))&&(a[t]={get:r,from:l,eager:!!n})},c=[];return"default"===r&&(i("@babel/parser","7.25.3",(()=>E.e(6773).then((()=>()=>E(46773))))),i("@easyops-cn/brick-next-pipes","0.7.1",(()=>Promise.all([E.e(4306),E.e(1030),E.e(6688)]).then((()=>()=>E(34306))))),i("@next-core/cook","2.5.2",(()=>Promise.all([E.e(1122),E.e(3340)]).then((()=>()=>E(61122))))),i("@next-core/easyops-runtime","0.12.31",(()=>Promise.all([E.e(2252),E.e(1030),E.e(5223),E.e(8799),E.e(1744),E.e(3078),E.e(108),E.e(522),E.e(4958),E.e(8679),E.e(5139)]).then((()=>()=>E(62252))))),i("@next-core/element","1.2.13",(()=>E.e(1045).then((()=>()=>E(21045))))),i("@next-core/http","1.2.8",(()=>E.e(8989).then((()=>()=>E(48989))))),i("@next-core/i18n/react","1.0.69",(()=>Promise.all([E.e(8799),E.e(7825),E.e(8097)]).then((()=>()=>E(88097))))),i("@next-core/i18n","1.0.69",(()=>Promise.all([E.e(8799),E.e(3078),E.e(9755),E.e(5552)]).then((()=>()=>E(75552))))),i("@next-core/inject","1.0.47",(()=>Promise.all([E.e(1030),E.e(1744),E.e(2277)]).then((()=>()=>E(72277))))),i("@next-core/loader","1.6.10",(()=>E.e(5399).then((()=>()=>E(35399))))),i("@next-core/pipes","2.0.27",(()=>E.e(6519).then((()=>()=>E(76519))))),i("@next-core/react-element","1.0.32",(()=>Promise.all([E.e(8769),E.e(9050),E.e(114)]).then((()=>()=>E(20114))))),i("@next-core/react-runtime","1.6.48",(()=>Promise.all([E.e(8769),E.e(1030),E.e(4295),E.e(5223),E.e(4837)]).then((()=>()=>E(64837))))),i("@next-core/runtime","1.56.0",(()=>Promise.all([E.e(4766),E.e(1030),E.e(3078),E.e(108),E.e(522),E.e(4958),E.e(1302),E.e(4805)]).then((()=>()=>E(44766))))),i("@next-core/supply","2.2.2",(()=>Promise.all([E.e(1030),E.e(1744),E.e(1302),E.e(9559)]).then((()=>()=>E(49559))))),i("@next-core/theme","1.5.4",(()=>Promise.all([E.e(1889),E.e(2052)]).then((()=>()=>E(51889))))),i("@next-core/utils/general","1.7.27",(()=>E.e(871).then((()=>()=>E(40871))))),i("@next-core/utils/storyboard","1.7.27",(()=>Promise.all([E.e(2681),E.e(522),E.e(3933)]).then((()=>()=>E(13933))))),i("history","4.10.1",(()=>E.e(5384).then((()=>()=>E(65384))))),i("i18next-browser-languagedetector","7.2.1",(()=>E.e(726).then((()=>()=>E(50726))))),i("i18next","22.5.1",(()=>E.e(7304).then((()=>()=>E(47304))))),i("js-yaml","3.14.1",(()=>E.e(9515).then((()=>()=>E(19515))))),i("lodash","4.17.21",(()=>E.e(5250).then((()=>()=>E(45250))))),i("moment/locale/zh-cn.js","2.30.1",(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(61329))))),i("moment","2.30.1",(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),i("react-dom","0.0.0-experimental-ee8509801-20230117",(()=>Promise.all([E.e(3144),E.e(8769)]).then((()=>()=>E(43144))))),i("react-i18next","12.3.1",(()=>Promise.all([E.e(8769),E.e(7434)]).then((()=>()=>E(97434))))),i("react","0.0.0-experimental-ee8509801-20230117",(()=>E.e(4041).then((()=>()=>E(14041)))))),e[r]=c.length?Promise.all(c).then((()=>e[r]=1)):1}}})(),(()=>{var e;E.g.importScripts&&(e=E.g.location+"");var t=E.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var n=r.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=r[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),E.p=e})(),a=e=>{var t=e=>e.split(".").map((e=>+e==e?+e:e)),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},o=(e,t)=>{e=a(e),t=a(t);for(var r=0;;){if(r>=e.length)return r<t.length&&"u"!=(typeof t[r])[0];var n=e[r],o=(typeof n)[0];if(r>=t.length)return"u"==o;var l=t[r],i=(typeof l)[0];if(o!=i)return"o"==o&&"n"==i||"s"==i||"u"==o;if("o"!=o&&"u"!=o&&n!=l)return n<l;r++}},l=e=>{var t=e[0],r="";if(1===e.length)return"*";if(t+.5){r+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var n=1,a=1;a<e.length;a++)n--,r+="u"==(typeof(i=e[a]))[0]?"-":(n>0?".":"")+(n=2,i);return r}var o=[];for(a=1;a<e.length;a++){var i=e[a];o.push(0===i?"not("+c()+")":1===i?"("+c()+" || "+c()+")":2===i?o.pop()+" "+o.pop():l(i))}return c();function c(){return o.pop().replace(/^\((.+)\)$/,"$1")}},i=(e,t)=>{if(0 in e){t=a(t);var r=e[0],n=r<0;n&&(r=-r-1);for(var o=0,l=1,c=!0;;l++,o++){var s,d,f=l<e.length?(typeof e[l])[0]:"";if(o>=t.length||"o"==(d=(typeof(s=t[o]))[0]))return!c||("u"==f?l>r&&!n:""==f!=n);if("u"==d){if(!c||"u"!=f)return!1}else if(c)if(f==d)if(l<=r){if(s!=e[l])return!1}else{if(n?s>e[l]:s<e[l])return!1;s!=e[l]&&(c=!1)}else if("s"!=f&&"n"!=f){if(n||l<=r)return!1;c=!1,l--}else{if(l<=r||d<f!=n)return!1;c=!1}else"s"!=f&&"n"!=f&&(c=!1,l--)}}var u=[],h=u.pop.bind(u);for(o=1;o<e.length;o++){var p=e[o];u.push(1==p?h()|h():2==p?h()&h():p?i(p,t):!h())}return!!h()},c=(e,t)=>e&&E.o(e,t),s=e=>(e.loaded=1,e.get()),d=e=>Object.keys(e).reduce(((t,r)=>(e[r].eager&&(t[r]=e[r]),t)),{}),f=(e,t,r,n)=>{var a=n?d(e[t]):e[t];return(t=Object.keys(a).reduce(((e,t)=>!i(r,t)||e&&!o(e,t)?e:t),0))&&a[t]},u=(e,t,r)=>{var n=r?d(e[t]):e[t];return Object.keys(n).reduce(((e,t)=>!e||!n[e].loaded&&o(e,t)?t:e),0)},h=(e,t,r,n)=>"Unsatisfied version "+r+" from "+(r&&e[t][r].from)+" of shared singleton module "+t+" (required "+l(n)+")",p=(e,t,r,n,a)=>{var o=e[r];return"No satisfying version ("+l(n)+")"+(a?" for eager consumption":"")+" of shared module "+r+" found in shared scope "+t+".\nAvailable versions: "+Object.keys(o).map((e=>e+" from "+o[e].from)).join(", ")},b=e=>{throw new Error(e)},m=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},x=(e,t,r)=>r?r():((e,t)=>b("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),g=(v=e=>function(t,r,n,a,o){var l=E.I(t);return l&&l.then&&!n?l.then(e.bind(e,t,E.S[t],r,!1,a,o)):e(t,E.S[t],r,n,a,o)})(((e,t,r,n,a,o)=>{if(!c(t,r))return x(e,r,o);var l=f(t,r,a,n);return l?s(l):o?o():void b(p(t,e,r,a,n))})),y=v(((e,t,r,n,a)=>{if(!c(t,r))return x(e,r,a);var o=u(t,r,n);return s(t[r][o])})),P=v(((e,t,r,n,a,o)=>{if(!c(t,r))return x(e,r,o);var l=u(t,r,n);return i(a,l)||m(h(t,r,l,a)),s(t[r][l])})),w={},k={41030:()=>P("default","lodash",!1,[1,4,17,21],(()=>E.e(5250).then((()=>()=>E(45250))))),28297:()=>P("default","moment",!1,[1,2,27,0],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),91204:()=>P("default","js-yaml",!1,[1,3,14,0],(()=>E.e(9515).then((()=>()=>E(19515))))),83340:()=>P("default","@babel/parser",!1,[1,7,25,6],(()=>E.e(6773).then((()=>()=>E(46773))))),15223:()=>P("default","@next-core/runtime",!1,[1,1,56,0],(()=>Promise.all([E.e(4766),E.e(1030),E.e(3078),E.e(108),E.e(522),E.e(4958),E.e(1302),E.e(4805)]).then((()=>()=>E(44766))))),18799:()=>y("default","@next-core/i18n",!1,(()=>Promise.all([E.e(3078),E.e(9755),E.e(3171)]).then((()=>()=>E(75552))))),1744:()=>P("default","@next-core/pipes",!1,[1,2,0,27],(()=>E.e(6519).then((()=>()=>E(76519))))),13078:()=>P("default","@next-core/utils/general",!1,[1,1,7,27],(()=>E.e(871).then((()=>()=>E(40871))))),30108:()=>P("default","@next-core/http",!1,[1,1,2,8],(()=>E.e(8989).then((()=>()=>E(48989))))),522:()=>P("default","@next-core/cook",!1,[1,2,5,2],(()=>Promise.all([E.e(1122),E.e(3340)]).then((()=>()=>E(61122))))),54958:()=>P("default","@next-core/utils/storyboard",!1,[1,1,7,27],(()=>Promise.all([E.e(2681),E.e(6314)]).then((()=>()=>E(13933))))),8679:()=>P("default","js-yaml",!1,[1,3,14,1],(()=>E.e(9515).then((()=>()=>E(19515))))),47825:()=>P("default","react-i18next",!1,[1,12,3,1],(()=>Promise.all([E.e(8769),E.e(7434)]).then((()=>()=>E(97434))))),2350:()=>P("default","i18next",!1,[1,22,5,1],(()=>E.e(7304).then((()=>()=>E(47304))))),27072:()=>P("default","i18next-browser-languagedetector",!1,[1,7,2,1],(()=>E.e(726).then((()=>()=>E(50726))))),63669:()=>P("default","@easyops-cn/brick-next-pipes",!1,[2,0,7,1],(()=>Promise.all([E.e(4306),E.e(1030),E.e(6688)]).then((()=>()=>E(34306))))),18769:()=>g("default","react",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>E.e(4041).then((()=>()=>E(14041))))),10300:()=>g("default","@next-core/element",!1,[1,1,2,13],(()=>E.e(3426).then((()=>()=>E(21045))))),59435:()=>g("default","react-dom",!1,[6,0,0,0,,"experimental-ee8509801-20230117"],(()=>E.e(3144).then((()=>()=>E(43144))))),24295:()=>g("default","@next-core/react-element",!1,[1,1,0,32],(()=>Promise.all([E.e(9050),E.e(7733)]).then((()=>()=>E(20114))))),21302:()=>P("default","moment",!1,[1,2,30,1],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(99420))))),1491:()=>P("default","@next-core/inject",!1,[1,1,0,47],(()=>Promise.all([E.e(1744),E.e(4658)]).then((()=>()=>E(72277))))),26036:()=>P("default","moment/locale/zh-cn.js",!1,[1,2,30,1],(()=>Promise.all([E.e(7721),E.e(9844)]).then((()=>()=>E(61329))))),26181:()=>P("default","@next-core/i18n",!1,[1,1,0,69],(()=>Promise.all([E.e(8799),E.e(9755),E.e(790)]).then((()=>()=>E(75552))))),32890:()=>P("default","history",!1,[1,4,10,1],(()=>E.e(5384).then((()=>()=>E(65384))))),50049:()=>P("default","@next-core/loader",!1,[1,1,6,10],(()=>E.e(5399).then((()=>()=>E(35399))))),69613:()=>P("default","@next-core/supply",!1,[1,2,2,2],(()=>Promise.all([E.e(1744),E.e(1940)]).then((()=>()=>E(49559))))),52681:()=>y("default","@next-core/utils/general",!1,(()=>E.e(871).then((()=>()=>E(40871))))),76477:()=>P("default","@next-core/theme",!1,[1,1,5,4],(()=>E.e(1889).then((()=>()=>E(51889))))),89592:()=>g("default","@next-core/react-runtime",!1,[1,1,6,48],(()=>Promise.all([E.e(1030),E.e(5223),E.e(7218)]).then((()=>()=>E(64837))))),85502:()=>y("default","@next-core/i18n/react",!1,(()=>Promise.all([E.e(7825),E.e(478)]).then((()=>()=>E(88097))))),6055:()=>y("default","@next-core/easyops-runtime",!1,(()=>Promise.all([E.e(2252),E.e(1030),E.e(5223),E.e(8799),E.e(1744),E.e(3078),E.e(108),E.e(522),E.e(4958),E.e(8679)]).then((()=>()=>E(62252))))),36538:()=>y("default","react-i18next",!1,(()=>E.e(5053).then((()=>()=>E(97434)))))},j={108:[30108],522:[522],1030:[41030],1302:[21302],1744:[1744],2681:[52681],3078:[13078],3340:[83340],4295:[24295],4805:[1491,26036,26181,32890,50049,69613],4958:[54958],5223:[15223],5479:[36538],5502:[85502],6055:[6055],6477:[76477],6519:[63669],6688:[28297,91204],7825:[47825],8679:[8679],8769:[18769],8799:[18799],9050:[10300,59435],9592:[89592],9755:[2350,27072]},S={},E.f.consumes=(e,t)=>{E.o(j,e)&&j[e].forEach((e=>{if(E.o(w,e))return t.push(w[e]);if(!S[e]){var r=t=>{w[e]=0,E.m[e]=r=>{delete E.c[e],r.exports=t()}};S[e]=!0;var n=t=>{delete w[e],E.m[e]=r=>{throw delete E.c[e],t}};try{var a=k[e]();a.then?t.push(w[e]=a.then(r).catch(n)):r(a)}catch(e){n(e)}}}))},(()=>{E.b=document.baseURI||self.location.href;var e={8978:0};E.f.j=(t,r)=>{var n=E.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else if(/^(1(030|08|302|744)|4(295|805|958)|5(22(|3)|502)|6(055|477|688)|8(67|76|79)9|9(050|592|755)|2681|3078|3340|7825)$/.test(t))e[t]=0;else{var a=new Promise(((r,a)=>n=e[t]=[r,a]));r.push(n[2]=a);var o=E.p+E.u(t),l=new Error;E.l(o,(r=>{if(E.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var a=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+a+": "+o+")",l.name="ChunkLoadError",l.type=a,l.request=o,n[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,a,[o,l,i]=r,c=0;if(o.some((t=>0!==e[t]))){for(n in l)E.o(l,n)&&(E.m[n]=l[n]);i&&i(E)}for(t&&t(r);c<o.length;c++)a=o[c],E.o(e,a)&&e[a]&&e[a][0](),e[a]=0},r=globalThis.webpackChunk_next_bricks_advanced=globalThis.webpackChunk_next_bricks_advanced||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),E.nc=void 0;var T=E(52003);window["bricks/advanced"]=T})();
|
|
2
|
+
//# sourceMappingURL=index.43e3b3f0.js.map
|