evui 3.3.36 → 3.3.39

package/src/directives/clickoutside.js

@@ -1,90 +1,90 @@
-const clickoutside = {
-  mounted(el, binding) {
-    const componentEl = el;
-    const bubble = binding.modifiers.bubbles;
-    const handler = (e) => {
-      if (bubble
-        || (componentEl !== e.target
-          && !componentEl.contains(e.target))
-      ) {
-        binding.value(e);
-      }
-    };
-    componentEl.vueClickOutside = handler;
-    document.addEventListener('mousedown', handler);
-  },
-  unmounted(el) {
-    const componentEl = el;
-    document.removeEventListener('mousedown', componentEl.vueClickOutside);
-    componentEl.vueClickOutside = null;
-  },
-};
-
-const selectClickoutside = {
-  mounted(el, binding) {
-    const componentEl = el;
-    let dropLi = null;
-    const bubble = binding.modifiers.bubble;
-    const selectDropbox = document.body.getElementsByClassName('ev-select-dropbox');
-    const TAG_NAME_CLS = 'ev-tag-name';
-    const TAG_SUFFIX_CLOSE_CLS = 'ev-tag-suffix-close';
-    const handler = (e) => {
-      if (e.target.classList.contains(TAG_NAME_CLS)
-        || e.target.classList.contains(TAG_SUFFIX_CLOSE_CLS)
-      ) {
-        return;
-      }
-      if (selectDropbox && selectDropbox.length) {
-        if (bubble || (componentEl !== e.target && !componentEl.contains(e.target))) {
-          for (let i = 0; i < selectDropbox.length; i++) {
-            dropLi = selectDropbox[i];
-            if (dropLi !== e.target && !dropLi.contains(e.target)) {
-              binding.value(e);
-              break;
-            }
-          }
-        }
-      }
-    };
-    componentEl.vueClickOutside = handler;
-    document.addEventListener('mousedown', handler);
-  },
-  unmounted(el) {
-    const componentEl = el;
-    document.removeEventListener('mousedown', componentEl.vueClickOutside);
-    componentEl.vueClickOutside = null;
-  },
-};
-
-const datePickerClickoutside = {
-  mounted(el, binding) {
-    const componentEl = el;
-    const bubble = binding.modifiers.bubbles;
-    const selectDropbox = document.body.getElementsByClassName('ev-date-picker-dropdown');
-    const handler = (e) => {
-      if (!selectDropbox
-        && (bubble || (componentEl !== e.target && !componentEl.contains(e.target)))
-      ) {
-        binding.value(e);
-      } else if (selectDropbox && selectDropbox[0]
-        && (selectDropbox[0] !== e.target && !selectDropbox[0].contains(e.target))
-        && (componentEl !== e.target && !componentEl.contains(e.target))
-      ) {
-        binding.value(e);
-      }
-    };
-    componentEl.vueClickOutside = handler;
-    document.addEventListener('mousedown', handler);
-  },
-  unmounted(el) {
-    const componentEl = el;
-    document.removeEventListener('mousedown', componentEl.vueClickOutside);
-    componentEl.vueClickOutside = null;
-  },
-};
-
-export {
-  clickoutside,
-  selectClickoutside,
-  datePickerClickoutside,
-};
+const clickoutside = {
+  mounted(el, binding) {
+    const componentEl = el;
+    const bubble = binding.modifiers.bubbles;
+    const handler = (e) => {
+      if (bubble
+        || (componentEl !== e.target
+          && !componentEl.contains(e.target))
+      ) {
+        binding.value(e);
+      }
+    };
+    componentEl.vueClickOutside = handler;
+    document.addEventListener('mousedown', handler);
+  },
+  unmounted(el) {
+    const componentEl = el;
+    document.removeEventListener('mousedown', componentEl.vueClickOutside);
+    componentEl.vueClickOutside = null;
+  },
+};
+
+const selectClickoutside = {
+  mounted(el, binding) {
+    const componentEl = el;
+    let dropLi = null;
+    const bubble = binding.modifiers.bubble;
+    const selectDropbox = document.body.getElementsByClassName('ev-select-dropbox');
+    const TAG_NAME_CLS = 'ev-tag-name';
+    const TAG_SUFFIX_CLOSE_CLS = 'ev-tag-suffix-close';
+    const handler = (e) => {
+      if (e.target.classList.contains(TAG_NAME_CLS)
+        || e.target.classList.contains(TAG_SUFFIX_CLOSE_CLS)
+      ) {
+        return;
+      }
+      if (selectDropbox && selectDropbox.length) {
+        if (bubble || (componentEl !== e.target && !componentEl.contains(e.target))) {
+          for (let i = 0; i < selectDropbox.length; i++) {
+            dropLi = selectDropbox[i];
+            if (dropLi !== e.target && !dropLi.contains(e.target)) {
+              binding.value(e);
+              break;
+            }
+          }
+        }
+      }
+    };
+    componentEl.vueClickOutside = handler;
+    document.addEventListener('mousedown', handler);
+  },
+  unmounted(el) {
+    const componentEl = el;
+    document.removeEventListener('mousedown', componentEl.vueClickOutside);
+    componentEl.vueClickOutside = null;
+  },
+};
+
+const datePickerClickoutside = {
+  mounted(el, binding) {
+    const componentEl = el;
+    const bubble = binding.modifiers.bubbles;
+    const selectDropbox = document.body.getElementsByClassName('ev-date-picker-dropdown');
+    const handler = (e) => {
+      if (!selectDropbox
+        && (bubble || (componentEl !== e.target && !componentEl.contains(e.target)))
+      ) {
+        binding.value(e);
+      } else if (selectDropbox && selectDropbox[0]
+        && (selectDropbox[0] !== e.target && !selectDropbox[0].contains(e.target))
+        && (componentEl !== e.target && !componentEl.contains(e.target))
+      ) {
+        binding.value(e);
+      }
+    };
+    componentEl.vueClickOutside = handler;
+    document.addEventListener('mousedown', handler);
+  },
+  unmounted(el) {
+    const componentEl = el;
+    document.removeEventListener('mousedown', componentEl.vueClickOutside);
+    componentEl.vueClickOutside = null;
+  },
+};
+
+export {
+  clickoutside,
+  selectClickoutside,
+  datePickerClickoutside,
+};

package/src/main.js

@@ -1,116 +1,116 @@
-import EvTabs from '@/components/tabs/';
-import EvTabPanel from '@/components/tabPanel/';
-import EvButton from '@/components/button/';
-import EvButtonGroup from '@/components/buttonGroup/';
-import EvCheckbox from '@/components/checkbox/';
-import EvCheckboxGroup from '@/components/checkboxGroup/';
-import EvRadio from '@/components/radio/';
-import EvRadioGroup from '@/components/radioGroup/';
-import EvSelect from '@/components/select/';
-import EvToggle from '@/components/toggle/';
-import EvTextField from '@/components/textField/';
-import EvInputNumber from '@/components/inputNumber/';
-import EvSlider from '@/components/slider/';
-import EvIcon from '@/components/icon/';
-import EvCalendar from '@/components/calendar/';
-import EvDatePicker from '@/components/datePicker/';
-import EvMessage from '@/components/message/';
-import EvNotification from '@/components/notification/';
-import EvMessageBox from '@/components/messageBox/';
-import EvScheduler from '@/components/scheduler/';
-import EvContextMenu from '@/components/contextMenu/';
-import EvWindow from '@/components/window/';
-import EvLoading from '@/components/loading/';
-import EvProgress from '@/components/progress/';
-import EvMenu from '@/components/menu/';
-import EvTree from '@/components/tree/';
-import EvTimePicker from '@/components/timePicker/';
-import EvGrid from '@/components/grid/';
-import EvChart from '@/components/chart/';
-import EvTreeGrid from '@/components/treeGrid/';
-import EvPagination from '@/components/pagination/';
-import { version } from '../package.json';
-
-const components = [
-  EvTabs,
-  EvTabPanel,
-  EvButton,
-  EvButtonGroup,
-  EvCheckbox,
-  EvCheckboxGroup,
-  EvRadio,
-  EvRadioGroup,
-  EvSelect,
-  EvToggle,
-  EvTextField,
-  EvInputNumber,
-  EvSlider,
-  EvIcon,
-  EvCalendar,
-  EvDatePicker,
-  EvScheduler,
-  EvContextMenu,
-  EvWindow,
-  EvLoading,
-  EvProgress,
-  EvMenu,
-  EvTree,
-  EvTimePicker,
-  EvGrid,
-  EvChart,
-  EvMessage,
-  EvNotification,
-  EvMessageBox,
-  EvTreeGrid,
-  EvPagination,
-];
-
-const install = (app) => {
-  if (!app) {
-    return;
-  }
-  components.forEach((component) => {
-    app.use(component);
-  });
-};
-
-const EVUI = {
-  version,
-  install,
-};
-
-export {
-  EvTabs,
-  EvTabPanel,
-  EvButton,
-  EvButtonGroup,
-  EvCheckbox,
-  EvCheckboxGroup,
-  EvRadio,
-  EvRadioGroup,
-  EvSelect,
-  EvToggle,
-  EvTextField,
-  EvInputNumber,
-  EvSlider,
-  EvIcon,
-  EvCalendar,
-  EvDatePicker,
-  EvScheduler,
-  EvContextMenu,
-  EvWindow,
-  EvLoading,
-  EvProgress,
-  EvMenu,
-  EvTree,
-  EvTimePicker,
-  EvGrid,
-  EvChart,
-  EvMessage,
-  EvNotification,
-  EvMessageBox,
-  EvTreeGrid,
-  EvPagination,
-};
-
-export default EVUI;
+import EvTabs from '@/components/tabs/';
+import EvTabPanel from '@/components/tabPanel/';
+import EvButton from '@/components/button/';
+import EvButtonGroup from '@/components/buttonGroup/';
+import EvCheckbox from '@/components/checkbox/';
+import EvCheckboxGroup from '@/components/checkboxGroup/';
+import EvRadio from '@/components/radio/';
+import EvRadioGroup from '@/components/radioGroup/';
+import EvSelect from '@/components/select/';
+import EvToggle from '@/components/toggle/';
+import EvTextField from '@/components/textField/';
+import EvInputNumber from '@/components/inputNumber/';
+import EvSlider from '@/components/slider/';
+import EvIcon from '@/components/icon/';
+import EvCalendar from '@/components/calendar/';
+import EvDatePicker from '@/components/datePicker/';
+import EvMessage from '@/components/message/';
+import EvNotification from '@/components/notification/';
+import EvMessageBox from '@/components/messageBox/';
+import EvScheduler from '@/components/scheduler/';
+import EvContextMenu from '@/components/contextMenu/';
+import EvWindow from '@/components/window/';
+import EvLoading from '@/components/loading/';
+import EvProgress from '@/components/progress/';
+import EvMenu from '@/components/menu/';
+import EvTree from '@/components/tree/';
+import EvTimePicker from '@/components/timePicker/';
+import EvGrid from '@/components/grid/';
+import EvChart from '@/components/chart/';
+import EvTreeGrid from '@/components/treeGrid/';
+import EvPagination from '@/components/pagination/';
+import { version } from '../package.json';
+
+const components = [
+  EvTabs,
+  EvTabPanel,
+  EvButton,
+  EvButtonGroup,
+  EvCheckbox,
+  EvCheckboxGroup,
+  EvRadio,
+  EvRadioGroup,
+  EvSelect,
+  EvToggle,
+  EvTextField,
+  EvInputNumber,
+  EvSlider,
+  EvIcon,
+  EvCalendar,
+  EvDatePicker,
+  EvScheduler,
+  EvContextMenu,
+  EvWindow,
+  EvLoading,
+  EvProgress,
+  EvMenu,
+  EvTree,
+  EvTimePicker,
+  EvGrid,
+  EvChart,
+  EvMessage,
+  EvNotification,
+  EvMessageBox,
+  EvTreeGrid,
+  EvPagination,
+];
+
+const install = (app) => {
+  if (!app) {
+    return;
+  }
+  components.forEach((component) => {
+    app.use(component);
+  });
+};
+
+const EVUI = {
+  version,
+  install,
+};
+
+export {
+  EvTabs,
+  EvTabPanel,
+  EvButton,
+  EvButtonGroup,
+  EvCheckbox,
+  EvCheckboxGroup,
+  EvRadio,
+  EvRadioGroup,
+  EvSelect,
+  EvToggle,
+  EvTextField,
+  EvInputNumber,
+  EvSlider,
+  EvIcon,
+  EvCalendar,
+  EvDatePicker,
+  EvScheduler,
+  EvContextMenu,
+  EvWindow,
+  EvLoading,
+  EvProgress,
+  EvMenu,
+  EvTree,
+  EvTimePicker,
+  EvGrid,
+  EvChart,
+  EvMessage,
+  EvNotification,
+  EvMessageBox,
+  EvTreeGrid,
+  EvPagination,
+};
+
+export default EVUI;

package/src/style/components/input.scss

@@ -1,108 +1,108 @@
-.ev-input,
-.ev-textarea {
-  width: 100%;
-  outline: 0;
-  background-color: transparent;
-  border-radius: $default-radius;
-  transition: border $animate-base;
-
-  @include evThemify() {
-    border: 1px solid evThemed('border-base');
-    color: evThemed('font-base');
-  }
-  &:focus,
-  &:hover {
-    @include evThemify() {
-      border: 1px solid evThemed('primary');
-    }
-  }
-}
-.ev-input {
-  height: $input-default-height;
-  padding: 0 $input-default-padding;
-}
-.ev-textarea {
-  height: $textarea-default-height;
-  padding: 5px;
-  resize: none;
-}
-
-@include state('readonly') {
-  .ev-input,
-  .ev-textarea,
-  .ev-select {
-    @include evThemify() {
-      background-color: evThemed('background-lighten');
-    }
-    &:focus,
-    &:hover {
-      @include evThemify() {
-        border: 1px solid rgba(evThemed('border-base'), 0.5);
-      }
-    }
-  }
-  &.ev-text-field:hover,
-  &.ev-input-number:hover,
-  &.ev-select:hover {
-    .ev-input,
-    .ev-textarea {
-      @include evThemify() {
-        border: 1px solid rgba(evThemed('border-base'), 0.5);
-      }
-    }
-  }
-}
-@include state('disabled') {
-  &.ev-input-number,
-  &.ev-text-field,
-  &.ev-select {
-    &, * {
-      cursor: not-allowed !important;
-    }
-    &:hover {
-      .ev-input,
-      .ev-textarea {
-        @include evThemify() {
-          border: 1px solid evThemed('error');
-        }
-      }
-    }
-  }
-  .ev-input,
-  .ev-textarea {
-    @include evThemify() {
-      border: 1px solid evThemed('disabled');
-      background-color: evThemed('background-lighten');
-      color: evThemed('disabled');
-    }
-    &:focus,
-    &:hover {
-      @include evThemify() {
-        border: 1px solid evThemed('error');
-      }
-    }
-  }
-}
-@include state('error') {
-  .ev-input,
-  .ev-textarea {
-    @include evThemify() {
-      border: 1px solid evThemed('error');
-    }
-    &:focus,
-    &:hover {
-      @include evThemify() {
-        border: 1px solid rgba(evThemed('error'), 0.5);
-      }
-    }
-  }
-  &.ev-text-field:hover,
-  &.ev-input-number:hover {
-    .ev-input,
-    .ev-textarea {
-      @include evThemify() {
-        border: 1px solid rgba(evThemed('error'), 0.5);
-      }
-    }
-  }
-}
+.ev-input,
+.ev-textarea {
+  width: 100%;
+  outline: 0;
+  background-color: transparent;
+  border-radius: $default-radius;
+  transition: border $animate-base;
+
+  @include evThemify() {
+    border: 1px solid evThemed('border-base');
+    color: evThemed('font-base');
+  }
+  &:focus,
+  &:hover {
+    @include evThemify() {
+      border: 1px solid evThemed('primary');
+    }
+  }
+}
+.ev-input {
+  height: $input-default-height;
+  padding: 0 $input-default-padding;
+}
+.ev-textarea {
+  height: $textarea-default-height;
+  padding: 5px;
+  resize: none;
+}
+
+@include state('readonly') {
+  .ev-input,
+  .ev-textarea,
+  .ev-select {
+    @include evThemify() {
+      background-color: evThemed('background-lighten');
+    }
+    &:focus,
+    &:hover {
+      @include evThemify() {
+        border: 1px solid rgba(evThemed('border-base'), 0.5);
+      }
+    }
+  }
+  &.ev-text-field:hover,
+  &.ev-input-number:hover,
+  &.ev-select:hover {
+    .ev-input,
+    .ev-textarea {
+      @include evThemify() {
+        border: 1px solid rgba(evThemed('border-base'), 0.5);
+      }
+    }
+  }
+}
+@include state('disabled') {
+  &.ev-input-number,
+  &.ev-text-field,
+  &.ev-select {
+    &, * {
+      cursor: not-allowed !important;
+    }
+    &:hover {
+      .ev-input,
+      .ev-textarea {
+        @include evThemify() {
+          border: 1px solid evThemed('error');
+        }
+      }
+    }
+  }
+  .ev-input,
+  .ev-textarea {
+    @include evThemify() {
+      border: 1px solid evThemed('disabled');
+      background-color: evThemed('background-lighten');
+      color: evThemed('disabled');
+    }
+    &:focus,
+    &:hover {
+      @include evThemify() {
+        border: 1px solid evThemed('error');
+      }
+    }
+  }
+}
+@include state('error') {
+  .ev-input,
+  .ev-textarea {
+    @include evThemify() {
+      border: 1px solid evThemed('error');
+    }
+    &:focus,
+    &:hover {
+      @include evThemify() {
+        border: 1px solid rgba(evThemed('error'), 0.5);
+      }
+    }
+  }
+  &.ev-text-field:hover,
+  &.ev-input-number:hover {
+    .ev-input,
+    .ev-textarea {
+      @include evThemify() {
+        border: 1px solid rgba(evThemed('error'), 0.5);
+      }
+    }
+  }
+}

package/src/style/functions.scss

@@ -1,3 +1,3 @@
-@function evThemed($key) {
-  @return map-get($ev-theme-map, $key);
-}
+@function evThemed($key) {
+  @return map-get($ev-theme-map, $key);
+}

package/src/style/index.scss

@@ -1,6 +1,6 @@
-@charset "UTF-8";
-
-@import 'functions';
-@import 'mixins';
-@import 'variables';
-@import 'themes';
+@charset "UTF-8";
+
+@import 'functions';
+@import 'mixins';
+@import 'variables';
+@import 'themes';