doway-coms 2.11.96 → 2.11.97

package/packages/directive/clickoutside.js

@@ -1,44 +1,44 @@
-const clickoutsideContext = '@@clickoutsideContext'
-
-export default {
-  /*
-   @param el 指令所绑定的元素
-   @param binding {Object} 
-   @param vnode vue编译生成的虚拟节点
-   */
-  bind(el, binding, vnode) {
-    const documentHandler = function(e) {
-      //   console.log(el)
-      //   console.log(e.target);
-      //   console.log(vnode);
-      //   console.log(binding);
-
-      if (!vnode.context || el.contains(e.target)) {
-        return false
-      }
-      if (binding.expression) {
-        vnode.context[el[clickoutsideContext].methodName](e)
-      } else {
-        el[clickoutsideContext].bindingFn(e)
-      }
-    }
-    el[clickoutsideContext] = {
-      documentHandler,
-      methodName: binding.expression,
-      bindingFn: binding.value
-    }
-    setTimeout(() => {
-      document.addEventListener('click', documentHandler)
-    }, 0)
-  },
-  update(el, binding) {
-    el[clickoutsideContext].methodName = binding.expression
-    el[clickoutsideContext].bindingFn = binding.value
-  },
-  unbind(el) {
-    document.removeEventListener(
-      'click',
-      el[clickoutsideContext].documentHandler
-    )
-  }
-}
+const clickoutsideContext = '@@clickoutsideContext'
+
+export default {
+  /*
+   @param el 指令所绑定的元素
+   @param binding {Object} 
+   @param vnode vue编译生成的虚拟节点
+   */
+  bind(el, binding, vnode) {
+    const documentHandler = function(e) {
+      //   console.log(el)
+      //   console.log(e.target);
+      //   console.log(vnode);
+      //   console.log(binding);
+
+      if (!vnode.context || el.contains(e.target)) {
+        return false
+      }
+      if (binding.expression) {
+        vnode.context[el[clickoutsideContext].methodName](e)
+      } else {
+        el[clickoutsideContext].bindingFn(e)
+      }
+    }
+    el[clickoutsideContext] = {
+      documentHandler,
+      methodName: binding.expression,
+      bindingFn: binding.value
+    }
+    setTimeout(() => {
+      document.addEventListener('click', documentHandler)
+    }, 0)
+  },
+  update(el, binding) {
+    el[clickoutsideContext].methodName = binding.expression
+    el[clickoutsideContext].bindingFn = binding.value
+  },
+  unbind(el) {
+    document.removeEventListener(
+      'click',
+      el[clickoutsideContext].documentHandler
+    )
+  }
+}

package/packages/index.js

@@ -1,197 +1,197 @@
-import Vue from 'vue'
-// 导入组件
-import BaseInput from './BaseInput/index'
-import BaseCheckbox from './BaseCheckbox/index'
-import BaseDate from './BaseDate/index'
-import BaseDatetime from './BaseDatetime/index'
-import BaseDateWeek from './BaseDateWeek/index'
-import BaseTextArea from './BaseTextArea/index'
-import BaseSelect from './BaseSelect/index'
-import BaseSelectMulti from './BaseSelectMulti/index'
-import BaseTime from './BaseTime/index'
-import BasePagination from './BasePagination/index'
-import BaseNumberInput from './BaseNumberInput/index'
-import BaseTool from './BaseTool/index'
-import BaseToolStatus from './BaseToolStatus/index'
-import BasePulldown from './BasePulldown/index'
-import BaseIntervalInput from './BaseIntervalInput/index'
-import BaseForm from './BaseForm/index'
-import BasePictureCard from './BasePictureCard/index'
-import BaseFileGroup from './BaseFileGroup/index'
-import BasePrintPreview from './BasePrintPreview/index'
-import BaseGantt from './BaseGantt/index'
-import BaseKanbanEmpty from './BaseKanbanEmpty/index'
-import BaseSearch from './BaseSearch/index'
-import BaseButton from './BaseButton/index'
-import BaseTreeSelect from './BaseTreeSelect/index'
-import LeaveAMessage from './LeaveAMessage/index'
-import AuditsList from './AuditsList/index'
-import HistoryModal from './HistoryModal/index'
-
-import store from './utils/store'
-import request from './utils/request'
-import BaseGrid from './BaseGrid/index'
-
-// 存储组件列表
-const components = [
-  BaseInput,
-  BaseCheckbox,
-  BaseDate,
-  BaseDatetime,
-  BaseDateWeek,
-  BaseTextArea,
-  BaseSelect,
-  BaseSelectMulti,
-  BaseTime,
-  BasePagination,
-  BaseNumberInput,
-  BaseTool,
-  BaseToolStatus,
-  BasePulldown,
-  BaseIntervalInput,
-  BaseForm,
-  BasePictureCard,
-  BaseGrid,
-  BasePrintPreview,
-  BaseGantt,
-  BaseKanbanEmpty,
-  BaseSearch,
-  BaseButton,
-  LeaveAMessage,
-  AuditsList,
-  BaseTreeSelect,
-  BaseFileGroup,
-  HistoryModal,
-]
-// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
-
-import 'vxe-table/lib/style.css'
-import VXETable from 'vxe-table'
-
-const popupInterceptor = (params) => {
-  // 比如点击了某个组件的弹出层面板之后，此时被激活单元格不应该被自动关闭，通过返回 false 可以阻止默认的行为。
-  let parentElement =
-    params.$event.target.shadowRoot && params.$event.composed
-      ? params.$event.composedPath()[0] || params.$event.target
-      : params.$event.target
-  while (true) {
-    // console.debug(parentElement)
-    if (
-      parentElement && typeof parentElement.className === 'string' &&
-      (parentElement.className.indexOf('vxe-modal--wrapper') > -1 ||
-        parentElement.className.indexOf('ant-calendar') > -1 ||
-        parentElement.className.indexOf('ant-select-dropdown-menu-item') > -1 ||
-        parentElement.className.indexOf('interceptor-class') > -1 ||
-        parentElement.className.indexOf('ant-time-picker-panel') > -1 ||
-        parentElement.className.indexOf('ant-select-dropdown') > -1)
-    ) {
-      //定义网格弹出框不能对焦问题
-      return false
-    }
-    if (parentElement.parentElement) {
-      parentElement = parentElement.parentElement
-    } else {
-      break
-    }
-  }
-}
-//网格弹出点击拦截器
-VXETable.interceptor.add('event.clearEdit', (params) => {
-  return popupInterceptor(params)
-})
-//网格筛选点击拦截器
-VXETable.interceptor.add('event.clearFilter', (params) => {
-  return popupInterceptor(params)
-})
-
-//表格自定义格式化
-import './utils/gridFormat'
-// 右键菜单插件
-import Contextmenu from 'vue-contextmenujs'
-
-Vue.use(Contextmenu)
-
-const install = function (Vue) {
-  //注册grid组件
-  Vue.use(VXETable)
-  // 遍历注册全局组件
-  components.forEach((component) => {
-    Vue.component(component.name, component)
-  })
-}
-
-// 环境监测
-// 判断是否是直接引入文件
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue)
-}
-
-import XEUtils from 'xe-utils'
-//表单输入框验证
-import { extend, localize } from 'vee-validate'
-//引入校验规则 安装所有规则
-import * as rules from 'vee-validate/dist/rules'
-Object.keys(rules).forEach((rule) => {
-  extend(rule, rules[rule])
-})
-
-extend('gt', (value, min) => {
-  if (XEUtils.toNumber(value) > min) {
-    return true
-  }
-  return `必须大于${min}`
-})
-
-localize({
-  en: {
-    messages: {
-      required: '必填',
-      min: '不能小于 {length} 个字符',
-      max: (_, { length }) => `不能大于 ${length} 个字符`,
-      email: '邮箱输入不符合规则',
-    },
-  },
-})
-
-export default {
-  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
-  install,
-  // 以下是具体的组件列表
-}
-export * from './utils/enum'
-export * from './utils/common'
-export * from './utils/filters'
-export * from './utils/msg'
-
-export {
-  BaseInput,
-  BaseCheckbox,
-  BaseDate,
-  BaseDatetime,
-  BaseDateWeek,
-  BaseTextArea,
-  BaseSelect,
-  BaseSelectMulti,
-  BaseTime,
-  BasePagination,
-  BaseNumberInput,
-  BaseTool,
-  BaseToolStatus,
-  BasePulldown,
-  BaseIntervalInput,
-  BaseForm,
-  BaseGrid,
-  BasePictureCard,
-  BasePrintPreview,
-  BaseGantt,
-  BaseKanbanEmpty,
-  BaseSearch,
-  BaseTreeSelect,
-  BaseButton,
-  LeaveAMessage,
-  AuditsList,
-  store,
-  request,
-  BaseFileGroup,
-  HistoryModal,
-}
+import Vue from 'vue'
+// 导入组件
+import BaseInput from './BaseInput/index'
+import BaseCheckbox from './BaseCheckbox/index'
+import BaseDate from './BaseDate/index'
+import BaseDatetime from './BaseDatetime/index'
+import BaseDateWeek from './BaseDateWeek/index'
+import BaseTextArea from './BaseTextArea/index'
+import BaseSelect from './BaseSelect/index'
+import BaseSelectMulti from './BaseSelectMulti/index'
+import BaseTime from './BaseTime/index'
+import BasePagination from './BasePagination/index'
+import BaseNumberInput from './BaseNumberInput/index'
+import BaseTool from './BaseTool/index'
+import BaseToolStatus from './BaseToolStatus/index'
+import BasePulldown from './BasePulldown/index'
+import BaseIntervalInput from './BaseIntervalInput/index'
+import BaseForm from './BaseForm/index'
+import BasePictureCard from './BasePictureCard/index'
+import BaseFileGroup from './BaseFileGroup/index'
+import BasePrintPreview from './BasePrintPreview/index'
+import BaseGantt from './BaseGantt/index'
+import BaseKanbanEmpty from './BaseKanbanEmpty/index'
+import BaseSearch from './BaseSearch/index'
+import BaseButton from './BaseButton/index'
+import BaseTreeSelect from './BaseTreeSelect/index'
+import LeaveAMessage from './LeaveAMessage/index'
+import AuditsList from './AuditsList/index'
+import HistoryModal from './HistoryModal/index'
+
+import store from './utils/store'
+import request from './utils/request'
+import BaseGrid from './BaseGrid/index'
+
+// 存储组件列表
+const components = [
+  BaseInput,
+  BaseCheckbox,
+  BaseDate,
+  BaseDatetime,
+  BaseDateWeek,
+  BaseTextArea,
+  BaseSelect,
+  BaseSelectMulti,
+  BaseTime,
+  BasePagination,
+  BaseNumberInput,
+  BaseTool,
+  BaseToolStatus,
+  BasePulldown,
+  BaseIntervalInput,
+  BaseForm,
+  BasePictureCard,
+  BaseGrid,
+  BasePrintPreview,
+  BaseGantt,
+  BaseKanbanEmpty,
+  BaseSearch,
+  BaseButton,
+  LeaveAMessage,
+  AuditsList,
+  BaseTreeSelect,
+  BaseFileGroup,
+  HistoryModal,
+]
+// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
+
+import 'vxe-table/lib/style.css'
+import VXETable from 'vxe-table'
+
+const popupInterceptor = (params) => {
+  // 比如点击了某个组件的弹出层面板之后，此时被激活单元格不应该被自动关闭，通过返回 false 可以阻止默认的行为。
+  let parentElement =
+    params.$event.target.shadowRoot && params.$event.composed
+      ? params.$event.composedPath()[0] || params.$event.target
+      : params.$event.target
+  while (true) {
+    // console.debug(parentElement)
+    if (
+      parentElement && typeof parentElement.className === 'string' &&
+      (parentElement.className.indexOf('vxe-modal--wrapper') > -1 ||
+        parentElement.className.indexOf('ant-calendar') > -1 ||
+        parentElement.className.indexOf('ant-select-dropdown-menu-item') > -1 ||
+        parentElement.className.indexOf('interceptor-class') > -1 ||
+        parentElement.className.indexOf('ant-time-picker-panel') > -1 ||
+        parentElement.className.indexOf('ant-select-dropdown') > -1)
+    ) {
+      //定义网格弹出框不能对焦问题
+      return false
+    }
+    if (parentElement.parentElement) {
+      parentElement = parentElement.parentElement
+    } else {
+      break
+    }
+  }
+}
+//网格弹出点击拦截器
+VXETable.interceptor.add('event.clearEdit', (params) => {
+  return popupInterceptor(params)
+})
+//网格筛选点击拦截器
+VXETable.interceptor.add('event.clearFilter', (params) => {
+  return popupInterceptor(params)
+})
+
+//表格自定义格式化
+import './utils/gridFormat'
+// 右键菜单插件
+import Contextmenu from 'vue-contextmenujs'
+
+Vue.use(Contextmenu)
+
+const install = function (Vue) {
+  //注册grid组件
+  Vue.use(VXETable)
+  // 遍历注册全局组件
+  components.forEach((component) => {
+    Vue.component(component.name, component)
+  })
+}
+
+// 环境监测
+// 判断是否是直接引入文件
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+
+import XEUtils from 'xe-utils'
+//表单输入框验证
+import { extend, localize } from 'vee-validate'
+//引入校验规则 安装所有规则
+import * as rules from 'vee-validate/dist/rules'
+Object.keys(rules).forEach((rule) => {
+  extend(rule, rules[rule])
+})
+
+extend('gt', (value, min) => {
+  if (XEUtils.toNumber(value) > min) {
+    return true
+  }
+  return `必须大于${min}`
+})
+
+localize({
+  en: {
+    messages: {
+      required: '必填',
+      min: '不能小于 {length} 个字符',
+      max: (_, { length }) => `不能大于 ${length} 个字符`,
+      email: '邮箱输入不符合规则',
+    },
+  },
+})
+
+export default {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install,
+  // 以下是具体的组件列表
+}
+export * from './utils/enum'
+export * from './utils/common'
+export * from './utils/filters'
+export * from './utils/msg'
+
+export {
+  BaseInput,
+  BaseCheckbox,
+  BaseDate,
+  BaseDatetime,
+  BaseDateWeek,
+  BaseTextArea,
+  BaseSelect,
+  BaseSelectMulti,
+  BaseTime,
+  BasePagination,
+  BaseNumberInput,
+  BaseTool,
+  BaseToolStatus,
+  BasePulldown,
+  BaseIntervalInput,
+  BaseForm,
+  BaseGrid,
+  BasePictureCard,
+  BasePrintPreview,
+  BaseGantt,
+  BaseKanbanEmpty,
+  BaseSearch,
+  BaseTreeSelect,
+  BaseButton,
+  LeaveAMessage,
+  AuditsList,
+  store,
+  request,
+  BaseFileGroup,
+  HistoryModal,
+}

package/packages/styles/default.css

@@ -1,78 +1,78 @@
-.d-control-container {
-  display: flex;
-}
-.d-control-label {
-  font-size: 12px;
-  font-weight: bold;
-  flex: 0 0 100px;
-}
-.d-control {
-  flex: 1;
-  width: 100%;
-  height: 30px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.d-control-label-required {
-  color: red;
-}
-.d-error-input {
-  border-color: #f22435 !important;
-}
-.d-error-input input {
-  border-color: #f22435 !important;
-}
-.d-error-input input:hover {
-  border-color: #f22435 !important;
-}
-.d-error-input div {
-  border-color: #f22435 !important;
-}
-.d-error-msg {
-  color: #f22435;
-  font-size: 0.75em;
-  position: fixed;
-}
-.d-form-items {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: flex-start;
-  padding: 8px 8px 8px 8px;
-  overflow-y: auto;
-}
-.d-form-items .d-form-item-ghost {
-  visibility: hidden;
-  height: 0;
-  min-height: 0px !important;
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: auto;
-  border: 1px solid #9ad4dc;
-  min-width: 150px;
-  width: 280px;
-  margin-right: 8px;
-  margin-left: 8px;
-  border-radius: 6px;
-}
-.d-form-items .d-form-item {
-  width: 280px;
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: auto;
-  margin-top: 0px;
-  margin-right: 8px;
-  margin-bottom: 0px;
-  margin-left: 8px;
-  padding: 6px 8px 6px 8px;
-  min-width: 150px;
-  border-radius: 6px;
-}
-.d-form-items .d-form-item .search-view-icon {
-  float: left;
-  width: 64px;
-  height: 64px;
-}
-.vxe-table--render-default .vxe-table--body-wrapper {
-  position: inherit !important;
-}
+.d-control-container {
+  display: flex;
+}
+.d-control-label {
+  font-size: 12px;
+  font-weight: bold;
+  flex: 0 0 100px;
+}
+.d-control {
+  flex: 1;
+  width: 100%;
+  height: 30px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.d-control-label-required {
+  color: red;
+}
+.d-error-input {
+  border-color: #f22435 !important;
+}
+.d-error-input input {
+  border-color: #f22435 !important;
+}
+.d-error-input input:hover {
+  border-color: #f22435 !important;
+}
+.d-error-input div {
+  border-color: #f22435 !important;
+}
+.d-error-msg {
+  color: #f22435;
+  font-size: 0.75em;
+  position: fixed;
+}
+.d-form-items {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  padding: 8px 8px 8px 8px;
+  overflow-y: auto;
+}
+.d-form-items .d-form-item-ghost {
+  visibility: hidden;
+  height: 0;
+  min-height: 0px !important;
+  flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: auto;
+  border: 1px solid #9ad4dc;
+  min-width: 150px;
+  width: 280px;
+  margin-right: 8px;
+  margin-left: 8px;
+  border-radius: 6px;
+}
+.d-form-items .d-form-item {
+  width: 280px;
+  flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: auto;
+  margin-top: 0px;
+  margin-right: 8px;
+  margin-bottom: 0px;
+  margin-left: 8px;
+  padding: 6px 8px 6px 8px;
+  min-width: 150px;
+  border-radius: 6px;
+}
+.d-form-items .d-form-item .search-view-icon {
+  float: left;
+  width: 64px;
+  height: 64px;
+}
+.vxe-table--render-default .vxe-table--body-wrapper {
+  position: inherit !important;
+}