agilebuilder-ui 1.1.65-tmp7 → 1.1.65-tmp9

package/packages/super-nine-grid/src/utils.js

@@ -1,264 +0,0 @@
-import store from './store'
-import * as Vue from 'vue'
-export function getColumnValues(data, prop) {
-  const values = []
-  for (const obj of data) {
-    values.push(obj[prop])
-  }
-  return values
-}
-/**
- * 返回的数组表示当前列每行的合并情况：[3,0,0,1,1]表示1到3行合并，四五行不合并
- * @param {Array} data 列表数据
- * @param {String} prop 列名
- */
-export function getSpanValuesForColumn(data, prop) {
-  const spanArr = []
-  let pos = 0
-  for (let i = 0; i < data.length; i++) {
-    if (i === 0) {
-      spanArr.push(1)
-      pos = 0
-    } else {
-      // 判断当前元素与上一个元素是否相同
-      if (data[i][prop] === data[i - 1][prop]) {
-        spanArr[pos] += 1
-        spanArr.push(0)
-      } else {
-        spanArr.push(1)
-        pos = i
-      }
-    }
-  }
-  return spanArr
-}
-
-export function getFirstEditableColumn(listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  for (const column of store.get(listCode).columns) {
-    if (column.editable) {
-      return column.prop
-    }
-  }
-  return null
-}
-
-const ArrowKeyAction = {
-  getIndex(prop) {
-    let i = 0
-    for (const column of store.columns) {
-      if (column.prop === prop) {
-        return i
-      } else {
-        i++
-      }
-    }
-  },
-  getLeftColumn(prop) {
-    const index = ArrowKeyAction.getIndex(prop)
-    let i = 0
-    for (i = index - 1; i >= 0; i--) {
-      if (store.columns[i].editable) {
-        return store.columns[i].prop
-      } else {
-        return null
-      }
-    }
-  },
-}
-export { ArrowKeyAction }
-
-/**
- * 是否是行编辑时的属性
- * @param {*} event
- */
-export function isHasEditOption(event, listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  const gridParams = store.get(listCode)
-  if (
-    gridParams.options.lineEditOptions &&
-    gridParams.options.lineEditOptions[event]
-  ) {
-    return true
-  }
-  return false
-}
-
-export function isEditOptionFunction(event, listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  const gridParams = store.get(listCode)
-  if (
-    gridParams.options.lineEditOptions &&
-    typeof gridParams.options.lineEditOptions[event] === 'function'
-  ) {
-    return true
-  }
-  return false
-}
-
-/**
- * 是否是行编辑时的属性
- * @param {*} event
- */
-export function isHasOptionFunction(event, listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  const gridParams = store.get(listCode)
-  if (gridParams.options && typeof gridParams.options[event] === 'function') {
-    return true
-  }
-  return false
-}
-
-export function isOptionFunction(props, listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  const gridParams = store.get(listCode)
-  if (props.indexOf('.') > 0) {
-    let optionProp = gridParams.options
-    const propsArr = props.split('.')
-    for (let i = 0; i < propsArr.length; i++) {
-      const event = propsArr[i]
-      if (optionProp) {
-        if (typeof optionProp[event] === 'function') {
-          return true
-        } else {
-          optionProp = optionProp[event]
-        }
-      } else {
-        return false
-      }
-    }
-  } else {
-    if (gridParams.options && typeof gridParams.options[event] === 'function') {
-      return true
-    }
-  }
-}
-
-/**
- * 获得控制表格需要的参数
- */
-export function getGridParams() {
-  const gridParams = {
-    columns: [],
-    gridData: [],
-    orgGridData: [], // 行编辑保存时使用
-    showValidateError: true, // 是否可以显示验证信息，防止同时弹出两个验证信息的
-    options: {
-      // id: '_nineGrid', // 九宫格组件的元素id，影响格子拖动功能,当tab页签中有多个九宫格时必须配置该属性，如果当前页面中只有一个九宫格组件，不配也可以
-      // 附加参数
-      // extraParam: {},
-      // 表格及数据均加载完成后
-      // gridComplete: function(gridData, columns) {}, // gridData, columns
-      // 刚请求到字段配置，没有请求数据时，可以通过该方法修改表头或添加自定义表头
-      // loadBeforeSend: function(columns, settings) { return true }, // columns, settings(列表所有设置，包括字段设置、分页设置、查询设置、行编辑设置)
-      // 数据加载失败的回调方法
-      // loadError: function(code, error) {}, // code, error
-      // 数据请求成功后，表格记录显示前的回调方法，该方法主要是处理业务数据，比如：处理xss攻击
-      // gridDataLoaded: function(data) { return data },
-      // 查询组件需要的一些参数
-      // search: {
-      //   // 属性自定义组件，当不是行编辑时，查询框需要自定义控件时
-      //   customSearchElements: function(column) { return null },
-      //   labelWidth: '150px',
-      //   fieldNum: 4, // 查询的每行排放的字段个数，默认是4个字段
-      // },
-      // isSql:false, // 是否是sql查询数据内容。在使用sql语句查询表内容时，否则会导致列表字段的值不显示，都显示为空
-      // initSearchForm: [], // 初始查询条件，格式同“查询”按钮封装的json格式
-      // multiple: true/false,// 是否多选，默认以列表管理中配置的为准
-      // initSortInfo: {prop:'',order: 'ASC/DESC'},// 默认排序字段，和排序方式
-      // pageSizes: '20,30,50,100',// 可选行数
-      // initSearch: true/false, // 初始化时是否查询，默认是查询
-      // isHiddenSearchForm: false, //查询时，是否隐藏查询区域，不配置默认是显示的
-      // isHasCreate: true/false, // 是否显示新建按钮
-      // createPermission: 'a.b.c', // 新建按钮的资源编码，用于控制新建按钮的权限
-      // props: {imageUrl:'prop1', content:'prop1', title:'prop2', subTitle:'prop3'}, // 九宫格中图片、标题、副标题属性名配置
-      // operations: [ // 按钮区按钮信息
-      //   {
-      //     name:'修改',
-      //     icon:'el-icon-edit',
-      //     event: this.updateItem,
-      //     permission:'sss.ddd.ddds'
-      //   },
-      //   {
-      //     name:'删除',
-      //     icon:'el-icon-delete',
-      //     event: this.deleteItem
-      //   },
-      //   {
-      //     name:'设为模板',
-      //     icon:'el-icon-document-copy',
-      //     event: this.setToTemplate
-      //   }
-      // ]
-    },
-  }
-  return Vue.reactive(gridParams)
-}
-
-export function addDynamicProp(target, prop, propValue) {
-  const nestedProp = prop.split('.')
-  if (nestedProp.length === 1) {
-    if (propValue !== undefined) {
-      target[prop] = propValue
-    } else {
-      target[prop] = null
-    }
-    return
-  }
-  // 如果是嵌套属性，就要逐层添加空对象，起点是searchForm，属性每多一层嵌套，parent就前进一层，到倒数第二层为止
-  let parent = target
-  for (let i = 0; i < nestedProp.length - 1; i++) {
-    if (parent[nestedProp[i]] === undefined) {
-      parent[nestedProp[i]] = {}
-    }
-    parent = parent[nestedProp[i]]
-  }
-  if (propValue !== undefined) {
-    parent[nestedProp[nestedProp.length - 1]] = propValue
-  } else {
-    parent[nestedProp[nestedProp.length - 1]] = null
-  }
-}
-
-export function getTableHeight(showSearch, searchForm) {
-  if (showSearch === true) {
-    let searchHeight = 0
-    if (searchForm) {
-      // 获得查询区高度
-      searchHeight = searchForm.$el.offsetHeight
-    }
-    return window.innerHeight - searchHeight - 165
-  } else {
-    return window.innerHeight - 165
-  }
-}

package/packages/svg-icon/index.js

@@ -1,6 +0,0 @@
-import SvgIcon from './src/svg-icon.vue'
-SvgIcon.install = function (Vue) {
-  Vue.component(SvgIcon.name, SvgIcon)
-}
-
-export default SvgIcon

package/packages/svg-icon/src/svg-icon.vue

@@ -1,43 +0,0 @@
-<template>
-  <svg :class="svgClass" aria-hidden="true">
-    <use :xlink:href="iconName" />
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'SvgIcon',
-  props: {
-    iconClass: {
-      type: String,
-      required: true,
-    },
-    className: {
-      type: String,
-      default: '',
-    },
-  },
-  computed: {
-    iconName() {
-      return `#icon-${this.iconClass}`
-    },
-    svgClass() {
-      if (this.className) {
-        return 'svg-icon ' + this.className
-      } else {
-        return 'svg-icon'
-      }
-    },
-  },
-}
-</script>
-
-<style scoped>
-.svg-icon {
-  width: 1.2em;
-  height: 1.2em;
-  vertical-align: -0.25em;
-  fill: currentColor;
-  overflow: initial;
-}
-</style>

package/packages/utils/date-util.js

@@ -1,292 +0,0 @@
-import fecha from 'element-ui/src/utils/date';
-import { t } from 'element-ui/src/locale';
-
-const weeks = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
-const months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
-
-const newArray = function(start, end) {
-  let result = [];
-  for (let i = start; i <= end; i++) {
-    result.push(i);
-  }
-  return result;
-};
-
-export const getI18nSettings = () => {
-  return {
-    dayNamesShort: weeks.map(week => t(`el.datepicker.weeks.${ week }`)),
-    dayNames: weeks.map(week => t(`el.datepicker.weeks.${ week }`)),
-    monthNamesShort: months.map(month => t(`el.datepicker.months.${ month }`)),
-    monthNames: months.map((month, index) => t(`el.datepicker.month${ index + 1 }`)),
-    amPm: ['am', 'pm']
-  };
-};
-
-export const toDate = function(date) {
-  return isDate(date) ? new Date(date) : null;
-};
-
-export const isDate = function(date) {
-  if (date === null || date === undefined) return false;
-  if (isNaN(new Date(date).getTime())) return false;
-  if (Array.isArray(date)) return false; // deal with `new Date([ new Date() ]) -> new Date()`
-  return true;
-};
-
-export const isDateObject = function(val) {
-  return val instanceof Date;
-};
-
-export const formatDate = function(date, format) {
-  date = toDate(date);
-  if (!date) return '';
-  return fecha.format(date, format || 'yyyy-MM-dd', getI18nSettings());
-};
-
-export const parseDate = function(string, format) {
-  return fecha.parse(string, format || 'yyyy-MM-dd', getI18nSettings());
-};
-
-export const getDayCountOfMonth = function(year, month) {
-  if (month === 3 || month === 5 || month === 8 || month === 10) {
-    return 30;
-  }
-
-  if (month === 1) {
-    if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
-      return 29;
-    } else {
-      return 28;
-    }
-  }
-
-  return 31;
-};
-
-export const getDayCountOfYear = function(year) {
-  const isLeapYear = year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0);
-  return isLeapYear ? 366 : 365;
-};
-
-export const getFirstDayOfMonth = function(date) {
-  const temp = new Date(date.getTime());
-  temp.setDate(1);
-  return temp.getDay();
-};
-
-// see: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript
-// {prev, next} Date should work for Daylight Saving Time
-// Adding 24 * 60 * 60 * 1000 does not work in the above scenario
-export const prevDate = function(date, amount = 1) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate() - amount);
-};
-
-export const nextDate = function(date, amount = 1) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
-};
-
-export const getStartDateOfMonth = function(year, month) {
-  const result = new Date(year, month, 1);
-  const day = result.getDay();
-
-  if (day === 0) {
-    return prevDate(result, 7);
-  } else {
-    return prevDate(result, day);
-  }
-};
-
-export const getWeekNumber = function(src) {
-  if (!isDate(src)) return null;
-  const date = new Date(src.getTime());
-  date.setHours(0, 0, 0, 0);
-  // Thursday in current week decides the year.
-  date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
-  // January 4 is always in week 1.
-  const week1 = new Date(date.getFullYear(), 0, 4);
-  // Adjust to Thursday in week 1 and count number of weeks from date to week 1.
-  // Rounding should be fine for Daylight Saving Time. Its shift should never be more than 12 hours.
-  return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
-};
-
-export const getRangeHours = function(ranges) {
-  const hours = [];
-  let disabledHours = [];
-
-  (ranges || []).forEach(range => {
-    const value = range.map(date => date.getHours());
-
-    disabledHours = disabledHours.concat(newArray(value[0], value[1]));
-  });
-
-  if (disabledHours.length) {
-    for (let i = 0; i < 24; i++) {
-      hours[i] = disabledHours.indexOf(i) === -1;
-    }
-  } else {
-    for (let i = 0; i < 24; i++) {
-      hours[i] = false;
-    }
-  }
-
-  return hours;
-};
-
-export const getPrevMonthLastDays = (date, amount) => {
-  if (amount <= 0) return [];
-  const temp = new Date(date.getTime());
-  temp.setDate(0);
-  const lastDay = temp.getDate();
-  return range(amount).map((_, index) => lastDay - (amount - index - 1));
-};
-
-export const getMonthDays = (date) => {
-  const temp = new Date(date.getFullYear(), date.getMonth() + 1, 0);
-  const days = temp.getDate();
-  return range(days).map((_, index) => index + 1);
-};
-
-function setRangeData(arr, start, end, value) {
-  for (let i = start; i < end; i++) {
-    arr[i] = value;
-  }
-}
-
-export const getRangeMinutes = function(ranges, hour) {
-  const minutes = new Array(60);
-
-  if (ranges.length > 0) {
-    ranges.forEach(range => {
-      const start = range[0];
-      const end = range[1];
-      const startHour = start.getHours();
-      const startMinute = start.getMinutes();
-      const endHour = end.getHours();
-      const endMinute = end.getMinutes();
-      if (startHour === hour && endHour !== hour) {
-        setRangeData(minutes, startMinute, 60, true);
-      } else if (startHour === hour && endHour === hour) {
-        setRangeData(minutes, startMinute, endMinute + 1, true);
-      } else if (startHour !== hour && endHour === hour) {
-        setRangeData(minutes, 0, endMinute + 1, true);
-      } else if (startHour < hour && endHour > hour) {
-        setRangeData(minutes, 0, 60, true);
-      }
-    });
-  } else {
-    setRangeData(minutes, 0, 60, true);
-  }
-  return minutes;
-};
-
-export const range = function(n) {
-  // see https://stackoverflow.com/questions/3746725/create-a-javascript-array-containing-1-n
-  return Array.apply(null, {length: n}).map((_, n) => n);
-};
-
-export const modifyDate = function(date, y, m, d) {
-  return new Date(y, m, d, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
-};
-
-export const modifyTime = function(date, h, m, s) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), h, m, s, date.getMilliseconds());
-};
-
-export const modifyWithTimeString = (date, time) => {
-  if (date == null || !time) {
-    return date;
-  }
-  time = parseDate(time, 'HH:mm:ss');
-  return modifyTime(date, time.getHours(), time.getMinutes(), time.getSeconds());
-};
-
-export const clearTime = function(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-};
-
-export const clearMilliseconds = function(date) {
-  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), 0);
-};
-
-export const limitTimeRange = function(date, ranges, format = 'HH:mm:ss') {
-  // TODO: refactory a more elegant solution
-  if (ranges.length === 0) return date;
-  const normalizeDate = date => fecha.parse(fecha.format(date, format), format);
-  const ndate = normalizeDate(date);
-  const nranges = ranges.map(range => range.map(normalizeDate));
-  if (nranges.some(nrange => ndate >= nrange[0] && ndate <= nrange[1])) return date;
-
-  let minDate = nranges[0][0];
-  let maxDate = nranges[0][0];
-
-  nranges.forEach(nrange => {
-    minDate = new Date(Math.min(nrange[0], minDate));
-    maxDate = new Date(Math.max(nrange[1], minDate));
-  });
-
-  const ret = ndate < minDate ? minDate : maxDate;
-  // preserve Year/Month/Date
-  return modifyDate(
-    ret,
-    date.getFullYear(),
-    date.getMonth(),
-    date.getDate()
-  );
-};
-
-export const timeWithinRange = function(date, selectableRange, format) {
-  const limitedDate = limitTimeRange(date, selectableRange, format);
-  return limitedDate.getTime() === date.getTime();
-};
-
-export const changeYearMonthAndClampDate = function(date, year, month) {
-  // clamp date to the number of days in `year`, `month`
-  // eg: (2010-1-31, 2010, 2) => 2010-2-28
-  const monthDate = Math.min(date.getDate(), getDayCountOfMonth(year, month));
-  return modifyDate(date, year, month, monthDate);
-};
-
-export const prevMonth = function(date) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return month === 0
-    ? changeYearMonthAndClampDate(date, year - 1, 11)
-    : changeYearMonthAndClampDate(date, year, month - 1);
-};
-
-export const nextMonth = function(date) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return month === 11
-    ? changeYearMonthAndClampDate(date, year + 1, 0)
-    : changeYearMonthAndClampDate(date, year, month + 1);
-};
-
-export const prevYear = function(date, amount = 1) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return changeYearMonthAndClampDate(date, year - amount, month);
-};
-
-export const nextYear = function(date, amount = 1) {
-  const year = date.getFullYear();
-  const month = date.getMonth();
-  return changeYearMonthAndClampDate(date, year + amount, month);
-};
-
-export const extractDateFormat = function(format) {
-  return format
-    .replace(/\W?m{1,2}|\W?ZZ/g, '')
-    .replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, '')
-    .trim();
-};
-
-export const extractTimeFormat = function(format) {
-  return format
-    .replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?y{2,4}/g, '')
-    .trim();
-};
-
-export const validateRangeInOneMonth = function(start, end) {
-  return (start.getMonth() === end.getMonth()) && (start.getFullYear() === end.getFullYear());
-};