bi-element-ui 1.4.3 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bi-element-ui",
-  "version": "1.4.03",
+  "version": "1.5.02",
   "private": false,
   "description": "基于element-ui编写的ui组件库",
   "main": "lib/bi-element-ui.common.js",
@@ -21,6 +21,7 @@
     "bi-eleme": "^2.1.1",
     "caniuse-lite": "^1.0.30001478",
     "crypto-js": "^4.2.0",
+    "dompurify": "^3.2.4",
     "gemini-scrollbar": "^1.5.3",
     "image-webpack-loader": "^6.0.0",
     "install": "^0.13.0",

package/pnpm-lock.yaml

@@ -23,6 +23,9 @@ dependencies:
   crypto-js:
     specifier: ^4.2.0
     version: 4.2.0
+  dompurify:
+    specifier: ^3.2.4
+    version: 3.2.4
   gemini-scrollbar:
     specifier: ^1.5.3
     version: 1.5.3
@@ -1798,6 +1801,12 @@ packages:
     resolution: {integrity: sha512-7EJYyKTL7tFR8+gDbB6Wwz/arpGa0Mywk1TJbNzKzHtzbwVmY4HR9WqS5VV7dsBUKQmPNr192jHr/VpBluj/hg==}
     dev: true
 
+  /@types/trusted-types@2.0.7:
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@vue/babel-helper-vue-jsx-merge-props@1.4.0:
     resolution: {integrity: sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==}
     dev: true
@@ -2660,6 +2669,7 @@ packages:
   /ansi-styles@2.2.1:
     resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
     engines: {node: '>=0.10.0'}
+    requiresBuild: true
 
   /ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
@@ -2749,6 +2759,7 @@ packages:
 
   /array-buffer-byte-length@1.0.0:
     resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       is-array-buffer: 3.0.2
@@ -2796,6 +2807,7 @@ packages:
   /array.prototype.reduce@1.0.5:
     resolution: {integrity: sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.2.0
@@ -2901,6 +2913,7 @@ packages:
   /available-typed-arrays@1.0.5:
     resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
 
   /aws-sign2@0.7.0:
     resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
@@ -5164,6 +5177,12 @@ packages:
       domelementtype: 2.3.0
     dev: true
 
+  /dompurify@3.2.4:
+    resolution: {integrity: sha512-ysFSFEDVduQpyhzAob/kkuJjf5zWkZD8/A9ywSp1byueyuCfHamrCBa14/Oc2iiB0e51B+NpxSl5gmzn+Ms/mg==}
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+    dev: false
+
   /domutils@1.7.0:
     resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
     requiresBuild: true
@@ -5375,6 +5394,7 @@ packages:
   /es-abstract@1.21.2:
     resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       array-buffer-byte-length: 1.0.0
       available-typed-arrays: 1.0.5
@@ -5413,10 +5433,12 @@ packages:
 
   /es-array-method-boxes-properly@1.0.0:
     resolution: {integrity: sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==}
+    requiresBuild: true
 
   /es-set-tostringtag@2.0.1:
     resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       get-intrinsic: 1.2.0
       has: 1.0.3
@@ -5425,6 +5447,7 @@ packages:
   /es-to-primitive@1.2.1:
     resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       is-callable: 1.2.7
       is-date-object: 1.0.5
@@ -6285,6 +6308,7 @@ packages:
 
   /for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+    requiresBuild: true
     dependencies:
       is-callable: 1.2.7
 
@@ -6422,6 +6446,7 @@ packages:
   /function.prototype.name@1.1.5:
     resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.2.0
@@ -6528,6 +6553,7 @@ packages:
   /get-symbol-description@1.0.0:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       get-intrinsic: 1.2.0
@@ -6669,6 +6695,7 @@ packages:
   /globalthis@1.0.3:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       define-properties: 1.2.0
 
@@ -6726,6 +6753,7 @@ packages:
 
   /gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    requiresBuild: true
     dependencies:
       get-intrinsic: 1.2.0
 
@@ -6817,11 +6845,13 @@ packages:
   /has-ansi@2.0.0:
     resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
     engines: {node: '>=0.10.0'}
+    requiresBuild: true
     dependencies:
       ansi-regex: 2.1.1
 
   /has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    requiresBuild: true
 
   /has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
@@ -6834,12 +6864,14 @@ packages:
 
   /has-property-descriptors@1.0.0:
     resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
+    requiresBuild: true
     dependencies:
       get-intrinsic: 1.2.0
 
   /has-proto@1.0.1:
     resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
 
   /has-symbol-support-x@1.4.2:
     resolution: {integrity: sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw==}
@@ -7430,6 +7462,7 @@ packages:
   /internal-slot@1.0.5:
     resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       get-intrinsic: 1.2.0
       has: 1.0.3
@@ -7497,6 +7530,7 @@ packages:
 
   /is-array-buffer@3.0.2:
     resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       get-intrinsic: 1.2.0
@@ -7512,6 +7546,7 @@ packages:
 
   /is-bigint@1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+    requiresBuild: true
     dependencies:
       has-bigints: 1.0.2
 
@@ -7532,6 +7567,7 @@ packages:
   /is-boolean-object@1.1.2:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       has-tostringtag: 1.0.0
@@ -7548,6 +7584,7 @@ packages:
   /is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
 
   /is-ci@1.2.1:
     resolution: {integrity: sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==}
@@ -7651,6 +7688,7 @@ packages:
   /is-finite@1.1.0:
     resolution: {integrity: sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==}
     engines: {node: '>=0.10.0'}
+    requiresBuild: true
 
   /is-fullwidth-code-point@1.0.0:
     resolution: {integrity: sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==}
@@ -7720,10 +7758,12 @@ packages:
   /is-negative-zero@2.0.2:
     resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
 
   /is-number-object@1.0.7:
     resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       has-tostringtag: 1.0.0
 
@@ -7817,6 +7857,7 @@ packages:
 
   /is-shared-array-buffer@1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
 
@@ -7831,6 +7872,7 @@ packages:
   /is-string@1.0.7:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       has-tostringtag: 1.0.0
 
@@ -7846,6 +7888,7 @@ packages:
   /is-symbol@1.0.4:
     resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       has-symbols: 1.0.3
 
@@ -7860,6 +7903,7 @@ packages:
   /is-typed-array@1.1.10:
     resolution: {integrity: sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       available-typed-arrays: 1.0.5
       call-bind: 1.0.2
@@ -7881,6 +7925,7 @@ packages:
 
   /is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
 
@@ -10740,6 +10785,7 @@ packages:
   /repeating@2.0.1:
     resolution: {integrity: sha512-ZqtSMuVybkISo2OWvqvm7iHSWngvdaW3IpsT9/uP8v4gMi591LY6h35wdOfvQdWCKFWZWm2Y1Opp4kV7vQKT6A==}
     engines: {node: '>=0.10.0'}
+    requiresBuild: true
     dependencies:
       is-finite: 1.1.0
 
@@ -11018,6 +11064,7 @@ packages:
 
   /safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       get-intrinsic: 1.2.0
@@ -11665,6 +11712,7 @@ packages:
   /string.prototype.trim@1.2.7:
     resolution: {integrity: sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.2.0
@@ -11672,6 +11720,7 @@ packages:
 
   /string.prototype.trimend@1.0.6:
     resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.2.0
@@ -11679,6 +11728,7 @@ packages:
 
   /string.prototype.trimstart@1.0.6:
     resolution: {integrity: sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.2.0
@@ -11805,6 +11855,7 @@ packages:
   /supports-color@2.0.0:
     resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
     engines: {node: '>=0.8.0'}
+    requiresBuild: true
 
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
@@ -12263,6 +12314,7 @@ packages:
 
   /typed-array-length@1.0.4:
     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       for-each: 0.3.3
@@ -12289,6 +12341,7 @@ packages:
 
   /unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+    requiresBuild: true
     dependencies:
       call-bind: 1.0.2
       has-bigints: 1.0.2
@@ -13065,6 +13118,7 @@ packages:
 
   /which-boxed-primitive@1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+    requiresBuild: true
     dependencies:
       is-bigint: 1.0.4
       is-boolean-object: 1.1.2
@@ -13079,6 +13133,7 @@ packages:
   /which-typed-array@1.1.9:
     resolution: {integrity: sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==}
     engines: {node: '>= 0.4'}
+    requiresBuild: true
     dependencies:
       available-typed-arrays: 1.0.5
       call-bind: 1.0.2

package/src/App.vue

@@ -1,16 +1,48 @@
 <template>
   <div id="app">
     <el-container id="example">
-      <el-aside width="150px">
-        <div id="nav">
-          <router-link to="/">例子展示</router-link>
-          <router-link to="/date">date</router-link>
-          <router-link to="/scene">场景使用</router-link>
-          <router-link to="/table">Table</router-link>
-          <router-link to="/showData">Data</router-link>
-          <router-link to="/layout">布局</router-link>
-          <router-link to="/log">日志</router-link>
-        </div>
+      <el-aside
+        width="200px"
+        class="sidebar-container"
+      >
+        <el-menu
+          :default-active="$route.path"
+          class="el-menu-vertical"
+          router
+        >
+          <el-menu-item index="/">
+            <i class="el-icon-s-home"></i>
+            <span>例子展示</span>
+          </el-menu-item>
+          <el-menu-item index="/date">
+            <i class="el-icon-date"></i>
+            <span>date</span>
+          </el-menu-item>
+          <el-menu-item index="/scene">
+            <i class="el-icon-menu"></i>
+            <span>场景使用</span>
+          </el-menu-item>
+          <el-menu-item index="/table">
+            <i class="el-icon-document"></i>
+            <span>Table</span>
+          </el-menu-item>
+          <el-menu-item index="/showData">
+            <i class="el-icon-data-line"></i>
+            <span>Data</span>
+          </el-menu-item>
+          <el-menu-item index="/layout">
+            <i class="el-icon-s-grid"></i>
+            <span>布局</span>
+          </el-menu-item>
+          <el-menu-item index="/log">
+            <i class="el-icon-notebook-2"></i>
+            <span>日志</span>
+          </el-menu-item>
+          <el-menu-item index="/textEditor">
+            <i class="el-icon-edit-outline"></i>
+            <span>图文编辑</span>
+          </el-menu-item>
+        </el-menu>
       </el-aside>
       <el-main>
         <router-view />
@@ -26,20 +58,73 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;
+  height: 100vh;
 }
 
-#nav {
+#example {
+  height: 100%;
+}
+
+.sidebar-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  background-color: #fff;
+  z-index: 1001;
+  overflow-y: auto;
+  transition: width 0.28s;
+}
+
+.el-menu-vertical {
+  height: 100%;
   margin-top: 30px;
+  border-right: none;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
 
-  a {
-    display: block;
-    padding: 20px 25px;
+  .el-menu-item {
     font-weight: bold;
     color: #2c3e50;
+    margin: 4px;
+    border-radius: 4px;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    display: flex;
+    align-items: center;
+
+    i {
+      margin-right: 10px;
+      font-size: 18px;
+      transition: all 0.3s ease;
+      margin-top: -8px;
+    }
 
-    &.router-link-exact-active {
+    &.is-active {
       color: #42b983;
+      background-color: #f0f9f4;
+      transform: translateX(4px);
+
+      i {
+        color: #42b983;
+        transform: scale(1.2);
+      }
+    }
+
+    &:hover {
+      background-color: #f5f7fa;
+      transform: translateX(4px);
+
+      i {
+        transform: scale(1.2);
+      }
     }
   }
 }
+
+.el-main {
+  margin-left: 200px;
+  padding: 20px;
+}
 </style>

package/src/main.js

@@ -15,7 +15,7 @@ Vue.use(BiUi, {
   env: process.env.NODE_ENV,
   // env: 'release',
   needIcon: true,
-  system: 'compass'
+  system: 'pigeon'
 })
 
 Vue.config.productionTip = false

package/src/router/index.js

@@ -39,6 +39,11 @@ const routes = [
     path: '/log',
     name: 'log',
     component: () => import(/* webpackChunkName: "about" */ '../views/Log.vue')
+  },
+  {
+    path: '/textEditor',
+    name: 'textEditor',
+    component: () => import(/* webpackChunkName: "about" */ '../views/textEditor.vue')
   }
 ]
 

package/src/utils/index.js

@@ -294,3 +294,18 @@ export function pathResolve(...paths) {
   // 3. 返回最终的绝对路径
   return '/' + stack.join('/')
 }
+// base64toFile
+export function base64toFile(dataurl, filename = 'file') {
+  const arr = dataurl.split(',')
+  const mime = arr[0].match(/:(.*?);/)[1]
+  const suffix = mime.split('/')[1]
+  const bstr = atob(arr[1])
+  let n = bstr.length
+  const u8arr = new Uint8Array(n)
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n)
+  }
+  return new File([u8arr], `${filename}.${suffix}`, {
+    type: mime
+  })
+}

package/src/views/Date.vue

@@ -2,29 +2,73 @@
   <div class="free-table">
     <div class="example-table-box">
       <p>基础日期-{{ date }}</p>
-      <BiDatePicker v-model="date" type="date" placeholder="选择日期"></BiDatePicker>
+      <BiSuperDate
+        v-model="superDate"
+        type="date"
+        placeholder="选择日期"
+      ></BiSuperDate>
+    </div>
+    <div class="example-table-box">
+      <p>基础日期-{{ date }}</p>
+      <BiDatePicker
+        v-model="date"
+        type="date"
+        placeholder="选择日期"
+      ></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>基础周-{{ date1 }}</p>
-      <BiDatePicker v-model="date1" type="week" placeholder="选择周"></BiDatePicker>
+      <BiDatePicker
+        v-model="date1"
+        type="week"
+        placeholder="选择周"
+      ></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>基础月-{{ date2 }}</p>
-      <BiDatePicker v-model="date2" type="month" placeholder="选择周"></BiDatePicker>
+      <BiDatePicker
+        v-model="date2"
+        type="month"
+        placeholder="选择周"
+      ></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>范围日期-{{ date3 }}</p>
-      <BiDatePicker v-model="date3" type="daterange" placeholder="选择日期1" :picker-option="pickerOptions1"></BiDatePicker>
+      <BiDatePicker
+        v-model="date3"
+        type="daterange"
+        placeholder="选择日期1"
+        :picker-option="pickerOptions1"
+      ></BiDatePicker>
       <p>范围日期-{{ date7 }}</p>
-      <BiDatePicker v-model="date7" type="daterange" placeholder="选择日期2" :picker-option="pickerOptions2"></BiDatePicker>
+      <BiDatePicker
+        v-model="date7"
+        type="daterange"
+        placeholder="选择日期2"
+        :picker-option="pickerOptions2"
+      ></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>范围月-{{ date5 }}</p>
-      <BiDatePicker v-model="date5" type="monthrange" placeholder="选择日期" format="yyyy-MM"></BiDatePicker>
+      <BiDatePicker
+        v-model="date5"
+        type="monthrange"
+        placeholder="选择日期"
+        format="yyyy-MM"
+      ></BiDatePicker>
     </div>
     <div class="example-table-box">
       <p>范围日期时间-{{ date6 }}</p>
-      <BiDatePicker v-model="date6" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></BiDatePicker>
+      <BiDatePicker
+        v-model="date6"
+        type="datetimerange"
+        format="yyyy-MM-dd HH:mm:ss"
+        value-format="yyyy-MM-dd HH:mm:ss"
+        :default-time="['00:00:00', '23:59:59']"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+      ></BiDatePicker>
     </div>
   </div>
 </template>
@@ -39,6 +83,7 @@ export default {
   },
   data() {
     return {
+      superDate: [],
       date: '',
       date1: '',
       date2: '',

package/src/views/Layout.vue

@@ -19,7 +19,7 @@
 export default {
   data() {
     return {
-      token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiIxNTc1NzE4NTMyMiIsImxvZ2luX2VudiI6IiIsImlhdCI6MTc0MDEyMjgxOSwiZXhwIjoxNzQwNzI3NjE5LCJuYmYiOjE3NDAxMjI4MTksInN1YiI6InRva2Vu6K6k6K-BIiwianRpIjoiMDBjYTljYTkyMmNkODdkYTNkMTBkNTFhNTNjYjIyMGEifQ.yBg37J1jvQrtYuc9mqFJp1wqKb83cRR56NOdJPDeHqY',
+      token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiIxNTc1NzE4NTMyMiIsImxvZ2luX2VudiI6IiIsImlhdCI6MTc0MDQ1MDA2OCwiZXhwIjoxNzQxMDU0ODY4LCJuYmYiOjE3NDA0NTAwNjgsInN1YiI6InRva2Vu6K6k6K-BIiwianRpIjoiMjcyOTQzZGVkYzdmNWM0ODg2MzZlMzY3YjY5MWY2ZGUifQ.Pyi47Jyt_kb4gZL0pquvU5k1_mJGtkTtYWk04C3Jq-Y',
       avatar: 'https://static-legacy.dingtalk.com/media/lADPBbCc1SE7SD7NAuzNAug_744_748.jpg?imageView2/1/w/80/h/80'
     }
   },

package/src/views/textEditor.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <BiTextEditor
+      :remark.sync="ruleForm.content"
+      domid="textEditor33"
+      :contenteditable="true"
+      @resultReamrk="resultReamrk"
+    />
+    <BiTextEditor
+      :remark.sync="ruleForm.remark"
+      domid="textEditor55"
+      :contenteditable="true"
+      @resultReamrk="resultReamrk"
+    />
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      ruleForm: {
+        content: '',
+        remark: ''
+      }
+    }
+  },
+  methods: {
+    resultReamrk(val) {
+      console.log(val)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+</style>

package/dist/css/about.f927ac1d.css

@@ -1 +0,0 @@
-.example-table-box[data-v-49a6bb0c]{margin:25px 50px}.example-table-box p[data-v-49a6bb0c]{text-align:left;font-weight:700}.box[data-v-ac1da312]{background:#ccc;height:200px;padding:10px 50px}header[data-v-ac1da312]{height:50px;background:#fff}.bi-column-container[data-v-3ffbf407]{display:flex;justify-content:space-between}.bi-column-container .checkbox-container .checkbox-title[data-v-3ffbf407]{cursor:pointer;height:34px;line-height:22px;font-size:14px;font-weight:500;background-color:#f5f5f5;color:#333;position:relative;padding-left:12px;margin-bottom:12px;border-radius:4px;align-items:center;display:flex}.bi-column-container .checkbox-container .el-checkbox-group[data-v-3ffbf407]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0;padding-left:12px}.bi-column-container .checkbox-container .el-checkbox-group .el-checkbox[data-v-3ffbf407]{width:210px!important;display:block;float:left;margin:0!important;min-height:32px;max-height:52px;line-height:20px}.bi-column-container .column-container[data-v-3ffbf407]{margin-left:20px;width:230px;flex:0 0 230px}.bi-column-container .column-container .column-title[data-v-3ffbf407]{display:flex;justify-content:space-between}.bi-column-container .column-container .column-title .el-button[data-v-3ffbf407]{padding:0}.bi-column-container .column-container .column-group-title[data-v-3ffbf407]{font-size:14px;color:#8c8c8c;margin:5px 0}.bi-column-container .column-container .column-configurable .selected-column-item[data-v-3ffbf407]{cursor:move;height:26px;background:#f0f0f0;border-radius:4px;line-height:28px;padding:0 8px;margin-top:0;display:flex;align-items:center;color:#666;font-size:14px}.bi-column-container .column-container .column-configurable .selected-column-item[data-v-3ffbf407]:not(:first-child){margin-top:8px}.bi-column-container .column-container .column-configurable .selected-column-item .column-name[data-v-3ffbf407]{flex-grow:2;margin-left:8px}.bi-column-container .column-container .column-configurable .selected-column-item .column-close[data-v-3ffbf407]{cursor:pointer}.bi-column-dialog .el-card__header{background-color:#f8f9fa;box-sizing:border-box;line-height:22px;padding:8px 12px;font-weight:600;color:#333}.bi-column-dialog .el-card__body{padding:12px 16px;height:395px;box-sizing:border-box;overflow-y:auto}.example-table-box[data-v-3caabf88]{margin:25px 50px;position:relative}.example-table-box p[data-v-3caabf88]{text-align:left;font-weight:700}