djl-ant-design-vue
antd 组件库
- js编译 yarn compile && npm run compile
- 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 组件按键监听方法位置
- components\vc-tabs\src\TabBarRootNode.jsx
onKeyDown() {
this.__emit('keydown', e);
},
Button 组件按键事件取消位置
- 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.
Dependencies
@ant-design/icons: ^2.1.1@ant-design/icons-vue: ^2.0.0@simonwep/pickr: ~1.7.0add-dom-event-listener: ^1.0.2array-tree-filter: ^2.1.0async-validator: ^3.0.3babel-helper-vue-jsx-merge-props: ^2.0.3babel-runtime: 6.xclassnames: ^2.2.5component-classes: ^1.2.6dom-align: ^1.10.4dom-closest: ^0.2.0dom-scroll-into-view: ^2.0.0enquire.js: ^2.1.6intersperse: ^1.0.0is-mobile: ^2.2.1is-negative-zero: ^2.0.0ismobilejs: ^1.0.0json2mq: ^0.2.0lodash: ^4.17.5moment: ^2.21.0mutationobserver-shim: ^0.3.2node-emoji: ^1.10.0omit.js: ^1.0.0raf: ^3.4.0resize-observer-polyfill: ^1.5.1shallow-equal: ^1.0.0shallowequal: ^1.0.2vue-ref: ^2.0.0warning: ^4.0.0
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