cnhis-design-vue 2.2.3 → 2.2.5

package/packages/full-calendar/src/components/TagDetail.vue

@@ -1,288 +0,0 @@
-<template>
-  <div class="tag-detail-wrpper">
-    <div class="header">
-      <p>日程详情</p>
-      <div class="btn-wrap" v-if="item.state != 2">
-        <span class="btn-item" v-for="btn in btns" :key="btn.type" @click.stop="() => clickListBtn(btn)">
-          <a-icon v-if="btn.type === 'close'" :type="btn.type" :style="{ fontSize: '16px' }" />
-          <a-tooltip v-else :title="btn.name" overlayClassName="tippy-tooltip">
-            <a-icon :type="btn.type" :style="{ fontSize: '16px' }" />
-          </a-tooltip>
-        </span>
-      </div>
-    </div>
-    <div class="container">
-      <div class="title content-item">
-        <span>{{ title }}</span>
-      </div>
-      <div class="time content-item">
-        <a-icon type="clock-circle" style="color: #969696;" />
-        <span>{{ calcSchedulerTime }}</span>
-      </div>
-      <div class="content content-item">
-        <a-icon type="profile" style="color: #969696;" />
-        <span>{{ content }}</span>
-      </div>
-    </div>
-    <div class="footer">
-      <span v-if="isEndTippy">该日程时间已结束</span>
-      <span class="btn-item more" @click="handleDetail">
-        详情
-        <a-icon type="right" />
-      </span>
-    </div>
-  </div>
-</template>
-<script>
-import { Tooltip, Icon } from 'ant-design-vue';
-import vexutils, { moment } from '@/utils/vexutils';
-import { getAddTime } from '../utils';
-
-export default {
-  name: 'tag-detail',
-  components: {
-    [Tooltip.name]: Tooltip,
-    [Icon.name]: Icon
-  },
-  data() {
-    return {
-      item: {},
-      title: '',
-      content: '',
-      btns: [
-        // {
-        //   name: '新增',
-        //   type: 'plus-square'
-        // },
-        {
-          name: '编辑',
-          type: 'form'
-        },
-        {
-          name: '删除',
-          type: 'delete'
-        },
-        {
-          name: '关闭',
-          type: 'close'
-        }
-      ]
-    };
-  },
-  filters: {},
-  computed: {
-    isEndTippy() {
-      const { endTime } = this.item || {};
-      if (!endTime) return false;
-      if (
-        moment(endTime).valueOf() <=
-        moment()
-          .clone()
-          .valueOf()
-      )
-        return true;
-      return false;
-    },
-    calcSchedulerTime() {
-      const { startTime, endTime } = this.item;
-      const startStr = (startTime && moment(startTime).format('MM月DD日 ddd HH:mm')) || '';
-      const endStr = (endTime && moment(endTime).format('MM月DD日 ddd HH:mm')) || '';
-      return `${startStr} - ${endStr}`;
-    }
-    // showStatus() {
-    //   if ('statusFlag' in this.item) {
-    //     return false;
-    //   }
-    //   return true;
-    // },
-    // handleStatus() {
-    //   if (this.item?.statusFlag !== 1) {
-    //     return true;
-    //   }
-    //   return false;
-    // }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-  beforeDestroy() {},
-
-  // 方法
-  methods: {
-    clickListBtn(btn) {
-      const { startTime, endTime, scheduleId } = this.item;
-      switch (btn.type) {
-        case 'plus-square':
-          this.$emit('add', getAddTime(startTime));
-          break;
-        case 'form':
-          this.$emit('edit', this.item);
-          break;
-        case 'delete':
-          this.$confirm({
-            title: '提示',
-            content: '是否删除当前日程?',
-            okText: '确定',
-            cancelText: '取消',
-            onOk: () => {
-              this.$parent._delSchedule({ id: scheduleId });
-            },
-            onCancel() {}
-          });
-          break;
-      }
-      this.$parent.tippyInstance?.hide();
-    },
-    handleDetail() {
-      this.$emit('detail', this.item);
-      this.$parent.tippyInstance?.hide();
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.tag-detail-wrpper {
-  width: 356px;
-  background: #ffffff;
-  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  border: 1px solid #d5d5d5;
-  color: #000000;
-
-  .header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: 50px;
-    padding: 0 16px;
-    border-bottom: 1px solid #e6e6e6;
-    p {
-      margin: 0;
-      font-size: 16px;
-    }
-    .btn-wrap {
-      display: inline-flex;
-      align-items: center;
-      font-size: 16px;
-      color: #666666;
-      .btn-item {
-        display: flex;
-        align-items: center;
-        height: 30px;
-        padding: 4px 6px;
-        cursor: pointer;
-
-        &:hover {
-          background: #f2f2f4;
-          border-radius: 4px;
-        }
-      }
-      .btn-item + .btn-item {
-        margin-left: 4px;
-      }
-    }
-  }
-  .container {
-    padding: 14px 6px 14px 14px;
-    max-height: 200px;
-    overflow-y: auto;
-    margin-right: 8px;
-    line-height: 20px;
-    .content-item {
-      display: flex;
-      align-items: center;
-      margin-bottom: 20px;
-      &.title {
-        font-size: 16px;
-        line-height: 22px;
-        font-weight: 500;
-        color: #000;
-        position: relative;
-        padding-left: 18px;
-
-        &::before {
-          content: '';
-          width: 8px;
-          height: 8px;
-          border-radius: 50%;
-          position: absolute;
-          left: -3px;
-          top: 6px;
-          background-color: #22c179;
-        }
-      }
-      &.time,
-      &.content {
-        span {
-          padding-left: 10px;
-        }
-      }
-    }
-  }
-  .footer {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    height: 50px;
-    padding: 0 16px;
-    color: rgba(0, 0, 0, 0.2);
-    border-top: 1px solid #e6e6e6;
-    .more {
-      margin-left: auto;
-      color: rgba(0, 0, 0, 0.6);
-      cursor: pointer;
-    }
-  }
-}
-</style>
-<style lang="less">
-.tippy-box[data-theme~='cnhis'] {
-  // background-color: #2563F4;
-  color: #fff;
-  background: #fff;
-  border-radius: 8px;
-  pointer-events: auto;
-  .tippy-content {
-    padding: 0;
-    background: #fff;
-    border-radius: 8px;
-  }
-  &[data-placement^='top'],
-  &[data-placement^='bottom'],
-  &[data-placement^='right'],
-  &[data-placement^='left'] {
-    & > div.tippy-arrow {
-      z-index: 1;
-      &:before {
-        width: 12px;
-        height: 12px;
-        background-color: #fff;
-        border: 1px solid transparent;
-        border-left-color: #d5d5d5;
-        border-top-color: #d5d5d5;
-        transform-origin: center center;
-      }
-    }
-  }
-  &[data-placement^='top'] > div.tippy-arrow:before {
-    transform: rotateZ(-135deg);
-    margin-top: -1px;
-  }
-  &[data-placement^='bottom'] > div.tippy-arrow:before {
-    transform: rotateZ(45deg);
-    margin-top: 1px;
-  }
-  &[data-placement^='right'] > div.tippy-arrow:before {
-    transform: rotateZ(-45deg);
-    margin-left: 1px;
-  }
-  &[data-placement^='left'] > div.tippy-arrow:before {
-    transform: rotateZ(135deg);
-    margin-right: 1px;
-  }
-}
-div[data-tippy-root] {
-  z-index: 100 !important;
-}
-</style>

package/packages/full-calendar/src/utils/index.js

@@ -1,217 +0,0 @@
-import vexutils, { moment } from '@/utils/vexutils';
-
-export function isAllDay(dateValue, startDate, endDate) {
-  const todayS = dateValue.clone().startOf('day');
-  const todayE = dateValue.clone().endOf('day');
-  const todaySV = todayS.valueOf();
-  const todayEV = todayE.valueOf();
-  const start = moment(startDate).clone();
-  const end = moment(endDate).clone();
-  const startValue = start.valueOf();
-  const endValue = end.valueOf();
-  if (startValue <= todaySV && endValue >= todayEV) {
-    return true;
-  }
-  if (startValue <= todaySV && endValue <= todayEV) {
-    return false;
-  }
-  if (startValue >= todaySV && endValue >= todayEV) {
-    return false;
-  }
-  return false;
-}
-
-export function isAllDayWeek(startDate, endDate) {
-  const start = moment(startDate);
-  const end = moment(endDate);
-  const diff = end.diff(start, 'days');
-  const diffS = end.diff(start, 'seconds');
-  const dayS = 60 * 60 * 24;
-  if (diff > 1) {
-    return true;
-  }
-  if (diff === 1 && diffS >= dayS) {
-    return true;
-  }
-  return false;
-}
-
-export function getWeekEnd(endDate) {
-  let resEnd = endDate;
-  const end = moment(endDate);
-  const endValue = end.clone().valueOf();
-  const endStartValue = end
-    .clone()
-    .startOf('days')
-    .valueOf();
-  if (endValue > endStartValue) {
-    resEnd = end
-      .clone()
-      .add(1, 'days')
-      .startOf('days')
-      .format('YYYY-MM-DD HH:mm:ss');
-  }
-  return resEnd;
-}
-
-export function isAllDayMonth(startDate, endDate) {
-  const start = moment(startDate);
-  const end = moment(endDate);
-  const diff = end.diff(start, 'days');
-  const diffS = end.diff(start, 'seconds');
-  const dayS = 60 * 60 * 24;
-  if (diff > 1) {
-    return true;
-  }
-  if (start.format('YYYYMMDD') !== end.format('YYYYMMDD')) return true;
-  if (diffS > dayS) return true;
-  if (diffS < dayS) return false;
-  if (diffS === dayS && start.seconds() === 0 && end.seconds() === 0) return true;
-  return false;
-}
-
-export function formatDate(date, type = 'month') {
-  let today = date;
-  if (!date) {
-    today = moment();
-  } else if (vexutils.isString(date)) {
-    today = moment(date);
-  }
-  const startTime = today
-    .clone()
-    .startOf(type)
-    .format('YYYY-MM-DD HH:mm:ss');
-  const endTime = today
-    .clone()
-    .endOf(type)
-    .format('YYYY-MM-DD HH:mm:ss');
-  return { startTime, endTime };
-}
-
-export function weekIsMonth(calendarDate) {
-  if (!calendarDate) return;
-  const weekMonth = calendarDate.clone().format('YYYYMM');
-  const fMonth = moment().format('YYYYMM');
-  if (weekMonth !== fMonth) return false;
-  return true;
-}
-
-export function handleIsDayArea(v, item) {
-  let start = moment(item.startTime);
-  let end = moment(item.endTime);
-  if (end.isBefore(v.todayS) || end.isSame(v.todayS)) return false;
-  if (start.isAfter(v.todayE) || start.isSame(v.todayE)) return false;
-  return true;
-}
-
-export function hanldeDateListArr(dateValue) {
-  const dateS = moment(
-    dateValue ||
-      moment()
-        .clone()
-        .format('YYYY-MM-DD')
-  );
-  const dateE = moment(dateS).endOf('month');
-  const listLen = dateE.diff(dateS, 'days') + 1;
-  const startNum = +dateS.format('D');
-  if (!listLen) return [];
-
-  const listArr = [];
-  for (let i = 0; i < listLen; i++) {
-    const curDay = startNum + i;
-    const addDay = dateS.clone().add(i, 'days');
-    const todayS = addDay.clone().startOf('day');
-    const todayE = addDay.clone().endOf('day');
-    const month = addDay.format('MMM');
-    const day = addDay.format('D');
-    const week = addDay.format('ddd');
-    const obj = {
-      id: curDay,
-      month,
-      day,
-      week,
-      curDate: addDay,
-      curId: addDay.format('YYYYMMDD'),
-      todayS,
-      todayE
-    };
-    listArr.push(obj);
-  }
-  return listArr;
-}
-
-export function handleListIsAllDay(v, item) {
-  let start = moment(item.startTime);
-  let end = moment(item.endTime);
-  let diffS = end.diff(start, 'seconds');
-  let dayS = 60 * 60 * 24;
-  if (diffS < dayS) return false;
-  if ((start.isBefore(v.todayS) || start.isSame(v.todayS)) && (end.isAfter(v.todayE) || end.isSame(v.todayE))) {
-    return true;
-  }
-  return false;
-}
-
-function sortFunc(a, b) {
-  if (a.allDay === b.allDay) {
-    if (a.dateValue !== b.dateValue) return a.dateValue < b.dateValue ? -1 : 1;
-  } else {
-    if (a.dateValue !== b.dateValue) return a.dateValue < b.dateValue ? -1 : 1;
-  }
-}
-
-export function handleListRows(rows, v) {
-  if (!rows || !rows.length) return [];
-  const res =
-    rows
-      .map(item => {
-        if (handleIsDayArea(v, item)) {
-          let copyItem = JSON.parse(JSON.stringify(item));
-          let dateValue = moment(copyItem.startTime).valueOf();
-          let dateValueE = moment(copyItem.endTime).valueOf();
-          let allDay = handleListIsAllDay(v, copyItem);
-          Object.assign(copyItem, {
-            isActive: false,
-            dateValue,
-            dateValueE,
-            allDay,
-            _timeStr: new Date().getTime()
-          });
-          return copyItem;
-        }
-      })
-      .filter(Boolean)
-      .sort(sortFunc) || [];
-  return res;
-}
-
-export function getAddTime(start, end) {
-  const nearestHour = moment()
-    .clone()
-    .startOf('hour')
-    .add(1, 'hour');
-  const startTime = moment(start)
-    .clone()
-    .set({ hour: nearestHour.hour() })
-    .startOf('hour')
-    .format('YYYY-MM-DD HH:mm:ss');
-  const endTime = end
-    ? moment(end)
-        .clone()
-        .subtract(1, 'day')
-        .set({ hour: nearestHour.hour() + 1 })
-        .startOf('hour')
-        .format('YYYY-MM-DD HH:mm:ss')
-    : moment(startTime)
-        .clone()
-        .add(1, 'hour')
-        .format('YYYY-MM-DD HH:mm:ss');
-  return { startTime, endTime };
-}
-
-export const viewMap = {
-  list: '列表',
-  day: '日',
-  week: '周',
-  month: '月'
-};

package/packages/grid/index.js

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

package/packages/grid/src/grid.js

@@ -1,27 +0,0 @@
-/**
- * @author ruanlin
- * @desc 继承于vxe-table
- * @time 2021-05-13
- */
-import Vue from 'vue';
-import 'xe-utils';
-import VXETable from 'vxe-table';
-import VXETablePluginAntd from 'vxe-table-plugin-antd';
-import Grid from 'vxe-table/lib/grid';
-import 'vxe-table-plugin-antd/dist/style.css';
-
-VXETable.use(VXETablePluginAntd);
-import create from '@/core/create';
-import tableMethods from '@/core/table-methods';
-
-export default create({
-  name: 'grid',
-  props: Object.assign({}, Grid.props),
-  mixins: [tableMethods()],
-  beforeCreate() {
-    Vue.use(VXETable);
-  },
-  render() {
-    return [<vxe-grid ref="xGrid" {...{ props: this.$props, scopedSlots: this.$scopedSlots, on: this.$listeners }} />];
-  }
-});

package/packages/icon/index.js

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

package/packages/icon/src/icon.js

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