kz-ui-base 1.0.2 → 1.0.4

package/common/src/utils/common.js

@@ -1,141 +0,0 @@
-import Vue from '~../../vue'
-
-let common={};
-if (window)
-    window.common = common;
-/**
- * 
- * ��common����������еĹ��÷���
- * common.dialog()�ǵ��õ���ķ���
- */
-common.dialog = function (option) {
-    var m = document.createElement('div');
-    if (option.parentel != null) {
-      option.parentel.appendChild(m);
-    } else {
-      document.getElementsByTagName('body')[0].appendChild(m);
-    }
-    var _d = common.clone(option.data == null ? {} : option.data);
-    var v = '';
-    var component = option.component;
-    let template = '';
-    if (typeof component == 'string') {
-      template = `<div class="w680" v-if="show"><el-dialog :title="title" v-model="show" :size="size" @close="close"><${component} v-on:callback="callback" :init_data="data">         </${component}></el-dialog></div>`;
-    } else if (option.htmlText != null) {
-      template = `<div class="w680" v-if="show"><el-dialog :title="title" v-model="show" :size="size" @close="close">${option.htmlText}</el-dialog></div>`;
-    } else {
-      template = '<div class="w680" v-if="show"><el-dialog :style="style" :title="title" v-model="show" :size="size" :before-close="handleClose" @close="close"><child v-on:callback="callback" :init_data="data"> \
-        </child></el-dialog></div>';
-    }
-    if (option.type && option.type == 'iframe') {
-      v = new Vue({
-          el: m,
-          data: function () {
-              return {
-                  title: option.title,
-                  url: option.url,
-                  size: option._size_ == null ? 'small' : option._size_,
-                  modal: true,
-                  custom_class: 'dialg-class',
-                  close_on_press_escape: false,
-                  show_close: true,
-                  show: true,
-                  data: _d,
-                };
-            },
-
-          template: '<div class="w680 dialog-h400" v-if="show"><el-dialog  :title="title" v-model="show" :size="size"><iframe :src="url" style="width:100%;height:100%;"></iframe> \
-        </child></el-dialog></div>',
-        });
-    } else {
-      v = new Vue({
-          el: m,
-          data: function () {
-              return {
-                  title: option.title,
-                  style:option.style,
-                  size: option._size_ == null ? 'small' : option._size_,
-                  modal: true,
-                  custom_class: 'dialg-class',
-                  close_on_press_escape: false,
-                  show_close: true,
-                  show: true,
-                  data: _d,
-                };
-            },
-          template: template,
-          mounted: function () {},
-          methods: {
-              handleClose(done){
-                if (option.close) {
-                  option.close();
-                }
-                done();
-              },
-              close() {
-                if (option.close) {
-                  option.close();
-                }
-              },
-              callback(result) {
-                if (option._source != null) {
-                  option.callback.call(option._source, result);
-                  this.show = false;
-                  return;
-                }
-                //�������type����type����close��cancelֱ�ӹرյ���
-                if (!result.type || result.type == 'close' || result.type == 'cancel') {
-                  this.show = false;
-                } else if (result.type == 'sure') {
-                  //���type����sure�����parent���ݹ����Ļص���
-                  this.show = false;
-                  if (option.callback) {
-                    option.callback(result.data);
-                  }
-                }
-              },
-            },
-          components: {
-              child: option.component,
-            },
-        });
-    }
-    return v;
-  };
-
-  common.clone = function clone(obj) {
-    // Handle the 3 simple types, and null or undefined
-    if (null == obj || 'object' != typeof obj) return obj;
-
-    // Handle Date
-    if (obj instanceof Date) {
-      var copy = new Date();
-      copy.setTime(obj.getTime());
-      return copy;
-    }
-
-    // Handle Array
-    if (obj instanceof Array) {
-      var copy = [];
-      for (var i = 0, len = obj.length; i < len; ++i) {
-        copy[i] = clone(obj[i]);
-      }
-
-      return copy;
-    }
-
-    // Handle Object
-    if (obj instanceof Object) {
-      var copy = {};
-      for (var attr in obj) {
-        if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
-      }
-
-      return copy;
-    }
-
-    throw new Error("Unable to copy obj! Its type isn't supported.");
-  };
-
-
-export default common;

package/common/src/utils/dateHelper.js

@@ -1,122 +0,0 @@
-
-export class DateHelper {
-
-  /**
-   * 获取这周的周一
-   * @param date
-   */
-  static getFirstDayOfWeek(date) {
-
-    var weekday = date.getDay() || 7; //获取星期几,getDay()返回值是 0（周日） 到 6（周六） 之间的一个整数。0||7为7，即weekday的值为1-7
-
-    date.setDate(date.getDate() - weekday + 1);//往前算（weekday-1）天，年份、月份会自动变化
-    return date;
-  }
-
-  /**
-   * 获取当月第一天
-   * @param date
-   */
-  static getFirstDayOfMonth(d) {
-    var date = d;
-    if (!date) date = new Date();
-    date.setDate(1);
-    return date;
-  }
-
-  /**
-   * 获取当月最后一天
-   * @param date
-   */
-  static getLastDayOfMonth(d) {
-    var date = d;
-    if (!date) date = new Date();
-    date = this.getFirstDayOfNextMonth(date);
-    this.setTimeToZero(date);
-    date = this.addSeconds(date, -1);
-    return date;
-  }
-
-
-  static addSeconds(date, millsecond) {
-    date = new Date(date.getTime() + (millsecond * 1000));
-    return date;
-  }
-
-  static setTimeToZero(date) {
-    date.setHours(0);
-    date.setMinutes(0);
-    date.setSeconds(0);
-    return date;
-  }
-
-  /**
-   * 获取下月第一天
-   * @param date
-   */
-  static getFirstDayOfNextMonth(d) {
-    var date = d;
-    if (!date) date = new Date();
-    date.setDate(1);
-    date.setMonth(date.getMonth() + 1);
-    return date;
-  }
-
-  /**
-   * 获取当季第一天
-   * @param date
-   */
-  static getFirstDayOfSeason(d) {
-    var date = d;
-    var month = date.getMonth();
-    if (month < 3) {
-      date.setMonth(0);
-    } else if (2 < month && month < 6) {
-      date.setMonth(3);
-    } else if (5 < month && month < 9) {
-      date.setMonth(6);
-    } else if (8 < month && month < 11) {
-      date.setMonth(9);
-    }
-    date.setDate(1);
-    return date;
-  }
-
-  /**
-   * 获取当季最后一天
-   * @param date
-   */
-  static getLastDayOfSeason(d) {
-    var date = d;
-    if (!date) date = new Date();
-    date = this.getFirstDayOfSeason(date);
-    date.setMonth(date.getMonth() + 3);
-    this.setTimeToZero(date);
-    date = this.addSeconds(date, -1);
-  }
-
-  /**
-   * 获取当年第一天
-   * @param date
-   */
-  static getFirstDayOfYear(d) {
-    var date = d;
-    if (!date) date = new Date();
-    date.setDate(1);
-    date.setMonth(0);
-    return date;
-  }
-
-  /**
-   * 获取当年最后一天
-   * @param date
-   */
-  static getLastDayOfYear(d) {
-    var date = this.getFirstDayOfYear(d);
-    this.setTimeToZero(date);
-    date = this.addSeconds(date, -1);
-    return date;
-  }
-}
-
-export default DateHelper

package/common/src/utils/dialog.js

@@ -1,35 +0,0 @@
-import Vue from '~../../vue'
-
-
-//dialog.js
-function makeDialog(options, component) {
- var dom = document.createElement('div');
- document.getElementsByTagName('body')[0].appendChild(dom);
- let tpl = '\
-                <dialogContent v-model="options"></dialogContent>\
-        ';
- var vue = new Vue({
-  el: dom,
-  data: function () {
-   return {
-    options: options
-   };
-  },
-  template: tpl,
-  computed: {
-   
-  },
-  methods: {
-  },
-  components: {
-   dialogContent: component,
-  },
- });
- return vue;
-}
-
-export default {
- open(options, component) {
-  return makeDialog(options, component)
- }
-}

package/common/src/utils/dict/Dict.js

@@ -1,82 +0,0 @@
-import Vue from 'vue'
-import { mergeRecursive } from "@utils/ruoyi";
-import DictMeta from './DictMeta'
-import DictData from './DictData'
-
-const DEFAULT_DICT_OPTIONS = {
-  types: [],
-}
-
-/**
- * @classdesc 字典
- * @property {Object} label 标签对象，内部属性名为字典类型名称
- * @property {Object} dict 字段数组，内部属性名为字典类型名称
- * @property {Array.<DictMeta>} _dictMetas 字典元数据数组
- */
-export default class Dict {
-  constructor() {
-    this.owner = null
-    this.label = {}
-    this.type = {}
-  }
-
-  init(options) {
-    if (options instanceof Array) {
-      options = { types: options }
-    }
-    const opts = mergeRecursive(DEFAULT_DICT_OPTIONS, options)
-    if (opts.types === undefined) {
-      throw new Error('need dict types')
-    }
-    const ps = []
-    this._dictMetas = opts.types.map(t => DictMeta.parse(t))
-    this._dictMetas.forEach(dictMeta => {
-      const type = dictMeta.type
-      Vue.set(this.label, type, {})
-      Vue.set(this.type, type, [])
-      if (dictMeta.lazy) {
-        return
-      }
-      ps.push(loadDict(this, dictMeta))
-    })
-    return Promise.all(ps)
-  }
-
-  /**
-   * 重新加载字典
-   * @param {String} type 字典类型
-   */
-  reloadDict(type) {
-    const dictMeta = this._dictMetas.find(e => e.type === type)
-    if (dictMeta === undefined) {
-      return Promise.reject(`the dict meta of ${type} was not found`)
-    }
-    return loadDict(this, dictMeta)
-  }
-}
-
-/**
- * 加载字典
- * @param {Dict} dict 字典
- * @param {DictMeta} dictMeta 字典元数据
- * @returns {Promise}
- */
-function loadDict(dict, dictMeta) {
-  return dictMeta.request(dictMeta)
-    .then(response => {
-      const type = dictMeta.type
-      let dicts = dictMeta.responseConverter(response, dictMeta)
-      if (!(dicts instanceof Array)) {
-        console.error('the return of responseConverter must be Array.<DictData>')
-        dicts = []
-      } else if (dicts.filter(d => d instanceof DictData).length !== dicts.length) {
-        console.error('the type of elements in dicts must be DictData')
-        dicts = []
-      }
-      dict.type[type].splice(0, Number.MAX_SAFE_INTEGER, ...dicts)
-      dicts.forEach(d => {
-        Vue.set(dict.label[type], d.value, d.label)
-      })
-      return dicts
-    })
-}

package/common/src/utils/dict/DictConverter.js

@@ -1,17 +0,0 @@
-import DictOptions from './DictOptions'
-import DictData from './DictData'
-
-export default function(dict, dictMeta) {
-  const label = determineDictField(dict, dictMeta.labelField, ...DictOptions.DEFAULT_LABEL_FIELDS)
-  const value = determineDictField(dict, dictMeta.valueField, ...DictOptions.DEFAULT_VALUE_FIELDS)
-  return new DictData(dict[label], dict[value], dict)
-}
-
-/**
- * 确定字典字段
- * @param {DictData} dict
- * @param  {...String} fields
- */
-function determineDictField(dict, ...fields) {
-  return fields.find(f => Object.prototype.hasOwnProperty.call(dict, f))
-}

package/common/src/utils/dict/DictData.js

@@ -1,13 +0,0 @@
-/**
- * @classdesc 字典数据
- * @property {String} label 标签
- * @property {*} value 标签
- * @property {Object} raw 原始数据
- */
-export default class DictData {
-  constructor(label, value, raw) {
-    this.label = label
-    this.value = value
-    this.raw = raw
-  }
-}

package/common/src/utils/dict/DictMeta.js

@@ -1,38 +0,0 @@
-import { mergeRecursive } from "@utils/ruoyi";
-import DictOptions from './DictOptions'
-
-/**
- * @classdesc 字典元数据
- * @property {String} type 类型
- * @property {Function} request 请求
- * @property {String} label 标签字段
- * @property {String} value 值字段
- */
-export default class DictMeta {
-  constructor(options) {
-    this.type = options.type
-    this.request = options.request,
-    this.responseConverter = options.responseConverter
-    this.labelField = options.labelField
-    this.valueField = options.valueField
-    this.lazy = options.lazy === true
-  }
-}
-
-
-/**
- * 解析字典元数据
- * @param {Object} options
- * @returns {DictMeta}
- */
-DictMeta.parse= function(options) {
-  let opts = null
-  if (typeof options === 'string') {
-    opts = DictOptions.metas[options] || {}
-    opts.type = options
-  } else if (typeof options === 'object') {
-    opts = options
-  }
-  opts = mergeRecursive(DictOptions.metas['*'], opts)
-  return new DictMeta(opts)
-}

package/common/src/utils/dict/DictOptions.js

@@ -1,51 +0,0 @@
-import { mergeRecursive } from "@utils/ruoyi";
-import dictConverter from './DictConverter'
-
-export const options = {
-  metas: {
-    '*': {
-      /**
-       * 字典请求，方法签名为function(dictMeta: DictMeta): Promise
-       */
-      request: (dictMeta) => {
-        console.log(`load dict ${dictMeta.type}`)
-        return Promise.resolve([])
-      },
-      /**
-       * 字典响应数据转换器，方法签名为function(response: Object, dictMeta: DictMeta): DictData
-       */
-      responseConverter,
-      labelField: 'label',
-      valueField: 'value',
-    },
-  },
-  /**
-   * 默认标签字段
-   */
-  DEFAULT_LABEL_FIELDS: ['label', 'name', 'title'],
-  /**
-   * 默认值字段
-   */
-  DEFAULT_VALUE_FIELDS: ['value', 'id', 'uid', 'key'],
-}
-
-/**
- * 映射字典
- * @param {Object} response 字典数据
- * @param {DictMeta} dictMeta 字典元数据
- * @returns {DictData}
- */
-function responseConverter(response, dictMeta) {
-  const dicts = response.content instanceof Array ? response.content : response
-  if (dicts === undefined) {
-    console.warn(`no dict data of "${dictMeta.type}" found in the response`)
-    return []
-  }
-  return dicts.map(d => dictConverter(d, dictMeta))
-}
-
-export function mergeOptions(src) {
-  mergeRecursive(options, src)
-}
-
-export default options

package/common/src/utils/dict/index.js

@@ -1,33 +0,0 @@
-import Dict from './Dict'
-import { mergeOptions } from './DictOptions'
-
-export default function(Vue, options) {
-  mergeOptions(options)
-  Vue.mixin({
-    data() {
-      if (this.$options === undefined || this.$options.dicts === undefined || this.$options.dicts === null) {
-        return {}
-      }
-      const dict = new Dict()
-      dict.owner = this
-      return {
-        dict
-      }
-    },
-    created() {
-      if (!(this.dict instanceof Dict)) {
-        return
-      }
-      options.onCreated && options.onCreated(this.dict)
-      this.dict.init(this.$options.dicts).then(() => {
-        options.onReady && options.onReady(this.dict)
-        this.$nextTick(() => {
-          this.$emit('dictReady', this.dict)
-          if (this.$options.methods && this.$options.methods.onDictReady instanceof Function) {
-            this.$options.methods.onDictReady.call(this, this.dict)
-          }
-        })
-      })
-    },
-  })
-}

package/common/src/utils/element.js

@@ -1,49 +0,0 @@
-import Vue from '~../../vue'
-
-// v-dialogDrag: 弹窗拖拽
-Vue.directive('dialogDrag', {
-  bind(el, binding, vnode, oldVnode) {
-    const dialogHeaderEl = el.querySelector('.el-dialog__header')
-    const dragDom = el.querySelector('.el-dialog')
-    dialogHeaderEl.style.cursor = 'move'
-
-    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
-    const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
-
-    dialogHeaderEl.onmousedown = (e) => {
-      // 鼠标按下，计算当前元素距离可视区的距离
-      const disX = e.clientX - dialogHeaderEl.offsetLeft
-      const disY = e.clientY - dialogHeaderEl.offsetTop
-
-      // 获取到的值带px 正则匹配替换
-      let styL, styT
-
-      // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
-      if (sty.left.includes('%')) {
-        styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100)
-        styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100)
-      } else {
-        styL = +sty.left.replace(/\px/g, '')
-        styT = +sty.top.replace(/\px/g, '')
-      }
-
-      document.onmousemove = function (e) {
-        // 通过事件委托，计算移动的距离
-        const l = e.clientX - disX
-        const t = e.clientY - disY
-
-        // 移动当前元素
-        dragDom.style.left = `${l + styL}px`
-        dragDom.style.top = `${t + styT}px`
-
-        // 将此时的位置传出去
-        // binding.value({x:e.pageX,y:e.pageY})
-      }
-
-      document.onmouseup = function (e) {
-        document.onmousemove = null
-        document.onmouseup = null
-      }
-    }
-  }
-});

package/common/src/utils/errorCode.js

@@ -1,6 +0,0 @@
-export default {
-  '401': '认证失败，无法访问系统资源',
-  '403': '当前操作没有权限',
-  '404': '访问资源不存在',
-  'default': '系统未知错误,请反馈给管理员'
-}

package/common/src/utils/eventHub.js

@@ -1,3 +0,0 @@
-import Vue from 'vue'
-
-export default new Vue()

package/common/src/utils/file.js

@@ -1,38 +0,0 @@
-/**
- * 打开文件预览界面，目前的实现为window.open打开新窗口
- * @param {string} url 远程文件地址
- * @returns 
- */
-export function filePriview(url) {
-    if(!url) return;
- window.open(getFilePriviewUrl(url));
-}
-
-/**
- * 获取文件预览页面地址，支持预览觉格式，图片，视频，office文档，cad三维图
- * @param {string} url 远程文件地址
- * @returns 
- */
-export function getFilePriviewUrl(url) {
-    if(!url) return undefined;
- let Base64 = require('js-base64').Base64;
- return process.env.VUE_APP_BASE_API + '/filepriview/onlinePreview?url=' + encodeURIComponent(Base64.encode(url.trimEnd()));
-}
-
-export function getFileNickName(fileUrl) {
- if (!fileUrl) return "";
- var fileArr = fileUrl.split('|');
- var filename = "";
- for (var url of fileArr) {
-  var pos = url.lastIndexOf("__");
-  if (pos > -1) pos = pos + 2;
-  else {
-   pos = url.lastIndexOf("/");
-   if (pos > -1) pos = pos + 1;
-   else return url;
-  }
-  filename = filename + "|" + url.substring(pos);
- }
- if (filename.length > 0) filename = filename.substring(1);
- return filename;
-}