fix: ie compatibility

mengxiong10 · Nov 11, 2019 · 99a4abd · 99a4abd
1 parent 6060330
commit 99a4abd
Show file tree

Hide file tree

Showing 10 changed files with 612 additions and 60 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/__test__/__snapshots__/time-panel.test.js.snap b/__test__/__snapshots__/time-panel.test.js.snap
@@ -15,7 +15,7 @@ exports[`TimePanel render: correct 12hours in the fixed time list 1`] = `
     >
       <div
         class="mx-scrollbar-wrap"
-        style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+        style="margin-right: -0px;"
       >
         <ul
           class="mx-time-list"
@@ -200,7 +200,7 @@ exports[`TimePanel render: correct classes of the columns 1`] = `
       >
         <div
           class="mx-scrollbar-wrap"
-          style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+          style="margin-right: -0px;"
         >
           <ul
             data-index="0"
@@ -415,7 +415,7 @@ exports[`TimePanel render: correct classes of the columns 1`] = `
       >
         <div
           class="mx-scrollbar-wrap"
-          style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+          style="margin-right: -0px;"
         >
           <ul
             data-index="1"
@@ -918,7 +918,7 @@ exports[`TimePanel render: correct classes of the columns 1`] = `
       >
         <div
           class="mx-scrollbar-wrap"
-          style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+          style="margin-right: -0px;"
         >
           <ul
             data-index="2"
@@ -1435,7 +1435,7 @@ exports[`TimePanel render: correct classes of the fixed time list 1`] = `
     >
       <div
         class="mx-scrollbar-wrap"
-        style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+        style="margin-right: -0px;"
       >
         <ul
           class="mx-time-list"
@@ -1620,7 +1620,7 @@ exports[`TimePanel render: correct columns by format 1`] = `
       >
         <div
           class="mx-scrollbar-wrap"
-          style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+          style="margin-right: -0px;"
         >
           <ul
             data-index="0"
@@ -1675,7 +1675,7 @@ exports[`TimePanel render: correct columns by format 1`] = `
       >
         <div
           class="mx-scrollbar-wrap"
-          style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+          style="margin-right: -0px;"
         >
           <ul
             data-index="1"
@@ -1714,7 +1714,7 @@ exports[`TimePanel render: correct columns by format 1`] = `
       >
         <div
           class="mx-scrollbar-wrap"
-          style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+          style="margin-right: -0px;"
         >
           <ul
             data-index="2"

diff --git a/__test__/__snapshots__/time-range.test.js.snap b/__test__/__snapshots__/time-range.test.js.snap
@@ -21,7 +21,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
         >
           <div
             class="mx-scrollbar-wrap"
-            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+            style="margin-right: -0px;"
           >
             <ul
               data-index="0"
@@ -92,7 +92,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
         >
           <div
             class="mx-scrollbar-wrap"
-            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+            style="margin-right: -0px;"
           >
             <ul
               data-index="1"
@@ -131,7 +131,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
         >
           <div
             class="mx-scrollbar-wrap"
-            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+            style="margin-right: -0px;"
           >
             <ul
               data-index="2"
@@ -184,7 +184,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
         >
           <div
             class="mx-scrollbar-wrap"
-            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+            style="margin-right: -0px;"
           >
             <ul
               data-index="0"
@@ -255,7 +255,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
         >
           <div
             class="mx-scrollbar-wrap"
-            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+            style="margin-right: -0px;"
           >
             <ul
               data-index="1"
@@ -294,7 +294,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
         >
           <div
             class="mx-scrollbar-wrap"
-            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
+            style="margin-right: -0px;"
           >
             <ul
               data-index="2"

diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,26 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        modules: false,
+      },
+    ],
+  ],
+  plugins: ['transform-vue-jsx', '@babel/plugin-transform-object-assign'],
+  env: {
+    test: {
+      presets: [
+        [
+          '@babel/preset-env',
+          {
+            targets: {
+              node: 'current',
+            },
+          },
+        ],
+      ],
+      plugins: ['transform-vue-jsx'],
+    },
+  },
+};