🌏 Translated with the assistance of DeepSeek and ChatGPT

Changelog

v0.1.0

• New Features:
  • Added notice blue theme, corresponding to the 'notice' value of the 'theme' property and some feedback components' 'type' property.
  • Added feedback components: Dialog, Popconfirm, Badge, Alert, Progress.
  • Added navigation component: Menu, MenuItem, Submenu, MenuGroup, BackTop, DropDown, Breadcrumb, BreadcrumbItem, Pagination.
  • Added the cascade property to Tooltip and Popover to maintain the display of nested floating windows.
  • Added multi-language internationalization module; text language for dialogs and confirmation popups can be adjusted via the exported locale from the entry file.
  • Added a new variant property to Link with values 'normal' and 'underline' (default), controlling whether to display the 'underline'.
  • VirtualList adds a new slot 'scroll-container' for customizing the scroll container. It's recommended to use with the h function or JSX.
• Adjustment:
  • ⚠️ Note ⚠️ Removed unused CSS variables in the form of --px-primary|success|warning|danger|sakura-light|dark-number, such as --px-warning-light-1. In fact, component colors directly derive from the --px-color-light|dark-number CSS variables, for example: --px-orange-light-1.
  • ⚠️ Note ⚠️ To facilitate the use of higher-order components and due to limitations in Vue's mechanism, paired components such as Row and Col, Container and Aside, Grid and GridItem, ButtonGroup and Button, InputGroup and various data input components, etc., when receiving corresponding provide data, will now no longer strictly require the type of the immediate parent component.
  • The shape property of ButtonGroup now accepts two additional optional values: square and circle, and its default value has been removed. When set to square or circle, the child Button components will visually have equal height and width. This change will not affect existing code, as child Button components will default to using rect when no shape value is provided for the ButtonGroup.
  • Add debouncing to the canvas rendering of the Switch component, change the slider position control to use transform, and enhance the smoothness of animations (especially during high-frequency switching).
• Optimizations:
  • Provided more detailed type declarations for properties passed as props to internal components.
  • Optimized code & improved test coverage.
  • Added the pollSizeChange property to most components containing canvas for polling size changes to update rendering.
• Fixes:
  • Incorrect setting of the lang attribute in Vue template <style> tags leads to style duplication.
  • Fix the issue of missing CSS for data font and font size in OptionList-based dropdown options.
  • Fixed abnormal canvas rendering when toggling the button loading state rapidly within micro tasks.
  • Fix the font size issue when button's size is 'small'.
  • Fixed the abnormal horizontal extension of input components within a FormItem.
  • Unique IDs have been added to the keys used by InputGroup and ButtonGroup to propagate updates to child components, preventing interference with child components in other groups. Additionally, the frequency of positional checks has been reduced.
  • Fix the issue where components such as Radio, Checkbox, Switch, Select, AutoComplete, Input, InputNumber, InputTag, Textarea, and Slider trigger focus and blur events when clicked internally.
  • Fixed an issue where a focus ring would appear when the icon inside an input control was focused.
  • Fixed an issue where icons inside the Textarea component were not displayed correctly.
  • Fixed the issue where Slider did not emit focus and blur events.

v0.0.5

hotfix

• Fixes:
  • ⚠️ Note ⚠️ Fix the issue where the setPixelSize function incorrectly set CSS custom properties, and add a dynamicComponentSize parameter to control how pixel size affects size calculations for most components, preventing size differences before and after the fix.
  • Fixed an issue where the Tag component's line-height was not set correctly, causing Tags with size="small" to be taller than intended.
  • Fix the issue where the height is not correctly set when using Select size="small".
  • Fix the problem where the CSS related to the height of the InputTag component is not properly configured (even though it appears visually correct).

v0.0.4

hotfix

• Fixes:
  • Optimized the issue where input controls incorrectly triggered keyboard operation hint borders. Related styles have been improved. A more reasonable mechanism will be used to handle this logic in the future.

v0.0.3

• New features:
  • Support switching pixel widths, supporting 2px and 4px.
  • Improve form components: Form, FormItem, Switch, Slider, Radio, RadioGroup, Checkbox, CheckboxGroup.
  • Add image display component Image and avatar component Avatar.
  • Add virtual list component VirtualList.
  • Add a utility function pixelate for image pixelation.
  • Added visual component TextOutline for text stroke effect.
  • Added importable modern-normalize preset styles
• Adjustment:
  • ⚠️ Note ⚠️ The shape property 'default' is renamed to 'rect', 'default' in existing components remains valid.
  • ⚠️ Note ⚠️ ButtonGroup now has a theme property, and both ButtonGroup and Button treat readonly property injected from ancestor components (e.g., Form) as disabled.
  • ⚠️ Note ⚠️ Default value implementation for size, variant, theme, shape in some components changed from withDefaults to computed to support nested component property priority.
  • ⚠️ Note ⚠️ When importing icons on demand, component library common styles will no longer be automatically imported.
• Optimizations:
  • Add label slot to the Select component.
  • Add readonly property to InputGroup.
  • Add the soft property to the Main component to set a soft background.
  • Optimize the arc drawing algorithm.
  • Add indentation to sub-options of option groups.
  • Optimize the triggering of focus and blur events for the Select component.
  • Add a prop to dropdown and popup components to control whether content is destroyed when hidden.
  • Optimize code & improve test cases.
• Fixes:
  • Fix the rendering of Button components with variant="text" in ButtonGroup and InputGroup.
  • Fix the bug where the focus and blur events of form controls are not being emitted.
  • Set tabindex for dropdown options.

v0.0.2

• New components added: Input, InputNumber, Textarea, InputGroup, Input, GroupLabel, Tag, InputTag, Tooltip, Popover, Empty, AutoComplete, Mask, Spin, Select.
• Integrated the pixelarticons icon library.
• Code optimization.