ui-process-h5 0.1.40 → 1.0.6

package/src/assets/js/toast.js

@@ -1,239 +0,0 @@
-
-
-
-
-
-// 创建DOM
-const createDom = ({ isId = false, name = '', tag = 'div' }) => {
-  if (!tag) {
-    return null
-  }
-  const ele = document.createElement(tag)
-  if (name) {
-    if (isId) {
-      ele.id = name
-    } else {
-      ele.className = name
-    }
-  }
-  return ele
-}
-
-
-const createMessage = ({ type, content, duration, delay, againBtn, minWidth, maxWidth }, mainContainer) => {
-  if (!mainContainer) {
-    console.error('主容器不存在，查看调用流程，确保doucument.body已生成!')
-    return
-  }
-  /**随机的key */
-  const randomKey = Math.floor(Math.random() * (99999 - 10002)) + 10002
-
-  /**属性配置 */
-  const config = {
-    isRemove: false, // 是否被移除了
-    content: content || '', // 提示内容
-    duration: duration || 3000, // 显示时间
-    delay: delay || 0, // 弹出延迟
-    timeout: null, // 计时器事件
-    againBtn: againBtn || false // 是否需要显示 不再提示 按钮
-  }
-  // #region 生成DOM、样式、关系
-  const messageContainer = createDom({ name: `message-${randomKey}`, tag: 'div' })
-  messageContainer.style = `
-  min-width: 100px;
-  max-width:70%;
-  padding: 8px 12px;
-  border-radius: 4px;
-  background:rgba(0,0,0,0.7);
-  color:#fff;
-  font-size:14px;
-  transform: translateY(-50%);
- 
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  text-align: center;
-  `
-
-  messageContainer.innerHTML = config.content
-  if (config.againBtn) {
-    const messageAgainDiv = createDom({ name: 'message-again-btn', tag: 'div' })
-    messageAgainDiv.style = `margin-top: 5px;text-align: right;`
-    const messageAgainBtnText = createDom({ name: 'message-again-text', tag: 'span' })
-    messageAgainBtnText.innerHTML = '不再提示'
-    messageAgainBtnText.style = `
-      font-size: 12px;
-      color: rgb(204, 201, 201);
-      border-bottom: 1px solid rgb(204, 201, 201);
-      cursor: pointer;
-      `
-    // 鼠标移入
-    messageAgainBtnText.onmouseover = () => {
-      messageAgainBtnText.style.color = '#fdb906'
-      messageAgainBtnText.style.borderBottom = '1px solid #fdb906'
-    }
-    // 鼠标移出
-    messageAgainBtnText.onmouseout = () => {
-      messageAgainBtnText.style.color = 'rgb(204, 201, 201)'
-      messageAgainBtnText.style.borderBottom = '1px solid rgb(204, 201, 201)'
-    }
-    messageAgainDiv.appendChild(messageAgainBtnText)
-    messageContainer.appendChild(messageAgainDiv)
-    config.elsAgainBtn = messageAgainBtnText
-  }
-  mainContainer.appendChild(messageContainer)
-  /**绑定DOM、销毁事件，以便进行控制内容与状态 */
-  config.els = messageContainer
-  config.destory = destory.bind(this)
-  function destory(mainContainer, isClick) {
-    if (!config.els || !mainContainer || config.isRemove) {
-      // 不存在，或已经移除，则不再继续
-      return
-    }
-    config.els.style.marginTop = '-20px' // 为了过渡效果
-    config.els.style.opacity = '0' // 为了过渡效果
-    config.isRemove = true
-    if (isClick) {
-      mainContainer.removeChild(messageContainer)
-      _resetMianPosition(mainContainer)
-      free()
-    } else {
-      setTimeout(() => {
-        mainContainer.removeChild(messageContainer)
-        _resetMianPosition(mainContainer)
-        free()
-      }, 400)
-    }
-  }
-
-  // 销毁重置绑定
-  function free() {
-    config.els = null
-    config.elsAgainBtn = null
-    config.destory = null
-  }
-
-  return config
-}
-
-function _toBindEvents(domConfig, _self) {
-  if (!domConfig) {
-    return
-  }
-  // 不再提示按钮的事件绑定
-  if (domConfig.againBtn && domConfig.elsAgainBtn) {
-    // 鼠标点击：将内容记录下来，下次就不显示同内容的弹框
-    domConfig.elsAgainBtn.onclick = () => {
-      clearTimeout(domConfig.timeout)
-      let sessionJson = sessionStorage.getItem('MESSAGE_DONT_REMIND_AGAIN')
-      let tempArr = sessionJson ? JSON.parse(sessionJson) : []
-      let dontRemindAgainList = Array.isArray(tempArr) ? tempArr : []
-      dontRemindAgainList.push(domConfig.content)
-      sessionStorage.setItem(_self.sessionStorageName, JSON.stringify(dontRemindAgainList))
-      domConfig.destory(_self.mainContainer, true)
-    }
-  }
-
-  // 鼠标移入：对销毁计时器进行销毁
-  domConfig.els.onmouseover = () => {
-    clearTimeout(domConfig.timeout)
-  }
-  // 鼠标移出： 一秒后销毁当前message
-  domConfig.els.onmouseout = () => {
-    domConfig.timeout = setTimeout(() => {
-      domConfig.destory(_self.mainContainer)
-      clearTimeout(domConfig.timeout)
-    }, 1000)
-  }
-
-  // 延时隐藏
-  domConfig.timeout = setTimeout(() => {
-    domConfig.destory(_self.mainContainer)
-    clearTimeout(domConfig.timeout)
-  }, domConfig.duration)
-}
-
-function _resetMianPosition(mainContainer) {
-  if (!mainContainer) {
-    return
-  }
-  mainContainer.style.left = `calc(50vw - ${mainContainer.scrollWidth / 2}px)`
-}
-
-class toastBox {
-  constructor() {
-    this.minWidth = 380 // 内容显示宽度：最小值
-    this.maxWidth = 800 // 内容显示宽度：最大值
-    this.top = 45 // 整体的最顶部距离
-    this.zIndex = 99999 // 层级
-    this.mainContainerIdName = 'selfDefine-message-box' // 主体DOM的id名
-    this.sessionStorageName = 'MESSAGE_DONT_REMIND_AGAIN' // 存储session信息的key
-    /**生成主体DOM、样式容器 */
-    let mainDom = document.getElementById(this.mainContainerIdName)
-    if (mainDom) {
-      document.body.removeChild(mainDom)
-    }
-    this.mainContainer = createDom({ isId: true, name: this.mainContainerIdName, tag: 'div' })
-    this.mainContainer.style = `
-    pointer-events:none;
-    position:fixed;
-    z-index:${this.zIndex};
-    display: flex;
-    flex-direction: column;
-    align-items:center;
-    top:50%;
-    left:0;
-    right:0;
-    margin: 0 auto;
-    `
-    document.body.appendChild(this.mainContainer)
-  }
-
-  /**
-   * 消息提示
-   * @param {String} type 类型 | 必传 | 可选值：message success error warning
-   * @param {String} content 内容 | 必传 | ''
-   * @param {Number} duration 显示时间 | 非必传 | 默认3000毫秒
-   * @param {Number} delay 出现的延时 | 非必传 | 默认0
-   * @param {Boolean} againBtn 是否显示 不再提示 按钮 | 非必传 | 默认false
-   */
-  message(config = {}) {
-    // 不再提示（相同文字内容）的存储与判断逻辑待优化
-    let sessionJson = sessionStorage.getItem(this.sessionStorageName)
-    let dontRemindAgainList = sessionJson ? JSON.parse(sessionJson) : null
-    // 需要显示不再提示按钮，且内容有效，且不再提示的记录数组中包含本次内容，则不提示
-    if (config.againBtn && config.content && dontRemindAgainList && Array.isArray(dontRemindAgainList) && dontRemindAgainList.includes(config.content)) {
-      return
-    }
-
-    const domConfig = createMessage(
-      {
-        type: config.type,
-        content: config.content,
-        duration: config.duration,
-        delay: config.delay,
-        againBtn: config.againBtn,
-        minWidth: this.minWidth,
-        maxWidth: this.maxWidth
-      },
-      this.mainContainer
-    )
-    this.mainContainer.appendChild(domConfig.els)
-    // domConfig.els.style.marginTop = '20px' // 为了过渡效果
-    _resetMianPosition(this.mainContainer)
-    _toBindEvents(domConfig, this)
-  }
-
-  beforeDestory() {
-    if (this.mainContainer && this.mainContainer.remove) {
-      this.mainContainer.remove()
-    } else {
-      document.body.removeChild(this.mainContainer)
-    }
-    this.mainContainer = null
-  }
-}
-
-export { toastBox }

package/src/assets/js/top.js

@@ -1,229 +0,0 @@
-/**
- * 通用js方法封装处理
- * Copyright (c) 2019 top
- */
-
-
-// 日期格式化
-export function parseTime(time, pattern) {
-	if (arguments.length === 0 || !time) {
-		return null
-	}
-	const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
-	let date
-	if (typeof time === 'object') {
-		date = time
-	} else {
-		if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
-			time = parseInt(time)
-		} else if (typeof time === 'string') {
-			time = time.replace(new RegExp(/-/gm), '/');
-		}
-		if ((typeof time === 'number') && (time.toString().length === 10)) {
-			time = time * 1000
-		}
-		date = new Date(time)
-	}
-	const formatObj = {
-		y: date.getFullYear(),
-		m: date.getMonth() + 1,
-		d: date.getDate(),
-		h: date.getHours(),
-		i: date.getMinutes(),
-		s: date.getSeconds(),
-		a: date.getDay()
-	}
-	const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
-		let value = formatObj[key]
-		// Note: getDay() returns 0 on Sunday
-		if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
-		if (result.length > 0 && value < 10) {
-			value = '0' + value
-		}
-		return value || 0
-	})
-	return time_str
-}
-
-// 表单重置
-export function resetForm(refName) {
-	if (this.$refs[refName]) {
-		this.$refs[refName].resetFields();
-	}
-}
-
-// 添加日期范围
-export function addDateRange(params, dateRange, propName) {
-	var search = params;
-	search.params = {};
-	if (null != dateRange && '' != dateRange) {
-		if (typeof (propName) === "undefined") {
-			search.params["beginTime"] = dateRange[0];
-			search.params["endTime"] = dateRange[1];
-		} else {
-			search.params["begin" + propName] = dateRange[0];
-			search.params["end" + propName] = dateRange[1];
-		}
-	}
-	return search;
-}
-
-// 回显数据字典
-export function selectDictLabel(datas, value) {
-	var actions = [];
-	Object.keys(datas).some((key) => {
-		if (datas[key].dictValue == ('' + value)) {
-			actions.push(datas[key].dictLabel);
-			return true;
-		}
-	})
-	return actions.join('');
-}
-
-// 回显数据字典（字符串数组）
-export function selectDictLabels(datas, value, separator) {
-	var actions = [];
-	var currentSeparator = undefined === separator ? "," : separator;
-	var temp = value.split(currentSeparator);
-	Object.keys(value.split(currentSeparator)).some((val) => {
-		Object.keys(datas).some((key) => {
-			if (datas[key].dictValue == ('' + temp[val])) {
-				actions.push(datas[key].dictLabel + currentSeparator);
-			}
-		})
-	})
-	return actions.join('').substring(0, actions.join('').length - 1);
-}
-
-
-
-// 字符串格式化(%s )
-export function sprintf(str) {
-	var args = arguments, flag = true, i = 1;
-	str = str.replace(/%s/g, function () {
-		var arg = args[i++];
-		if (typeof arg === 'undefined') {
-			flag = false;
-			return '';
-		}
-		return arg;
-	});
-	return flag ? str : '';
-}
-
-// 转换字符串，undefined,null等转化为""
-export function praseStrEmpty(str) {
-	if (!str || str == "undefined" || str == "null") {
-		return "";
-	}
-	return str;
-}
-
-/**
- * 构造树型结构数据
- * @param {*} data 数据源
- * @param {*} id id字段 默认 'id'
- * @param {*} parentId 父节点字段 默认 'parentId'
- * @param {*} children 孩子节点字段 默认 'children'
- */
-export function handleTree(data, id, parentId, children) {
-	let config = {
-		id: id || 'id',
-		parentId: parentId || 'parentId',
-		childrenList: children || 'children'
-	};
-
-	var childrenListMap = {};
-	var nodeIds = {};
-	var tree = [];
-
-	for (let d of data) {
-		let parentId = d[config.parentId];
-		if (childrenListMap[parentId] == null) {
-			childrenListMap[parentId] = [];
-		}
-		nodeIds[d[config.id]] = d;
-		childrenListMap[parentId].push(d);
-	}
-
-	for (let d of data) {
-		let parentId = d[config.parentId];
-		if (nodeIds[parentId] == null) {
-			tree.push(d);
-		}
-	}
-
-	for (let t of tree) {
-		adaptToChildrenList(t);
-	}
-
-	function adaptToChildrenList(o) {
-		if (childrenListMap[o[config.id]] !== null) {
-			o[config.childrenList] = childrenListMap[o[config.id]];
-		}
-		if (o[config.childrenList]) {
-			for (let c of o[config.childrenList]) {
-				adaptToChildrenList(c);
-			}
-		}
-	}
-	return tree;
-}
-
-/**
-* 参数处理
-* @param {*} params  参数
-*/
-export function tansParams(params) {
-	let result = ''
-	for (const propName of Object.keys(params)) {
-		const value = params[propName];
-		var part = encodeURIComponent(propName) + "=";
-		if (value !== null && typeof (value) !== "undefined") {
-			if (typeof value === 'object') {
-				for (const key of Object.keys(value)) {
-					if (value[key] !== null && typeof (value[key]) !== 'undefined') {
-						let params = propName + '[' + key + ']';
-						var subPart = encodeURIComponent(params) + "=";
-						result += subPart + encodeURIComponent(value[key]) + "&";
-					}
-				}
-			} else {
-				result += part + encodeURIComponent(value) + "&";
-			}
-		}
-	}
-	return result
-}
-
-
-export function digitUppercase(n) {
-	let fraction = ['角', '分'];
-	let digit = [
-		'零', '壹', '贰', '叁', '肆',
-		'伍', '陆', '柒', '捌', '玖'
-	];
-	let unit = [
-		['元', '万', '亿'],
-		['', '拾', '佰', '仟']
-	];
-	let head = n < 0 ? '欠' : '';
-	n = Math.abs(n);
-	let s = '';
-	for (let i = 0; i < fraction.length; i++) {
-		s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
-	}
-	s = s || '整';
-	n = Math.floor(n);
-	for (let i = 0; i < unit[0].length && n > 0; i++) {
-		var p = '';
-		for (let j = 0; j < unit[1].length && n > 0; j++) {
-			p = digit[n % 10] + unit[1][j] + p;
-			n = Math.floor(n / 10);
-		}
-		s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
-	}
-	return head + s.replace(/(零.)*零元/, '元')
-		.replace(/(零.)+/g, '零')
-		.replace(/^整$/, '零元整');
-}

package/src/assets/js/utils.js

@@ -1,82 +0,0 @@
-export function getScrollOffset() {
-  if (window.pageXOffset) {
-    return {
-      left: window.pageXOffset,
-      top: window.pageYOffset
-    };
-  } else {
-    // 问题: 为什么要相加
-    // 因为这两个属性只有一个有用, 另一个肯定是0, 索性直接相加
-    return {
-      left: document.body.scrollLeft + document.documentElement.scrollLeft,
-      top: document.body.scrollTop + document.documentElement.scrollTop
-    };
-  }
-}
-// 添加事件, element-ui判断是不是服务器环境
-export function on(element, event, handler) {
-  if (element && event && handler) {
-    element.addEventListener(event, handler, false);
-  }
-}
-// 移除事件
-export function off(element, event, handler) {
-  if (element && event) {
-    element.removeEventListener(event, handler, false);
-  }
-}
-
-export function isTooltip(el) {
-  if (el.scrollWidth > el.offsetWidth) {
-    el.addEventListener('mouseenter', (e) => {
-      const vcTooltipDom = document.createElement("div");
-      vcTooltipDom.className = "dc-tooltip"
-      vcTooltipDom.setAttribute("id", "vc-tooltip");
-      document.body.appendChild(vcTooltipDom);
-
-      const tooltip = document.getElementById("vc-tooltip")
-      const client = e.currentTarget.getBoundingClientRect()
-      const top = client.top + 30
-      const left = client.left + 20 - tooltip.offsetWidth / 2
-      tooltip.style.cssText = ` top: ${top}px; left:${left}px; `;
-      tooltip.innerHTML = e.currentTarget.getAttribute('tips')
-    });
-    el.addEventListener('mouseleave', function () {
-      const vcTooltipDom = document.getElementById("vc-tooltip");
-      vcTooltipDom && document.body.removeChild(vcTooltipDom);
-    });
-  }
-}
-// 判断是否为空
-function isNull(str) {
-  if (str === null) return true;
-  if (str === undefined) return true;
-  if (str === "null") return true;
-  if (str === "NaN") return true;
-  if (str === "undefined") return true;
-  if (str.length === 0) return true;
-  // if (/^\s*$/i.test(str)) return true;
-  return false;
-}
-// 隐藏手机号码中间四位
-function phoneNumberHiding(mobile) {
-  if (isNull(mobile)) {
-    return '';
-  } else {
-    if (!mobile) return;
-    return (mobile + '').replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2")
-  }
-}
-// 获取string最后几位
-function lastNumber(str, number) {
-  return isNull(str) ? '' : str.substring(str.length - number)
-}
-// 获取最后一个指定字符之后的字符
-export function lastString(str, unit) {
-  if (isNull(str)) return ''
-  return str.slice(str.lastIndexOf(unit) + 1)
-}
-const baseConfig = {
-  apiUrl: '/stage-api'
-}
-export { lastNumber, phoneNumberHiding, isNull, baseConfig }

package/src/assets/js/vuePopper.js

@@ -1,123 +0,0 @@
-// 流体bug未解决, 需要多次获取dom, 感觉完全没必要
-import { getScrollOffset } from './utils';
-export function getPopoverPosition(popover, content, direction, CONTANT) {
-  // 只负责启动, 自己去检测
-  // 优化一些, 参数获取函数
-  let result = { show: true };
-  getOptions(result, popover, content, direction, CONTANT);
-  let { left, top } = getScrollOffset();
-  result.left += left;
-  result.top += top;
-  return result;
-}
-// 手打比 循环省性能
-const list = [
-  'top-end',
-  'left-end',
-  'top-start',
-  'right-end',
-  'top-middle',
-  'bottom-end',
-  'left-start',
-  'right-start',
-  'left-middle',
-  'right-middle',
-  'bottom-start',
-  'bottom-middle'
-];
-// 只要获取一次就行, 不要浪费性能
-function getOptions(result, popover, content, direction, CONTANT = 10) {
-  let myList = list.concat(),
-    client = popover.getBoundingClientRect();
-
-  // 判断 当前点击的内容区域是否在可视区域内 不在的话就自动按top显示
-  const array = direction.split('-');
-  let height = popover.offsetTop + popover.offsetHeight
-  const clientHeight = popover.parentElement.clientHeight
-  const scrollTop = popover.parentNode.scrollTop
-  height = height - scrollTop
-  if (height > clientHeight && array[0] === 'bottom') direction = 'top-' + array[1]
-
-  myList.splice(list.indexOf(direction), 1);
-  getDirection(result, {
-    myList,
-    direction,
-    CONTANT,
-    top: client.top,
-    left: client.left,
-    popoverWidth: popover.offsetWidth,
-    contentWidth: content.offsetWidth,
-    popoverHeight: popover.offsetHeight,
-    contentHeight: content.offsetHeight
-  });
-}
-function getDirection(result, options) {
-  let {
-    top,
-    left,
-    CONTANT,
-    direction,
-    contentWidth,
-    popoverWidth,
-    contentHeight,
-    popoverHeight
-  } = options;
-  result.options = options;
-  let main = direction.split('-')[0],
-    around = direction.split('-')[1];
-
-
-  if (main === 'top' || main === 'bottom') {
-    if (around === 'start') {
-      result.left = left;
-    } else if (around === 'end') {
-      result.left = left + popoverWidth - contentWidth;
-    } else if (around === 'middle') {
-      result.left = left + popoverWidth / 2 - contentWidth / 2;
-    }
-    if (main === 'top') {
-      result.top = top - contentHeight - CONTANT;
-    } else {
-      result.top = top + popoverHeight + CONTANT;
-    }
-  } else if (main === 'left' || main === 'right') {
-    if (around === 'start') {
-      result.top = top;
-    } else if (around === 'end') {
-      result.top = top + popoverHeight - contentHeight;
-    } else if (around === 'middle') {
-      result.top = top + popoverHeight / 2 - contentHeight / 2;
-    }
-    if (main === 'left') {
-      result.left = left - contentWidth - CONTANT;
-    } else {
-      result.left = left + popoverWidth + CONTANT;
-    }
-  }
-
-  testDirection(result, options);
-}
-
-function testDirection(result, options) {
-  let { left, top } = result,
-    width = document.documentElement.clientWidth,
-    height = document.documentElement.clientHeight;
-  if (
-    top < 0 ||
-    left < 0 ||
-    top + options.contentHeight > height ||
-    left + options.contentWidth > width
-  ) {
-    // 还有可以循环的
-    if (options.myList.length) {
-      options.direction = options.myList.shift();
-      getDirection(result, options);
-    } else {
-      // 实在不行就在父级身上
-      result.left = options.left;
-      result.right = options.right;
-    }
-  } else {
-    result.show = true;
-  }
-}

package/src/main.js

@@ -1,15 +0,0 @@
-import { version } from 'vue-demi'
-import App from './App.vue'
-import { createApp } from 'vue3'
-import Vue2 from 'vue2'
-import Vue27 from 'vue2.7'
-if (version.startsWith('2.7.')) {
-  new Vue2({ render: (h) => h(App) }).$mount('#app')
-}
-else if (version.startsWith('2.')) {
-  new Vue27({ render: (h) => h(App) }).$mount('#app')
-} else {
-  const app = createApp(App)
-  app.mount('#app')
-}
-