cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/input/src/input-quick/index.vue

@@ -1,137 +0,0 @@
-<template>
-  <div>
-    <slot v-if="isShowQuick">
-        <quick-popover
-          :ref="`quickPopover-${val_key}`"
-          :quickDataSource="quickDataSource"
-          @handleSelectQuitck="handleSelectQuitck"
-          v-bind="$attrs"
-          v-on="$listeners"
-        >
-          <a-input ref="ant_input" v-bind="$attrs" v-on="$listeners" v-model="inputVal" @change="handleInputChange">
-                <template slot="suffix" v-if="isShowQuick">
-                  <a-tooltip :title="quickBtntitle">
-                    <a-icon
-                      style="color: rgb(85, 133, 245)"
-                      @click="handleOpenQuick(true)"
-                      v-if="isShowQuick"
-                      type="plus-circle"
-                    />
-                  </a-tooltip>
-                </template>
-              </a-input>
-          </quick-popover>
-    </slot>
-    <a-input v-else  v-bind="$attrs" v-on="$listeners" v-model="inputVal" @change="handleInputChange">
-    </a-input>
-  </div>
-</template>
-<script>
-import create from "@/core/create";
-
-import { Input, Tooltip, Icon } from "ant-design-vue";
-import quickPopover from "./components/quick-popover";
-export default create({
-  name: "input-quick",
-  data() {
-    return {
-      inputVal: this.value
-    };
-  },
-
-  model: {
-    prop: "value",
-    event: "change_value"
-  },
-
-  props: {
-    // 是否开启 “快速输入”模式
-    isShowQuick: {
-      type: Boolean,
-      default: true
-    },
-
-    quickDataSource: {
-      type: Array,
-      default: () => []
-    },
-
-    quickBtntitle: {
-      type: String,
-      default: "点击打开快速输入"
-    },
-
-    // 是否有新增，修改，删除的权利
-    isOrgAdmin: {
-      type: Boolean,
-      default: true
-    },
-
-    value: [Number, String]
-  },
-  computed: {
-    val_key() {
-      return "val_key";
-    }
-  },
-  watch: {
-    value(val) {
-      this.inputVal = val;
-    }
-  },
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  activated() {},
-  methods: {
-    onChange(e) {
-      this.$emit("change_value", e.target.value);
-    },
-
-    handleInputChange(e) {
-      this.inputVal = e.target.value;
-      this.onChange(e);
-    },
-
-    handleOpenQuick() {},
-
-    handleSelectQuitck(v, item) {
-      // const handleNesgame = v => {
-      //   if (typeof v == "string") {
-      //     return v.trim();
-      //   }
-      //   return v;
-      // };
-      let c = v?.content || "";
-      this.handleSelectHotKeyword(c);
-      this.$refs[`quickPopover-${this.val_key}`].handleVisibleChange();
-    },
-
-    handleSelectHotKeyword(key) {
-      this.inputVal = key;
-      this.$emit("change_value", key);
-      this.$emit("select", key);
-      // const ant_input = this.$refs.ant_input || {}
-      // const input = ant_input.$el.querySelector(".ant-input");
-      // if (input) {
-      //   input.value = key;
-      //   var event = new InputEvent("input");
-      //   input.dispatchEvent(event);
-      // }
-    }
-  },
-  components: {
-    [Input.name]: Input,
-    [Icon.name]: Icon,
-    [Tooltip.name]: Tooltip,
-    quickPopover
-  }
-});
-</script>
-
-<style lang="less" scoped></style>

package/packages/input-number/index.js

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

package/packages/input-number/src/InputNumber.jsx

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

package/packages/keep-cache/KeepCache.js

@@ -1,236 +0,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 +0,0 @@
-body {
-  width: 100%;
-}

package/packages/keep-cache/index.js

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

package/packages/layout/index.js

@@ -1,27 +0,0 @@
-// 导入组件
-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 +0,0 @@
-/**
- * @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 +0,0 @@
-/**
- * @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 +0,0 @@
-/**
- * @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 +0,0 @@
-/**
- * @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 +0,0 @@
-/**
- * @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
-});

package/packages/list/index.js

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

package/packages/list/src/Item.jsx

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

package/packages/list/src/ItemMeta.jsx

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

package/packages/list/src/List.jsx

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

package/packages/locale-provider/index.js

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

package/packages/locale-provider/src/LocaleProvider.jsx

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

package/packages/map/index.js

@@ -1,10 +0,0 @@
-// 导入组件
-import MapComponent from './src/Map.vue';
-
-// 为组件提供 install 安装方法，供按需引入
-MapComponent.install = function(Vue) {
-  Vue.component(MapComponent.name, MapComponent);
-};
-
-// 默认导出组件
-export default MapComponent;