1. djl-ant-design-vue

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](...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.

test codecov npm package NPM downloads Join the chat at https://gitter.im/vueComponent/ant-design-english (English) Join the chat at https://gitter.im/vueComponent/ant-design-vue(中文) backers sponsors extension-for-VSCode

Dependencies

@commitlint/cli: ^8.0.0@commitlint/config-conventional: ^8.0.0@octokit/rest: ^16.0.0@vue/cli-plugin-eslint: ^4.0.0@vue/server-test-utils: 1.0.0-beta.16@vue/test-utils: 1.0.0-beta.16acorn: ^7.0.0autoprefixer: ^9.6.0axios: ^0.19.0babel-cli: ^6.26.0babel-core: ^6.26.0babel-eslint: ^10.0.1babel-helper-vue-jsx-merge-props: ^2.0.3babel-jest: ^23.6.0babel-loader: ^7.1.2babel-plugin-import: ^1.1.1babel-plugin-inline-import-data-uri: ^1.0.1babel-plugin-istanbul: ^6.0.0babel-plugin-syntax-dynamic-import: ^6.18.0babel-plugin-syntax-jsx: ^6.18.0babel-plugin-transform-class-properties: ^6.24.1babel-plugin-transform-decorators: ^6.24.1babel-plugin-transform-decorators-legacy: ^1.3.4babel-plugin-transform-es3-member-expression-literals: ^6.22.0babel-plugin-transform-es3-property-literals: ^6.22.0babel-plugin-transform-object-assign: ^6.22.0babel-plugin-transform-object-rest-spread: ^6.26.0babel-plugin-transform-runtime: ~6.23.0babel-plugin-transform-vue-jsx: ^3.7.0babel-polyfill: ^6.26.0babel-preset-env: ^1.6.1case-sensitive-paths-webpack-plugin: ^2.1.2chalk: ^3.0.0cheerio: ^1.0.0-rc.2codecov: ^3.0.0colorful: ^2.1.0commander: ^4.0.0compare-versions: ^3.3.0cross-env: ^7.0.0css-loader: ^3.0.0deep-assign: ^2.0.0enquire-js: ^0.2.1eslint: ^6.8.0eslint-config-prettier: ^6.10.1eslint-plugin-html: ^6.0.0eslint-plugin-markdown: ^2.0.0-alpha.0eslint-plugin-vue: ^6.2.2fetch-jsonp: ^1.1.3fs-extra: ^8.0.0glob: ^7.1.2gulp: ^4.0.1gulp-babel: ^7.0.0gulp-strip-code: ^0.1.4html-webpack-plugin: ^3.2.0husky: ^4.0.0istanbul-instrumenter-loader: ^3.0.0jest: ^24.0.0jest-serializer-vue: ^2.0.0jest-transform-stub: ^2.0.0js-base64: ^3.0.0json-templater: ^1.2.0jsonp: ^0.2.1less: ^3.9.0less-loader: ^6.0.0less-plugin-npm-import: ^2.1.0lint-staged: ^10.0.0marked: 0.3.18merge2: ^1.2.1mini-css-extract-plugin: ^0.10.0minimist: ^1.2.0mkdirp: ^0.5.1mockdate: ^2.0.2nprogress: ^0.2.0optimize-css-assets-webpack-plugin: ^5.0.1postcss: ^7.0.6postcss-loader: ^3.0.0prettier: ^1.18.2pretty-quick: ^2.0.0querystring: ^0.2.0raw-loader: ^4.0.0reqwest: ^2.0.5rimraf: ^3.0.0rucksack-css: ^1.0.2selenium-server: ^3.0.1semver: ^7.0.0style-loader: ^1.0.0stylelint: ^13.0.0stylelint-config-prettier: ^8.0.0stylelint-config-standard: ^19.0.0terser-webpack-plugin: ^3.0.3through2: ^3.0.0url-loader: ^3.0.0vue: ^2.6.11vue-antd-md-loader: ^1.1.0vue-clipboard2: 0.3.1vue-draggable-resizable: ^2.1.0vue-eslint-parser: ^7.0.0vue-i18n: ^8.3.2vue-infinite-scroll: ^2.0.2vue-jest: ^2.5.0vue-loader: ^15.6.2vue-router: ^3.0.1vue-server-renderer: ^2.6.11vue-template-compiler: ^2.6.11vue-virtual-scroller: ^1.0.0vuex: ^3.1.0webpack: ^4.28.4webpack-cli: ^3.2.1webpack-dev-server: ^3.1.14webpack-merge: ^4.1.1webpackbar: ^4.0.0xhr-mock: ^2.5.1