@wangxinowo/vue-datepicker-next 1.0.0

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@wangxinowo/vue-datepicker-next",
+  "version": "1.0.0",
+  "description": "A powerful Vue 2.x DatePicker component based on Ant Design Vue",
+  "main": "dist/vue-datepicker-next.min.js",
+  "module": "dist/vue-datepicker-next.min.js",
+  "typings": "types/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "types"
+  ],
+  "scripts": {
+    "build": "npm run build:dist",
+    "build:dist": "webpack --config webpack.config.js --mode production",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "vue",
+    "datepicker",
+    "date-picker",
+    "rangepicker",
+    "calendar",
+    "ant-design"
+  ],
+  "author": "wangxinowo",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wangxinowo/vue-datepicker-next.git"
+  },
+  "peerDependencies": {
+    "vue": "^2.6.0"
+  },
+  "dependencies": {
+    "@ant-design/icons-vue": "^2.0.0",
+    "add-dom-event-listener": "^1.1.0",
+    "array-tree-filter": "^2.1.0",
+    "classnames": "^2.2.5",
+    "component-classes": "^1.2.6",
+    "dayjs": "^1.11.19",
+    "dom-align": "^1.10.4",
+    "dom-scroll-into-view": "^2.0.0",
+    "lodash": "^4.17.5",
+    "moment": "^2.21.0",
+    "omit.js": "^2.0.2",
+    "raf": "^3.4.1",
+    "resize-observer-polyfill": "^1.5.1",
+    "shallowequal": "^1.0.2",
+    "vue-ref": "^2.0.0",
+    "warning": "^4.0.0"
+  },
+  "devDependencies": {
+    "@babel/plugin-syntax-jsx": "^7.27.1",
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.3",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.5",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-runtime": "^6.26.0",
+    "cross-env": "^7.0.0",
+    "css-loader": "^3.0.0",
+    "ignore-loader": "^0.1.2",
+    "less": "^3.9.0",
+    "less-loader": "^6.0.0",
+    "mini-css-extract-plugin": "^0.10.0",
+    "vue": "^2.6.11",
+    "vue-loader": "^15.6.2",
+    "vue-template-compiler": "^2.6.11",
+    "webpack": "^4.28.4",
+    "webpack-cli": "^3.2.1"
+  },
+  "sideEffects": [
+    "*.less",
+    "*.css",
+    "**/style/*"
+  ]
+}

package/src/components/_util/BaseMixin.js

@@ -0,0 +1,40 @@
+import { getOptionProps } from './props-util';
+
+export default {
+  methods: {
+    setState(state = {}, callback) {
+      let newState = typeof state === 'function' ? state(this.$data, this.$props) : state;
+      if (this.getDerivedStateFromProps) {
+        const s = this.getDerivedStateFromProps(getOptionProps(this), {
+          ...this.$data,
+          ...newState,
+        });
+        if (s === null) {
+          return;
+        } else {
+          newState = { ...newState, ...(s || {}) };
+        }
+      }
+      Object.assign(this.$data, newState);
+      this.$forceUpdate();
+      this.$nextTick(() => {
+        callback && callback();
+      });
+    },
+    __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));
+        }
+      }
+    },
+  },
+};

package/src/components/_util/ContainerRender.jsx

@@ -0,0 +1,98 @@
+import PropTypes from './vue-types';
+
+export default {
+  props: {
+    autoMount: PropTypes.bool.def(true),
+    autoDestroy: PropTypes.bool.def(true),
+    visible: PropTypes.bool,
+    forceRender: PropTypes.bool.def(false),
+    parent: PropTypes.any,
+    getComponent: PropTypes.func.isRequired,
+    getContainer: PropTypes.func.isRequired,
+    children: PropTypes.func.isRequired,
+  },
+
+  mounted() {
+    if (this.autoMount) {
+      this.renderComponent();
+    }
+  },
+
+  updated() {
+    if (this.autoMount) {
+      this.renderComponent();
+    }
+  },
+
+  beforeDestroy() {
+    if (this.autoDestroy) {
+      this.removeContainer();
+    }
+  },
+  methods: {
+    removeContainer() {
+      if (this.container) {
+        this._component && this._component.$destroy();
+        this.container.parentNode.removeChild(this.container);
+        this.container = null;
+        this._component = null;
+      }
+    },
+
+    renderComponent(props = {}, ready) {
+      const { visible, forceRender, getContainer, parent } = this;
+      const self = this;
+      if (visible || parent._component || parent.$refs._component || forceRender) {
+        let el = this.componentEl;
+        if (!this.container) {
+          this.container = getContainer();
+          el = document.createElement('div');
+          this.componentEl = el;
+          this.container.appendChild(el);
+        }
+        // self.getComponent 不要放在 render 中，会因为响应式数据问题导致，多次触发 render
+        const com = { component: self.getComponent(props) };
+        if (!this._component) {
+          this._component = new this.$root.constructor({
+            el,
+            parent: self,
+            data: {
+              _com: com,
+            },
+            mounted() {
+              this.$nextTick(() => {
+                if (ready) {
+                  ready.call(self);
+                }
+              });
+            },
+            updated() {
+              this.$nextTick(() => {
+                if (ready) {
+                  ready.call(self);
+                }
+              });
+            },
+            methods: {
+              setComponent(_com) {
+                this.$data._com = _com;
+              },
+            },
+            render() {
+              return this.$data._com.component;
+            },
+          });
+        } else {
+          this._component.setComponent(com);
+        }
+      }
+    },
+  },
+
+  render() {
+    return this.children({
+      renderComponent: this.renderComponent,
+      removeContainer: this.removeContainer,
+    });
+  },
+};

package/src/components/_util/FormDecoratorDirective.js

@@ -0,0 +1,10 @@
+export function antDecorator(Vue) {
+  return Vue.directive('decorator', {});
+}
+
+export default {
+  // just for tag
+  install: Vue => {
+    antDecorator(Vue);
+  },
+};