cnhis-design-vue 2.2.3 → 2.2.6

package/packages/slider-tree/index.vue

@@ -1,391 +0,0 @@
-<template>
-  <div
-    class="left-tree-wrap"
-    ref="left"
-    :style = "{
-      width: flexWidth + 'px',
-    }"
-    v-flexible-resize="{
-        mode: 'VR',
-        onMove: changeWidth,
-        onEnd: saveWidth
-      }"
-  >
-    <div class="search-groups">
-      <a-input-search
-        placeholder="搜索关键字"
-        v-model="searchValue"
-        @change="onSearch"
-        @search="onSearch"
-        allowClear
-      />
-      <!-- 按钮插槽 -->
-      <slot name="buttons"></slot>
-    </div>
-
-    <!-- 标签tab插槽 -->
-    <slot name="tabs"></slot>
-    <div class="tree-wrap">
-      <a-tree
-        v-if="treeData.length > 0"
-        v-bind="treeProperty"
-        v-on="treeEvents"
-      >
-        <template slot="title" slot-scope="node">
-          <!-- 图标插槽 -->
-          <div class="tree-left">
-            <slot name="icons" :node="node"></slot>
-            <span class="dept-name" v-if="node.title.indexOf(searchValue.trim()) > -1" :title="node.title">
-              {{ node.title.substr(0, node.title.indexOf(searchValue.trim())) }}
-              <span style="color: #2563F4">{{ searchValue.trim() }}</span>
-              {{
-                node.title.substr(
-                  node.title.indexOf(searchValue.trim()) + searchValue.trim().length
-                )
-              }}
-            </span>
-            <span v-else :title="node.title">{{ node.title }}</span>
-          </div>
-
-          <!-- 操作插槽 -->
-          <slot name="operate" :node="node"></slot>
-        </template>
-      </a-tree>
-      <div class="empty-container" v-else>
-        <a-empty description="暂无数据"/>
-      </div>
-    </div>
-
-    <div class="table-footer-wrap">
-      <slot name="output"></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-/* eslint-disable no-async-promise-executor */
-
-import { Tree, Input, Empty } from 'ant-design-vue';
-import flexibleResize from '@/directive/flexibleResize';
-import useAsyncData from './hooks/useAsyncData.js';
-import { traversalData } from './utils'
-const {
-  getChildrenByOrgPartenId,
-  searchEmpTreeData,
-  getDeptList,
-} = useAsyncData();
-import create from '@/core/create';
-
-const isMatchFn = (node, keyword) => {
-  keyword = keyword?.toLowerCase();
-  let { title = "", abbrp = "", abbrw = "", key, filterSearch = [] } = node;
-  const nameMatch = title?.toLowerCase()?.indexOf(keyword) > -1; // 名字匹配
-  const codeMatch = key?.toLowerCase()?.indexOf(keyword) > -1; // 编码匹配
-  // 拼音和五笔汇总，数组格式
-  const filterMatch = filterSearch.some((item) => item.toLowerCase().indexOf(keyword) > -1);
-  // const pyCodeMatch = abbrp?.toLowerCase()?.indexOf(keyword) > -1; // 拼音匹配
-  // const wbCodeMatch = abbrw?.toLowerCase()?.indexOf(keyword) > -1; // 五笔匹配
-  if (nameMatch || codeMatch || filterMatch) {
-    return true;
-  } else {
-    return false;
-  }
-};
-
-export default create({
-  name: 'slider-tree',
-  directives: {
-    flexibleResize
-  },
-  components: {
-    [Tree.name]: Tree,
-    [Empty.name]: Empty,
-    [Input.Search.name]: Input.Search,
-  },
-  props: {
-    // 侧边栏初始宽度
-    sliderInitialWidth: {
-      type: Number,
-      default: 300
-    },
-    // 回调对象集合
-    treeSearchApiConfig: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      // 初始宽度
-      flexWidth: this.sliderInitialWidth,
-      // 搜索关键词
-      searchValue: "",
-      treeData: [],
-      expandedKeys: [],
-      selectedKeys: [],
-      // 选中的左侧树节点
-      selectNode: {},
-      // 拖拽的数据
-      dragData: {}
-    };
-  },
-  computed: {
-    treeProperty(){
-      let obj = {};
-      for(let key in this.$attrs) {
-        obj[key] = this.$attrs[key];
-      }
-      const mergeProps = {
-        treeData: this.treeData,
-        expandedKeys: this.expandedKeys,
-        selectedKeys: this.selectedKeys,
-        showIcon: true,
-        loadData: this.onLoadData,
-        ...obj
-      }
-      return mergeProps;
-    },
-    treeEvents() {
-      let obj = {};
-      for(let key in this.$listeners) {
-        obj[key] = this.$listeners[key];
-      }
-      const mergeEvents = {
-        expand: this.onExpand,
-        select: this.onNodeSelect,
-        ...obj
-      }
-      return mergeEvents;
-    }
-  },
-  async mounted() {
-    console.log('$attrs>>>', this.$attrs);
-    console.log('$listeners>>>', this.$listeners);
-    await this.init();
-  },
-  methods: {
-    // 初始化节点数据
-    async init() {
-      await this.getChildrenByOrgPartenId();
-      if (!this.treeData.length) return;
-      this.expandedKeys = [this.treeData[0].code];
-      this.selectedKeys = [this.treeData[0].code];
-      this.selectNode = this.treeData[0];
-      this.$emit("selectNode", JSON.parse(JSON.stringify(this.treeData[0])));
-    },
-    onExpand(expandedKeys) {
-      this.expandedKeys = expandedKeys;
-    },
-    // 选中树节点
-    onNodeSelect(selectedKeys = [], { node }) {
-      if (selectedKeys.length) {
-        // 选中
-        this.expandedKeys = [...this.expandedKeys, ...selectedKeys];
-      } else {
-        // 取消选中
-        this.expandedKeys = this.expandedKeys.filter(
-          key => key !== this.selectedKeys[0]
-        );
-      }
-      this.selectedKeys = selectedKeys;
-      this.$emit("selectNode", node.dataRef);
-      const data = Object.create(node.dataRef);
-      this.selectNode = data;
-    },
-    async onSearch() {
-      const searchValue = this.searchValue.trim();
-      if (searchValue) {
-        const {
-          data, success
-        } = await searchEmpTreeData({
-          search: searchValue
-        }, this.treeSearchApiConfig);
-        if (success) {
-          this.treeData = data;
-          this.expandedKeys = this.getExpandKeys(data);
-        }
-      } else {
-        this.refreshNode();
-      }
-    },
-    async refreshNode(selectOrgId) {
-      await this.getChildrenByOrgPartenId();
-      let orgId = this.treeData[0].orgId;
-      let setIndex = 0;
-      if (selectOrgId) {
-        orgId = selectOrgId;
-        setIndex = this.treeData.findIndex(org => org.orgId === orgId);
-      }
-      const data = await this.getDeptData(orgId);
-      if (data) {
-        this.$set(this.treeData, setIndex, data);
-      }
-    },
-
-    // 获取科室管理科室列表
-    async getDeptData(orgId) {
-      const {
-        data,
-        success
-      } = await getDeptList({ orgId }, this.treeSearchApiConfig);
-      if (success) {
-        const temp = this.treeData.find(org => org.orgId === orgId);
-        temp.children = data;
-        return temp;
-      }
-    },
-
-    // 计算转换数据
-    transformOriginToTree(data, children, callback) {
-      for (const item of traversalData(data, children)) {
-        callback && callback(item);
-      }
-      return data;
-    },
-
-    // 根据机构id查本身及下级机构
-    async getChildrenByOrgPartenId() {
-      const {
-        success, data
-      } = await getChildrenByOrgPartenId(null, this.treeSearchApiConfig);
-      if (success) {
-        this.treeData = data;
-      }
-    },
-    // 更新树节点信息
-    onLoadData(treeNode) {
-      return new Promise(async resolve => {
-        if (treeNode.dataRef && !treeNode.dataRef.children) {
-          const {
-            data,
-            success
-          } = await getDeptList({ orgId: treeNode.dataRef.orgId }, this.treeSearchApiConfig);
-          if (data) {
-            treeNode.dataRef.children = data;
-            this.treeData = [...this.treeData];
-          }
-          resolve();
-          return;
-        }
-        resolve();
-      });
-    },
-    // 获取展开的key
-    getExpandKeys(data) {
-      const expandKeys = [];
-      for (const item of traversalData(data, 'children')) {
-        // 有子级匹配就展开
-        let hasChildMatch = false;
-        for (const subItem of traversalData(
-          item.children,
-          'children'
-        )) {
-          if (isMatchFn(subItem, this.searchValue)) {
-            hasChildMatch = true;
-          }
-        }
-        if (hasChildMatch) {
-          expandKeys.push(item.key);
-        }
-      }
-      return expandKeys;
-    },
-
-    changeWidth({ distance }) {
-      const w = this.flexWidth + distance;
-      this.flexWidth = Math.min(Math.max(w, 50), 1000);
-    },
-    // 保存拖动的宽度
-    saveWidth() {
-      this.$emit("saveWidth", this.flexWidth);
-    }
-  }
-});
-</script>
-<style lang="less" scoped>
-.left-tree-wrap {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  height: 100%;
-  padding: 8px;
-  box-sizing: border-box;
-  background: #fff;
-  border-right: 1px solid rgba(0, 0, 0, 0.1);
-  .search-groups{
-    display: flex;
-    align-items: center;
-    .ant-input-search{
-      flex: 1;
-    }
-  }
-  .tree-wrap{
-    margin-top: 8px;
-    flex: 1;
-    overflow-y: auto;
-    /deep/.ant-tree {
-      flex: 1;
-      overflow-y: auto;
-      .ant-tree-switcher {
-        width: 10px;
-      }
-      .ant-tree-title{
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        width: 100%;
-        .tree-left{
-          display: flex;
-          align-items: center;
-          flex: 1;
-          .dept-name{
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            overflow: hidden;
-          }
-        }
-      }
-      .ant-tree-node-content-wrapper {
-        position: relative;
-        width: calc(100% - 24px);
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        .node-action {
-          position: absolute;
-          right: 0;
-          top: 0;
-          z-index: 9;
-          display: none;
-        }
-        &:hover .node-action {
-          display: block;
-        }
-      }
-      li span[draggable],
-      .ant-tree li span[draggable] {
-        border: none;
-      }
-    }
-    .empty-container{
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			height: 100%;
-    }
-  }
-  .table-footer-wrap{
-    margin-top: 8px;
-  }
-  .resizable {
-    position: absolute;
-    right: -7px;
-    bottom: 0;
-    width: 14px;
-    height: 100%;
-    text-align: center;
-    z-index: 1;
-    cursor: col-resize;
-  }
-}
-</style>

package/packages/slider-tree/utils/index.js

@@ -1,10 +0,0 @@
-export function* traversalData(data, children = "children") {
-  if (!data || !Array.isArray(data)) return;
-  for (let i = 0; i < data.length; i++) {
-    yield data[i];
-    if (data[i][children]) {
-      yield* traversalData(data[i][children], children);
-    }
-  }
-}
-

package/packages/space/index.js

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

package/packages/space/src/Space.jsx

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

package/packages/spin/index.js

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

package/packages/spin/src/Spin.jsx

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

package/packages/statistic/index.js

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

package/packages/statistic/src/Countdown.jsx

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

package/packages/statistic/src/Statistic.jsx

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

package/packages/steps/index.js

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

package/packages/steps/src/Step.jsx

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

package/packages/steps/src/Steps.jsx

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

package/packages/switch/index.js

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

package/packages/switch/src/Switch.jsx

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

package/packages/table-filter/index.js

@@ -1,27 +0,0 @@
-// 导入组件
-// import tableFilter from './src/index';
-let tableFilter = {};
-
-import QuickSearch from './src/quick-search/QuickSearch'
-import Classification from './src/classification/Classification-com'
-import BaseSearch from './src/base-search-com/BaseSearch'
-import SearchCondition from './src/components/search-condition/SearchCondition'
-
-// 为组件提供 install 安装方法，供按需引入
-tableFilter.install = function(Vue) {
-  // Vue.component(tableFilter.name, tableFilter);
-  Vue.component(QuickSearch.name, QuickSearch);
-  Vue.component(Classification.name, Classification);
-  Vue.component(BaseSearch.name, BaseSearch);
-  Vue.component(SearchCondition.name, SearchCondition);
-};
-
-Object.assign(tableFilter, {
-  QuickSearch,
-  Classification,
-  BaseSearch,
-  SearchCondition
-});
-
-// 默认导出组件
-export default tableFilter;