Socket
Socket
Sign inDemoInstall

@idux/components

Package Overview
Dependencies
30
Maintainers
3
Versions
113
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @idux/components

A UI Component Library for Vue 3.x


Version published
Weekly downloads
834
decreased by-27.73%
Maintainers
3
Created
Weekly downloads
 

Changelog

Source

2.0.0-beta.5 (2024-01-08)

Bug Fixes

  • cdk:drag-drop: remove user-select none style (#1743) (d76dcda)
  • cdk:forms: interactions trigger dosen't work (#1770) (fc44cbf)
  • cdk:popper: modify default placement to bottomStart (#1785) (5d9ddc4)
  • comp:button: pointer events sholud be none when disabled (#1744) (2ca124d)
  • comp:cascader: the value is incorrect after clicking the clear icon (#1774) (0134f36)
  • comp:checkbox: button theme not registered (#1758) (1c68326)
  • comp:collapse: modify header font-size to fontSizeHeaderSm (#1790) (664c34b)
  • comp:desc: header component does not take effect (#1742) (dd1aab8)
  • comp:desc: use div to wrap header slot (#1752) (dd31ee4)
  • comp:head: modify header bar style (#1781) (12278ef)
  • comp:input: sufix click does not effect (#1745) (4769dcd)
  • comp:modal: adjust the icon of the modal that confirm the mode (#1763) (6227d4a)
  • comp:modal: fix adjust modal icon height (#1762) (019674d)
  • comp:pagination: change lg size font size to fontSizeSm (#1761) (5669abc)
  • comp:popover,tooltip: replace paddings with theme variables (#1780) (0c2be7b)
  • comp:radio: gap behaves abnormally when configured without 0px (#1740) (9ecd14a)
  • comp:select: selectOptionFontSize theme var reference error (#1777) (0e0db55)
  • comp:table: pagination should hide when data empty (#1782) (85d80e1)
  • comp:table: scroll classes is determined by scroll overflowed (#1798) (dfbaec7)
  • comp:table: table header not visible when width not collected (#1794) (7a1cd70)
  • comp:tabs: tabs segment mod nav font-weight should be normal (#1788) (7a8a89f)
  • comp:tag: modify tag normal bg color (#1792) (5990a28)
  • comp:timeline: modify contentMarginBottom to marginSizeLg (#1791) (bc3b27f)
  • comp:tree: update tree line style (#1783) (ca64a1e)
  • comp:tree: virtual treeNode slots not passed (#1799) (f9361f7)
  • comp:upload: file is not uploaded when maxCount is 1 (#1786) (400a0b4)
  • comp:upload: file remove icon should be 'close' (#1787) (f862fdf)
  • comp: modify offline color token (#1789) (00cd10c)
  • pro:layout: dark theme overlay menu style error (#1771) (64169d2)
  • pro:layout: logo title color theme var reference error (#1759) (8fced5c)
  • pro:layout: style error when theme style not injected (#1769) (e216b08)
  • pro:search: click is correct when key is zero (#1748) (9d996ce)
  • pro:search: container zIndex shouldn't be set when not focused (#1795) (613079d)
  • pro:search: non-multiple field created state should be overwritten by new state (#1778) (617c192)
  • pro:search: replace spacing with theme tokens (#1793) (6505440)
  • pro:search: searchable fields should keep search text after value change (#1796) (97cf777)
  • pro:table: layoutool checkbox shouldn't be checkable when disabled (#1741) (0905872)
  • pro:transfer: maximum recursive updates exceeded under vue 3.4 (4d8e1c8)
  • pro:transfer: maximum recursive updates exceeded under vue 3.4 (e511253)
  • style dependencies missing in on-demand import entries (#1755) (4b97958)

Features

  • add dark theme (#1751) (415f07f)
  • add theme entries for on-demand import (#1756) (093641f)
  • cdk:forms: add interactions trigger (#1766) (83c60e7)
  • cdk:scroll: virtual scroll supports horizontal (#1775) (77a0411)
  • cdk:theme: add cdk theme support (#1739) (ab9cb89)
  • comp:drawer: distance is configurable and determined by drawer size (#1767) (4420e37)
  • comp:table: add insetShadow to horizontal overlowed container (#1768) (2d51ad6)
  • comp:table: add virtualHorizontal support (#1776) (23a8484)
  • comp:table: change rowHeight theme tokens to paddings (#1760) (c9b4ef7)
  • comp:table: column align supports cell and title (#1784) (7a69ea1)
  • comp:tag: support compact group tags (#1779) (318d8ef)
  • comp:theme: root level IxThemeProvider is no longer needed (#1765) (bd5603e)
  • dynamic theme with theme tokens is now supported (#1737) (5976f6d)
  • modify disable color theme tokens (#1764) (33b3d4d)
  • remove typography support (#1738) (5d06267)

BREAKING CHANGES

  • cdk:scroll: itemHeight is deprecated, use rowHeight instead
  • cdk:scroll: itemRender is deprecated, use rowRender instead
  • typography is removed
  • original css vars and less vars are removed
  • original default theme is removed, seer is now default theme
  • original style entries is removed, now only index is provided

Readme

Source

@idux

@idux is a UI component library for middle and back-end products. It aims to provide an efficient and enjoyable experience for developers.

Based on Vue 3 and TypeScript, the library is open source and free for any enterprise, organization, or individual to use under the MIT License.

English | 简体中文

✨ Features

  • Composition API for source and sample codes
  • Written in TypeScript with complete defined types
  • Monorepo: cdk, components, pro
  • A set of high-quality components out of the box
  • Flexible global configuration
  • Powerful theme customization in every detail
  • Internationalization support for various languages

🖥 Environment Support

Edge
Edge
Chrome
Chrome
Firefox
Firefox
Safari
Safari
Electron
Electron
79 +79 +72 +13.1 +10 +

📦 Installation

npm install --save @idux/cdk @idux/components @idux/pro

🔨 Usage

The following CodeSandbox or StackBlitz link demonstrates a basic use case, and it is recommended to fork this demo as a baseline while doing Bug Report and can also be downloaded as a template for project initialization.

See Getting Started for more details.

⌨️ Development

pnpm install

pnpm start

Open a browser: http://localhost:3000

🤝 Contributing

PRs Welcome

We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as Pull Request or as GitHub issues.

If you're new to posting issues, we ask that you read How To Ask Questions The Smart Way (This guide does not provide actual support services for this project!), How to Ask a Question in Open Source Community and How to Report Bugs Effectively prior to posting. Well written bug reports help us help you!

💖 Thanks

Many of the features are inspired by the following awesome projects.

☀️ License

MIT © 2020-present IDuxFE

Keywords

FAQs

Last updated on 08 Jan 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc