cnhis-design-vue 2.1.58 → 2.1.59

package/packages/keep-cache/KeepCache.js

@@ -1,236 +1,236 @@
-/*
-  creation time：2019.07.01
-
-  基于 vue keep-alive 修改 满足该项目的缓存需求：
-  修改点：原根据组件名称（name）缓存 => 路由名称（$route.name）
-
-  vue keep-alive 源码：
-  https://github.com/vuejs/vue/blob/dev/src/core/components/keep-alive.js
-
- */
-import create from '@/core/create';
-import './index.css';
-const patternTypes = [String, RegExp, Array];
-
-// 获取一个子元素
-function getFirstComponentChild(children) {
-  if (Array.isArray(children)) {
-    for (let i = 0; i < children.length; i++) {
-      const c = children[i];
-      if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) {
-        return c;
-      }
-    }
-  }
-}
-
-function isAsyncPlaceholder(node) {
-  return node.isComment && node.asyncFactory;
-}
-
-// 不是空
-function isDef(v) {
-  return v !== undefined && v !== null;
-}
-
-function isEqual(a, b) {
-  return a === b;
-}
-
-function isRegExp(v) {
-  return Object.prototype.toString.call(v) === "[object RegExp]";
-}
-// 删除数组的元素
-function remove(arr, item) {
-  if (arr.length) {
-    const index = arr.indexOf(item);
-    if (index > -1) {
-      return arr.splice(index, 1);
-    }
-  }
-}
-
-/* 检测name是否匹配 */
-function matches(pattern, name) {
-  if (Array.isArray(pattern)) {
-    return pattern.indexOf(name) > -1;
-    /* 字符串情况，如a,b,c */
-  } else if (typeof pattern === "string") {
-    return pattern.split(",").indexOf(name) > -1;
-    /* 正则 */
-  } else if (isRegExp(pattern)) {
-    return pattern.test(name);
-  }
-  /* istanbul ignore next */
-  return false;
-}
-
-function pruneCache(keepAliveInstance, filter) {
-  const { cache, keys, _vnode } = keepAliveInstance;
-  for (const key in cache) {
-    const cachedNode = cache[key];
-    if (cachedNode) {
-      // 获取组件 name 值 => cache 的 key 值。
-      // const name: ?string = getComponentName(cachedNode.componentOptions)
-      if (key && !filter(key)) {
-        // console.log("--------------删除");
-        pruneCacheEntry(cache, key, keys, _vnode);
-      }
-    }
-  }
-}
-
-/* 销毁vnode对应的组件实例（Vue实例） */
-function pruneCacheEntry(cache, key, keys, current) {
-  /* name不符合filter条件的，同时不是目前渲染的vnode时，销毁vnode对应的组件实例（Vue实例），并从cache中移除 */
-  const cached = cache[key];
-  if (
-    cached &&
-    (!current ||
-      !isEqual(cached.tag, current.tag) ||
-      !isEqual(cached.key, current.key))
-  ) {
-    cached.componentInstance.$destroy();
-  }
-  cache[key] = null;
-  remove(keys, key);
-}
-
-function getComponentName(opts) {
-  return opts && (opts.Ctor.options.name || opts.tag);
-}
-
-function getCacheKey(fn, vnode, route) {
-  let key = undefined;
-  let comName = undefined;
-  const componentOptions = vnode && vnode.componentOptions;
-  componentOptions && (comName = getComponentName(componentOptions));
-
-  try {
-    if (typeof fn === "function") {
-      key = fn(vnode, route || {}) || comName;
-    } else {
-      key = comName;
-    }
-  } catch (error) {
-    console.log(error);
-    key = comName;
-  }
-  // 转换字符串输出，防止传入 Object 类型报错;
-  return String(key);
-}
-/* keep-alive组件 */
-export default create({
-  name: "keep-cache",
-  /* 抽象组件 */
-  abstract: true,
-
-  props: {
-    include: patternTypes,
-    exclude: patternTypes,
-    getCacheKey: Function,
-    max: [String, Number],
-  },
-
-  created() {
-    /* 缓存对象 */
-    this.cache = Object.create(null);
-    this.keys = [];
-  },
-
-  /* destroyed钩子中销毁所有cache中的组件实例 */
-  destroyed() {
-    for (const key in this.cache) {
-      pruneCacheEntry(this.cache, key, this.keys);
-    }
-  },
-
-  mounted() {
-    this.$watch("include", (val) => {
-      pruneCache(this, (name) => matches(val, name));
-      // for (const key in this.cache) {
-      //   if (!matches(val, key)) {
-      //     const vnode = this.cache[key];
-      //     vnode && vnode.componentInstance.$destroy();
-      //     remove(this.keys, key);
-      //     delete this.cache[key];
-      //   }
-      // }
-    });
-    this.$watch("exclude", (val) => {
-      pruneCache(this, (name) => !matches(val, name));
-    });
-  },
-
-  render() {
-    // 热更新直接触发了render函数
-    const slot = this.$slots.default;
-    /* 得到slot插槽中的第一个组件 */
-
-    const vnode = getFirstComponentChild(slot);
-    // const vnode = slot ? slot[0] : null;
-    const componentOptions = vnode && vnode.componentOptions;
-    if (componentOptions) {
-      // 给 vnode 新增 key 属性
-      vnode.key = vnode.key || (vnode.isComment ? "comment" : vnode.tag);
-      // 获取缓存的key
-      const name = getCacheKey(this.getCacheKey, vnode, this.$route);
-      // 重定义 key 值
-      // 转换字符串处理
-      let StrKey = String(vnode.key);
-      if (StrKey.indexOf(name) === -1) {
-        vnode.key = `__chache-${name}-${vnode.key}`;
-      }
-
-      const { include, exclude } = this;
-      /* name不在inlcude中或者在exlude中则直接返回vnode（没有取缓存） */
-      if (
-        // not included
-        (include && (!name || !matches(include, name))) ||
-        // excluded
-        (exclude && name && matches(exclude, name))
-      ) {
-        return vnode;
-      }
-
-      const { cache, keys } = this;
-      // 缓存对象 的 key
-      const key = name ? name : vnode.key;
-      // const key =
-      //   vnode.key == null
-      //     ? componentOptions.Ctor.cid + (name ? name : "")
-      //     : vnode.key;
-      // const key = vnode.key == null
-      //   // same constructor may get registered as different local components
-      //   // so cid alone is not enough (#3269)
-      //   ? componentOptions.Ctor.cid + (componentOptions.tag ? `::${componentOptions.tag}` : '')
-      //   : vnode.key
-      /* 如果已经做过缓存了则直接从缓存中获取组件实例给vnode，还未缓存过则进行缓存 */
-      if (cache[key]) {
-        // vnode.componentInstance = cache[key].componentInstance;
-        if (vnode.key === cache[key].key) {
-          // restore vnode from cache
-          vnode.componentInstance = cache[key].componentInstance;
-        } else {
-          // replace vnode to cache
-          cache[key].componentInstance.$destroy();
-          cache[key] = vnode;
-        }
-        // make current key freshest
-        remove(keys, key);
-        keys.push(key);
-      } else {
-        cache[key] = vnode;
-        // keys 缓存 list
-        keys.push(key);
-        // prune oldest entry
-        if (this.max && keys.length > parseInt(this.max)) {
-          pruneCacheEntry(cache, keys[0], keys, this._vnode);
-        }
-      }
-      /* keepAlive标记位 */
-      vnode.data.keepAlive = true;
-    }
-    return vnode || (slot && slot[0]);
-  },
-});
+/*
+  creation time：2019.07.01
+
+  基于 vue keep-alive 修改 满足该项目的缓存需求：
+  修改点：原根据组件名称（name）缓存 => 路由名称（$route.name）
+
+  vue keep-alive 源码：
+  https://github.com/vuejs/vue/blob/dev/src/core/components/keep-alive.js
+
+ */
+import create from '@/core/create';
+import './index.css';
+const patternTypes = [String, RegExp, Array];
+
+// 获取一个子元素
+function getFirstComponentChild(children) {
+  if (Array.isArray(children)) {
+    for (let i = 0; i < children.length; i++) {
+      const c = children[i];
+      if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) {
+        return c;
+      }
+    }
+  }
+}
+
+function isAsyncPlaceholder(node) {
+  return node.isComment && node.asyncFactory;
+}
+
+// 不是空
+function isDef(v) {
+  return v !== undefined && v !== null;
+}
+
+function isEqual(a, b) {
+  return a === b;
+}
+
+function isRegExp(v) {
+  return Object.prototype.toString.call(v) === "[object RegExp]";
+}
+// 删除数组的元素
+function remove(arr, item) {
+  if (arr.length) {
+    const index = arr.indexOf(item);
+    if (index > -1) {
+      return arr.splice(index, 1);
+    }
+  }
+}
+
+/* 检测name是否匹配 */
+function matches(pattern, name) {
+  if (Array.isArray(pattern)) {
+    return pattern.indexOf(name) > -1;
+    /* 字符串情况，如a,b,c */
+  } else if (typeof pattern === "string") {
+    return pattern.split(",").indexOf(name) > -1;
+    /* 正则 */
+  } else if (isRegExp(pattern)) {
+    return pattern.test(name);
+  }
+  /* istanbul ignore next */
+  return false;
+}
+
+function pruneCache(keepAliveInstance, filter) {
+  const { cache, keys, _vnode } = keepAliveInstance;
+  for (const key in cache) {
+    const cachedNode = cache[key];
+    if (cachedNode) {
+      // 获取组件 name 值 => cache 的 key 值。
+      // const name: ?string = getComponentName(cachedNode.componentOptions)
+      if (key && !filter(key)) {
+        // console.log("--------------删除");
+        pruneCacheEntry(cache, key, keys, _vnode);
+      }
+    }
+  }
+}
+
+/* 销毁vnode对应的组件实例（Vue实例） */
+function pruneCacheEntry(cache, key, keys, current) {
+  /* name不符合filter条件的，同时不是目前渲染的vnode时，销毁vnode对应的组件实例（Vue实例），并从cache中移除 */
+  const cached = cache[key];
+  if (
+    cached &&
+    (!current ||
+      !isEqual(cached.tag, current.tag) ||
+      !isEqual(cached.key, current.key))
+  ) {
+    cached.componentInstance.$destroy();
+  }
+  cache[key] = null;
+  remove(keys, key);
+}
+
+function getComponentName(opts) {
+  return opts && (opts.Ctor.options.name || opts.tag);
+}
+
+function getCacheKey(fn, vnode, route) {
+  let key = undefined;
+  let comName = undefined;
+  const componentOptions = vnode && vnode.componentOptions;
+  componentOptions && (comName = getComponentName(componentOptions));
+
+  try {
+    if (typeof fn === "function") {
+      key = fn(vnode, route || {}) || comName;
+    } else {
+      key = comName;
+    }
+  } catch (error) {
+    console.log(error);
+    key = comName;
+  }
+  // 转换字符串输出，防止传入 Object 类型报错;
+  return String(key);
+}
+/* keep-alive组件 */
+export default create({
+  name: "keep-cache",
+  /* 抽象组件 */
+  abstract: true,
+
+  props: {
+    include: patternTypes,
+    exclude: patternTypes,
+    getCacheKey: Function,
+    max: [String, Number],
+  },
+
+  created() {
+    /* 缓存对象 */
+    this.cache = Object.create(null);
+    this.keys = [];
+  },
+
+  /* destroyed钩子中销毁所有cache中的组件实例 */
+  destroyed() {
+    for (const key in this.cache) {
+      pruneCacheEntry(this.cache, key, this.keys);
+    }
+  },
+
+  mounted() {
+    this.$watch("include", (val) => {
+      pruneCache(this, (name) => matches(val, name));
+      // for (const key in this.cache) {
+      //   if (!matches(val, key)) {
+      //     const vnode = this.cache[key];
+      //     vnode && vnode.componentInstance.$destroy();
+      //     remove(this.keys, key);
+      //     delete this.cache[key];
+      //   }
+      // }
+    });
+    this.$watch("exclude", (val) => {
+      pruneCache(this, (name) => !matches(val, name));
+    });
+  },
+
+  render() {
+    // 热更新直接触发了render函数
+    const slot = this.$slots.default;
+    /* 得到slot插槽中的第一个组件 */
+
+    const vnode = getFirstComponentChild(slot);
+    // const vnode = slot ? slot[0] : null;
+    const componentOptions = vnode && vnode.componentOptions;
+    if (componentOptions) {
+      // 给 vnode 新增 key 属性
+      vnode.key = vnode.key || (vnode.isComment ? "comment" : vnode.tag);
+      // 获取缓存的key
+      const name = getCacheKey(this.getCacheKey, vnode, this.$route);
+      // 重定义 key 值
+      // 转换字符串处理
+      let StrKey = String(vnode.key);
+      if (StrKey.indexOf(name) === -1) {
+        vnode.key = `__chache-${name}-${vnode.key}`;
+      }
+
+      const { include, exclude } = this;
+      /* name不在inlcude中或者在exlude中则直接返回vnode（没有取缓存） */
+      if (
+        // not included
+        (include && (!name || !matches(include, name))) ||
+        // excluded
+        (exclude && name && matches(exclude, name))
+      ) {
+        return vnode;
+      }
+
+      const { cache, keys } = this;
+      // 缓存对象 的 key
+      const key = name ? name : vnode.key;
+      // const key =
+      //   vnode.key == null
+      //     ? componentOptions.Ctor.cid + (name ? name : "")
+      //     : vnode.key;
+      // const key = vnode.key == null
+      //   // same constructor may get registered as different local components
+      //   // so cid alone is not enough (#3269)
+      //   ? componentOptions.Ctor.cid + (componentOptions.tag ? `::${componentOptions.tag}` : '')
+      //   : vnode.key
+      /* 如果已经做过缓存了则直接从缓存中获取组件实例给vnode，还未缓存过则进行缓存 */
+      if (cache[key]) {
+        // vnode.componentInstance = cache[key].componentInstance;
+        if (vnode.key === cache[key].key) {
+          // restore vnode from cache
+          vnode.componentInstance = cache[key].componentInstance;
+        } else {
+          // replace vnode to cache
+          cache[key].componentInstance.$destroy();
+          cache[key] = vnode;
+        }
+        // make current key freshest
+        remove(keys, key);
+        keys.push(key);
+      } else {
+        cache[key] = vnode;
+        // keys 缓存 list
+        keys.push(key);
+        // prune oldest entry
+        if (this.max && keys.length > parseInt(this.max)) {
+          pruneCacheEntry(cache, keys[0], keys, this._vnode);
+        }
+      }
+      /* keepAlive标记位 */
+      vnode.data.keepAlive = true;
+    }
+    return vnode || (slot && slot[0]);
+  },
+});

package/packages/keep-cache/index.css

@@ -1,3 +1,3 @@
-body {
-  width: 100%;
+body {
+  width: 100%;
 }

package/packages/keep-cache/index.js

@@ -1,8 +1,8 @@
-// 引入组件
-import KeepCacheComponent from "./KeepCache";
-
-  KeepCacheComponent.install = function(Vue) {
-    Vue.component(KeepCacheComponent.name, KeepCacheComponent);
-  }
-// 导出
-export default KeepCacheComponent;
+// 引入组件
+import KeepCacheComponent from "./KeepCache";
+
+  KeepCacheComponent.install = function(Vue) {
+    Vue.component(KeepCacheComponent.name, KeepCacheComponent);
+  }
+// 导出
+export default KeepCacheComponent;

package/packages/layout/index.js

@@ -1,27 +1,27 @@
-// 导入组件
-import Base from '../base';
-import Layout from './src/Layout';
-import Header from './src/Header';
-import Content from './src/Content';
-import Footer from './src/Footer';
-import Sider from './src/Sider';
-
-// 为组件提供 install 安装方法，供按需引入
-Layout.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Layout.name, Layout);
-  Vue.component(Header.name, Header);
-  Vue.component(Content.name, Content);
-  Vue.component(Footer.name, Footer);
-  Vue.component(Sider.name, Sider);
-};
-
-Object.assign(Layout, {
-  Header,
-  Footer,
-  Content,
-  Sider
-});
-
-// 默认导出组件
-export default Layout;
+// 导入组件
+import Base from '../base';
+import Layout from './src/Layout';
+import Header from './src/Header';
+import Content from './src/Content';
+import Footer from './src/Footer';
+import Sider from './src/Sider';
+
+// 为组件提供 install 安装方法，供按需引入
+Layout.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(Layout.name, Layout);
+  Vue.component(Header.name, Header);
+  Vue.component(Content.name, Content);
+  Vue.component(Footer.name, Footer);
+  Vue.component(Sider.name, Sider);
+};
+
+Object.assign(Layout, {
+  Header,
+  Footer,
+  Content,
+  Sider
+});
+
+// 默认导出组件
+export default Layout;

package/packages/layout/src/Content.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Layout } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'layout-content',
-  extends: Layout.Content
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Layout } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'layout-content',
+  extends: Layout.Content
+});

package/packages/layout/src/Footer.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Layout } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'layout-footer',
-  extends: Layout.Footer
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Layout } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'layout-footer',
+  extends: Layout.Footer
+});

package/packages/layout/src/Header.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Layout } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'layout-header',
-  extends: Layout.Header
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Layout } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'layout-header',
+  extends: Layout.Header
+});

package/packages/layout/src/Layout.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Layout } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'layout',
-  extends: Layout
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Layout } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'layout',
+  extends: Layout
+});

package/packages/layout/src/Sider.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Layout } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'layout-sider',
-  extends: Layout.Sider
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Layout } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'layout-sider',
+  extends: Layout.Sider
+});