Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Dropdown 组件新增 shape: 同 Button 组件的shape #925

Open
wants to merge 32 commits into
base: dev-3.6.0
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
32 commits
Select commit Hold shift + click to select a range
b802067
feat: `Form` 新增 `colon` 属性,用于控制 label 是否显示冒号
Dec 17, 2024
c8962ec
chore: release 3.6.0-beta.1
Dec 17, 2024
341f0de
perf: 优化TreeSelect和Select树形数据的搜索性能
Dec 18, 2024
649d476
perf: 进一步优化TreeSelect, 初始化不渲染AbsoluteList组件
Dec 19, 2024
96ed66b
fix: TreeSelect初始化不再渲染AbsoluteList
Dec 19, 2024
21579b8
chore: changelog: 优化 `Select`和`TreeSelect` 在大数据量下同时被渲染很多个时的页面初始化性能问题
Dec 19, 2024
e77b417
fix: useless code
Dec 19, 2024
6295c30
feat: 新增 api 文档
Dec 20, 2024
caacab6
feat: `Table` 的 `TableRef` 新增 `sortByColumn` 方法,支持根据列 key 进行排序
Jan 8, 2025
af4cff0
feat: `Form` 新增 `colon` 属性,用于控制 label 是否显示冒号
Dec 17, 2024
4730d6a
chore: release 3.6.0-beta.1
Dec 17, 2024
3f77e60
perf: 优化TreeSelect和Select树形数据的搜索性能
Dec 18, 2024
45f2359
perf: 进一步优化TreeSelect, 初始化不渲染AbsoluteList组件
Dec 19, 2024
85d3a5c
fix: TreeSelect初始化不再渲染AbsoluteList
Dec 19, 2024
48695ac
chore: changelog: 优化 `Select`和`TreeSelect` 在大数据量下同时被渲染很多个时的页面初始化性能问题
Dec 19, 2024
040f1f4
fix: useless code
Dec 19, 2024
7079371
feat: 新增 api 文档
Dec 20, 2024
2f53005
Merge branch 'dev-3.6.0' into feat-table-sort-manual
saint3347 Jan 8, 2025
14df2eb
feat: `Form` 新增 `colon` 属性,用于控制 label 是否显示冒号
Dec 17, 2024
1892859
chore: release 3.6.0-beta.1
Dec 17, 2024
9028657
perf: 优化TreeSelect和Select树形数据的搜索性能
Dec 18, 2024
636fa48
perf: 进一步优化TreeSelect, 初始化不渲染AbsoluteList组件
Dec 19, 2024
4fee648
fix: TreeSelect初始化不再渲染AbsoluteList
Dec 19, 2024
f9f77dc
chore: changelog: 优化 `Select`和`TreeSelect` 在大数据量下同时被渲染很多个时的页面初始化性能问题
Dec 19, 2024
b5a3feb
fix: useless code
Dec 19, 2024
acaf196
feat: 新增 api 文档
Dec 20, 2024
71fed00
Merge branch 'dev-3.6.0' into feat-table-sort-manual
saint3347 Jan 9, 2025
8d2a29d
Merge pull request #913 from sheinsight/feat-table-sort-manual
saint3347 Jan 9, 2025
afedbf0
chore: Table外部排序示例
Jan 9, 2025
c982c01
feat: `Dropdown` 组件新增 `buttonShape`: 同 `Button` 组件的shape
Jan 13, 2025
1304e72
fix: rename buttonShape to shape
Jan 13, 2025
55b604f
chore: update dropdown api document
Jan 13, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/api/shineout/dropdown.ts
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
const api = JSON.parse('[{"title":"Dropdown","properties":[{"name":"className","tag":{"cn":"自定义类名","en":"Custom class name","default":"","version":""},"required":false,"type":"string "},{"name":"style","tag":{"cn":"自定义样式","en":"Custom style","default":"","version":""},"required":false,"type":"CSSProperties "},{"name":"size","tag":{"cn":"不同尺寸","en":"There are three built-in size: small、default、large.","default":"\\\"default\\\"","version":""},"required":false,"type":"\\\"small\\\" | \\\"large\\\" | \\\"default\\\""},{"name":"absolute","tag":{"cn":"为 true 时,选项弹出层在 DOM 中独立 render; 为函数时,返回值作为弹出层容器","en":"When it is true, the pop-up layer of option append into document.body; When it is a function, the return value is used as the popup layer container","default":"false","version":""},"required":false,"type":"boolean | (() => HTMLElement | null) "},{"name":"type","tag":{"cn":"按钮类型","en":"The type of the button","default":"\\\"default\\\"","version":""},"required":false,"type":"| \\\"default\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"danger\\\" | \\\"warning\\\" | \\\"success\\\" | \\\"link\\\" "},{"name":"mode","tag":{"cn":"按钮风格","en":"The mode of the button","default":"","version":""},"required":false,"type":"\\\"text\\\" | \\\"outline\\\" | \\\"dashed\\\" "},{"name":"onClick","tag":{"cn":"点击事件。参数为渲染的数据,注: 如果数据内设置了onClick,会忽略此方法,调用data.onClick","en":"The click event. The parameter is the rendered data. <br /> Note: if the onClick is set in the data, this method will be ignored and data.onclick will be called.","default":"","version":""},"required":false,"type":"((data: any) => void) "},{"name":"disabled","tag":{"cn":"禁用","en":"Specifies the dropdown should be disabled","default":"false","version":""},"required":false,"type":"boolean "},{"name":"placeholder","tag":{"cn":"按钮显示内容","en":"Displayed content of the button","default":"","version":""},"required":false,"type":"ReactNode"},{"name":"adjust","tag":{"cn":"是否开启自动调整面板位置功能。当面板被窗口遮挡时,自动调整位置","en":"Whether to adjust the position of the panel automatically. When the panel is blocked by the window, the position is adjusted automatically","default":"true","version":""},"required":false,"type":"boolean "},{"name":"columns","tag":{"cn":"页面多元素展示,此属性需要依赖width属性,请合理的设置列数和宽度","en":"Display multiple elements on the page. This property depends on the width attribute. Please set the number of columns and width appropriately.","default":"","version":""},"required":false,"type":"number "},{"name":"animation","tag":{"cn":"是否开启动画","en":"Specifies the dropdown should be disabled","default":"true","version":""},"required":false,"type":"boolean "},{"name":"data","tag":{"cn":"下拉数据 详见 DropdownData","en":"data of dropdown; See the detail in the DropdownNode","default":"[]","version":""},"required":true,"type":"object[]"},{"name":"trigger","tag":{"cn":"触发方式","en":"Toggle mode","default":"\\\"click\\\"","version":""},"required":false,"type":"\\\"click\\\" | \\\"hover\\\" "},{"name":"width","tag":{"cn":"弹出选项层的宽度","en":"The width of the pop-up option layer","default":"","version":""},"required":false,"type":"number "},{"name":"position","tag":{"cn":"弹出的方向和位置","en":"Set position property can control the direction and position of the drop-down menu","default":"\\\"bottom-left\\\"","version":""},"required":false,"type":"| \\\"left-top\\\" | \\\"left-bottom\\\" | \\\"right-top\\\" | \\\"right-bottom\\\" | \\\"top-right\\\" | \\\"top-left\\\" | \\\"bottom-right\\\" | \\\"bottom-left\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\" | \\\"bottom\\\" | \\\"auto\\\" "},{"name":"renderItem","tag":{"cn":"设置显示的内容,如果是字符串,则为对应的值。如果是函数,则返回值为显示的内容,参数为当条数据","en":"Set the displayed content. If it is a string, the corresponding value will be displayed. \\n If it is a function, the return value will be displayed and its parameter is the current data.","default":"","version":""},"required":false,"type":"string | ((data: any) => ReactNode) "},{"name":"open","tag":{"cn":"控制浮层显隐","en":"Set visible of cascader popup","default":"","version":""},"required":false,"type":"boolean "},{"name":"onCollapse","tag":{"cn":"下拉列表展开/收起回调","en":"options collapse callback","default":"","version":""},"required":false,"type":"((collapse: boolean) => void) "},{"name":"hideArrow","tag":{"cn":"隐藏箭头","en":"hide arrow","default":"","version":""},"required":false,"type":"boolean "},{"name":"zIndex","tag":{"cn":"面板的 zIndex 值,默认为 1051","en":"The z-index value of the panel, the default value is 1051","default":"","version":"3.4.0"},"required":false,"type":"number "}],"cn":"","en":"","sort":"0"},{"title":"DropdownData","properties":[{"name":"group","tag":{"cn":"分组","en":"Group","default":"","version":""},"required":false,"type":"string "},{"name":"divider","tag":{"cn":"分割线","en":"Divider","default":"","version":""},"required":false,"type":"boolean "},{"name":"url","tag":{"cn":"url属性不为空时,render为一个链接","en":"When the url is not empty, a url will be rendered.","default":"","version":""},"required":false,"type":"string "},{"name":"target","tag":{"cn":"url 不为空时有效","en":"It is valid when the url is not empty.","default":"","version":""},"required":false,"type":"string "},{"name":"disabled","tag":{"cn":"禁用","en":"Disabled","default":"","version":""},"required":false,"type":"boolean "},{"name":"content","tag":{"cn":"默认从content获取内容","en":"element","default":"","version":""},"required":false,"type":"ReactNode"},{"name":"children","tag":{"cn":"子节点","en":"childNode","default":"","version":""},"required":false,"type":"DropdownNode[] "},{"name":"onClick","tag":{"cn":"点击事件","en":"click event","default":"","version":""},"required":false,"type":"((data: DropdownNode) => void) "}],"cn":"data 选项有三种情况:\\n 为 ReactElement 时,直接显示此元素;\\n 为 object 且设置了 renderItem,显示 renderItem 返回的内容;\\n 为 object 且未设置 renderItem,按以下数据结构处理。","en":"If data item is a ReactElement, render the item;\\nIf data item is an object and renderItem is set, render the renderItem\\\"s result;\\nif data item is an object and renderItem is not set, handle the parameters as follows;","sort":"0"}]');
const api = JSON.parse('[{"title":"Dropdown","properties":[{"name":"className","tag":{"cn":"自定义类名","en":"Custom class name","default":"","version":""},"required":false,"type":"string "},{"name":"style","tag":{"cn":"自定义样式","en":"Custom style","default":"","version":""},"required":false,"type":"CSSProperties "},{"name":"size","tag":{"cn":"不同尺寸","en":"There are three built-in size: small、default、large.","default":"\\\"default\\\"","version":""},"required":false,"type":"\\\"small\\\" | \\\"large\\\" | \\\"default\\\""},{"name":"absolute","tag":{"cn":"为 true 时,选项弹出层在 DOM 中独立 render; 为函数时,返回值作为弹出层容器","en":"When it is true, the pop-up layer of option append into document.body; When it is a function, the return value is used as the popup layer container","default":"false","version":""},"required":false,"type":"boolean | (() => HTMLElement | null) "},{"name":"type","tag":{"cn":"按钮类型","en":"The type of the button","default":"\\\"default\\\"","version":""},"required":false,"type":"| \\\"default\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"danger\\\" | \\\"warning\\\" | \\\"success\\\" | \\\"link\\\" "},{"name":"mode","tag":{"cn":"按钮风格","en":"The mode of the button","default":"","version":""},"required":false,"type":"\\\"text\\\" | \\\"outline\\\" | \\\"dashed\\\" "},{"name":"shape","tag":{"cn":"设置按钮形状","en":"Can be set button shape","default":"\\\"default\\\"","version":""},"required":false,"type":"\\\"circle\\\" | \\\"round\\\" | \\\"square\\\" "},{"name":"onClick","tag":{"cn":"点击事件。参数为渲染的数据,注: 如果数据内设置了onClick,会忽略此方法,调用data.onClick","en":"The click event. The parameter is the rendered data. <br /> Note: if the onClick is set in the data, this method will be ignored and data.onclick will be called.","default":"","version":""},"required":false,"type":"((data: any) => void) "},{"name":"disabled","tag":{"cn":"禁用","en":"Specifies the dropdown should be disabled","default":"false","version":""},"required":false,"type":"boolean "},{"name":"placeholder","tag":{"cn":"按钮显示内容","en":"Displayed content of the button","default":"","version":""},"required":false,"type":"ReactNode"},{"name":"adjust","tag":{"cn":"是否开启自动调整面板位置功能。当面板被窗口遮挡时,自动调整位置","en":"Whether to adjust the position of the panel automatically. When the panel is blocked by the window, the position is adjusted automatically","default":"true","version":""},"required":false,"type":"boolean "},{"name":"columns","tag":{"cn":"页面多元素展示,此属性需要依赖width属性,请合理的设置列数和宽度","en":"Display multiple elements on the page. This property depends on the width attribute. Please set the number of columns and width appropriately.","default":"","version":""},"required":false,"type":"number "},{"name":"animation","tag":{"cn":"是否开启动画","en":"Specifies the dropdown should be disabled","default":"true","version":""},"required":false,"type":"boolean "},{"name":"data","tag":{"cn":"下拉数据 详见 DropdownData","en":"data of dropdown; See the detail in the DropdownNode","default":"[]","version":""},"required":true,"type":"object[]"},{"name":"trigger","tag":{"cn":"触发方式","en":"Toggle mode","default":"\\\"click\\\"","version":""},"required":false,"type":"\\\"click\\\" | \\\"hover\\\" "},{"name":"width","tag":{"cn":"弹出选项层的宽度","en":"The width of the pop-up option layer","default":"","version":""},"required":false,"type":"number "},{"name":"position","tag":{"cn":"弹出的方向和位置","en":"Set position property can control the direction and position of the drop-down menu","default":"\\\"bottom-left\\\"","version":""},"required":false,"type":"| \\\"left-top\\\" | \\\"left-bottom\\\" | \\\"right-top\\\" | \\\"right-bottom\\\" | \\\"top-right\\\" | \\\"top-left\\\" | \\\"bottom-right\\\" | \\\"bottom-left\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\" | \\\"bottom\\\" | \\\"auto\\\" "},{"name":"renderItem","tag":{"cn":"设置显示的内容,如果是字符串,则为对应的值。如果是函数,则返回值为显示的内容,参数为当条数据","en":"Set the displayed content. If it is a string, the corresponding value will be displayed. \\n If it is a function, the return value will be displayed and its parameter is the current data.","default":"","version":""},"required":false,"type":"string | ((data: any) => ReactNode) "},{"name":"open","tag":{"cn":"控制浮层显隐","en":"Set visible of cascader popup","default":"","version":""},"required":false,"type":"boolean "},{"name":"onCollapse","tag":{"cn":"下拉列表展开/收起回调","en":"options collapse callback","default":"","version":""},"required":false,"type":"((collapse: boolean) => void) "},{"name":"hideArrow","tag":{"cn":"隐藏箭头","en":"hide arrow","default":"","version":""},"required":false,"type":"boolean "},{"name":"zIndex","tag":{"cn":"面板的 zIndex 值,默认为 1051","en":"The z-index value of the panel, the default value is 1051","default":"","version":"3.4.0"},"required":false,"type":"number "}],"cn":"","en":"","sort":"0"},{"title":"DropdownData","properties":[{"name":"group","tag":{"cn":"分组","en":"Group","default":"","version":""},"required":false,"type":"string "},{"name":"divider","tag":{"cn":"分割线","en":"Divider","default":"","version":""},"required":false,"type":"boolean "},{"name":"url","tag":{"cn":"url属性不为空时,render为一个链接","en":"When the url is not empty, a url will be rendered.","default":"","version":""},"required":false,"type":"string "},{"name":"target","tag":{"cn":"url 不为空时有效","en":"It is valid when the url is not empty.","default":"","version":""},"required":false,"type":"string "},{"name":"disabled","tag":{"cn":"禁用","en":"Disabled","default":"","version":""},"required":false,"type":"boolean "},{"name":"content","tag":{"cn":"默认从content获取内容","en":"element","default":"","version":""},"required":false,"type":"ReactNode"},{"name":"children","tag":{"cn":"子节点","en":"childNode","default":"","version":""},"required":false,"type":"DropdownNode[] "},{"name":"onClick","tag":{"cn":"点击事件","en":"click event","default":"","version":""},"required":false,"type":"((data: DropdownNode) => void) "}],"cn":"data 选项有三种情况:\\n 为 ReactElement 时,直接显示此元素;\\n 为 object 且设置了 renderItem,显示 renderItem 返回的内容;\\n 为 object 且未设置 renderItem,按以下数据结构处理。","en":"If data item is a ReactElement, render the item;\\nIf data item is an object and renderItem is set, render the renderItem\\\"s result;\\nif data item is an object and renderItem is not set, handle the parameters as follows;","sort":"0"}]');
export default api;
Loading
Loading