djl-ant-design-vue

antd 组件库

1. js编译 yarn compile && npm run compile
2. css编译 yarn dist && npm run dist

兼容低版本需要的配置

npm install --save-dev babel-polyfill

来源：https://blog.csdn.net/gwdgwd123/article/details/95368444

全局键盘监听

components_util\BaseMixin.js ： 按键监听混入地层方法

 __emit() {
      // 直接调用listeners，底层组件不需要vueTool记录events
      const args = [].slice.call(arguments, 0);
      const eventName = args[0];
      const event = this.$listeners[eventName];
      if (args.length && event) {
        if (Array.isArray(event)) {
          for (let i = 0, l = event.length; i < l; i++) {
            event[i](https://github.com/vueComponent/ant-design-vue/blob/HEAD/...args.slice(1));
          }
        } else {
          event(...args.slice(1));
        }
      }
    },

Tabs 组件按键监听方法位置

1. components\vc-tabs\src\TabBarRootNode.jsx

onKeyDown() {
    this.__emit('keydown', e);
},

Button 组件按键事件取消位置

1. components\button\button.jsx event.target.blur(); 每次点击后，让button点击后失去焦点

  handleClick(event) {
      const { sLoading } = this.$data;
      if (sLoading) {
        return;
      }
      event.target.blur();
      this.$emit('click', event);
    },

Tree组件修改

• 修改人：陈桦
• 修改时间：2022-02-10 16:44
• 修改问题：双击节点时收起子节点
• 文件：TreeNode.jsx
• 路径：components\vc-tree\src\TreeNode.jsx
• 代码块

onSelectorDoubleClick(e) {
      this.onExpand();  
      const {
        vcTree: { onNodeDoubleClick },
      } = this;
      onNodeDoubleClick(e, this);
    },

An enterprise-class UI components based on Ant Design and Vue.

(English) （中文）

English | 简体中文

Special thanks to the generous sponsorship by:

Features

• An enterprise-class UI design system for desktop applications.
• A set of high-quality Vue components out of the box.
• Shared Ant Design of React design resources.
• Support Vue 3 from 2.x

Environment Support

• Modern browsers and Internet Explorer 9+ (with polyfills)
• Server-side Rendering
• Electron

IE / Edge	Firefox	Chrome	Safari	Opera	Electron
IE9, IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Using npm or yarn

We recommend using npm or yarn to install，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

$ npm install ant-design-vue --save

$ yarn add ant-design-vue

If you are in a bad network environment，you can try other registries and tools like cnpm.

Links

• Home page
• Vue
• Ant Design Of React

Ecosystem

Donation

ant-design-vue is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more backers. You can support us in any of the following ways:

• Patreon
• opencollective
• paypal
• 支付宝或微信

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Patreon

Support us with a monthly donation and help us continue our activities. [Become a backer]

More Sponsor (From Patreon、alipay、wechat、paypal...)