Browse Source

refactor: revert vc-xxx

pull/2935/head
undefined 4 years ago
parent
commit
609de24f19
  1. 2
      antdv-demo
  2. 17
      components/vc-resize-observer/index.jsx
  3. 2
      webpack.config.js

2
antdv-demo

@ -1 +1 @@
Subproject commit 955716e4e9533bc628c651d6ba6c8d1eb9b21a9d Subproject commit 79d49c0ff31a4f505ccd5bc3ad238c08f9925212

17
components/vc-resize-observer/index.tsx → components/vc-resize-observer/index.jsx

@ -1,24 +1,19 @@
// based on rc-resize-observer 0.1.3 // based on rc-resize-observer 0.1.3
import { defineComponent, PropType } from 'vue';
import ResizeObserver from 'resize-observer-polyfill'; import ResizeObserver from 'resize-observer-polyfill';
import BaseMixin from '../_util/BaseMixin'; import BaseMixin from '../_util/BaseMixin';
import { findDOMNode } from '../_util/props-util'; import { findDOMNode } from '../_util/props-util';
// Still need to be compatible with React 15, we use class component here // Still need to be compatible with React 15, we use class component here
const VueResizeObserver = defineComponent({ const VueResizeObserver = {
name: 'ResizeObserver', name: 'ResizeObserver',
mixins: [BaseMixin], mixins: [BaseMixin],
props: { props: {
disabled: Boolean, disabled: Boolean,
onResize: Function as PropType< onResize: Function,
(size: { width: number; height: number; offsetWidth: number; offsetHeight: number }) => void
>,
}, },
beforeCreate() { data() {
this.currentElement = null; this.currentElement = null;
this.resizeObserver = null; this.resizeObserver = null;
},
data() {
return { return {
width: 0, width: 0,
height: 0, height: 0,
@ -59,7 +54,7 @@ const VueResizeObserver = defineComponent({
} }
}, },
handleResize(entries: ResizeObserverEntry[]) { handleResize(entries) {
const { target } = entries[0]; const { target } = entries[0];
const { width, height } = target.getBoundingClientRect(); const { width, height } = target.getBoundingClientRect();
/** /**
@ -87,8 +82,8 @@ const VueResizeObserver = defineComponent({
}, },
render() { render() {
return this.$slots.default?.()[0]; return this.$slots.default && this.$slots.default()[0];
}, },
}); };
export default VueResizeObserver; export default VueResizeObserver;

2
webpack.config.js

@ -33,7 +33,7 @@ const babelConfig = {
style: true, style: true,
}, },
], ],
['@vue/babel-plugin-jsx', { optimize: true }], ['@vue/babel-plugin-jsx'],
'@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-optional-chaining',
'@babel/plugin-transform-object-assign', '@babel/plugin-transform-object-assign',
'@babel/plugin-proposal-object-rest-spread', '@babel/plugin-proposal-object-rest-spread',

Loading…
Cancel
Save