feat: 优化体积

dream2023 · Aug 25, 2020 · 9618c00 · 9618c00
1 parent 2d468b7
commit 9618c00
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 25 deletions.
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
   "main": "./dist/f-render.umd.min.js",
   "dependencies": {
     "clipboard-copy": "^3.1.0",
+    "clone": "^2.1.2",
     "fast-deep-equal": "^3.1.3",
     "fuzzy": "^0.1.3",
     "indent-string": "^4.0.0",
@@ -50,7 +51,7 @@
     "sass-loader": "^8.0.2",
     "standard-version": "^9.0.0",
     "vue": "^2.6.11",
-    "vue-ele-form": "^0.8.34",
+    "vue-ele-form": "^0.8.35",
     "vue-template-compiler": "^2.6.11"
   },
   "repository": {

diff --git a/src/components/left/index.vue b/src/components/left/index.vue
@@ -34,7 +34,7 @@
 
 <script>
 const fuzzy = require("fuzzy");
-import draggable from "vuedraggable";
+import draggable from "vuedraggable/src/vuedraggable";
 import { PerfectScrollbar } from "vue2-perfect-scrollbar";
 import { addFormItem } from "../../utils";
 

diff --git a/src/components/main/components/preview-dialog.vue b/src/components/main/components/preview-dialog.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import _ from "lodash";
+const cloneDeep = require("clone");
 
 export default {
   inject: ["frender"],
@@ -44,7 +44,7 @@ export default {
     visible(val) {
       if (val) {
         // 因为 ele-form 会自动添加一些隐藏属性，所以，这里复制一份，避免修改原数据
-        this.formConfig = _.cloneDeep(this.frender.changedFormConfig);
+        this.formConfig = cloneDeep(this.frender.changedFormConfig);
         this.formData = {};
       }
     }

diff --git a/src/components/main/main-content.vue b/src/components/main/main-content.vue
@@ -77,7 +77,7 @@
 </template>
 
 <script>
-import draggable from "vuedraggable";
+import draggable from "vuedraggable/src/vuedraggable";
 import { PerfectScrollbar } from "vue2-perfect-scrollbar";
 
 export default {

diff --git a/src/components/right/components/form-item-rules.vue b/src/components/right/components/form-item-rules.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import _ from "lodash";
+const cloneDeep = require("clone");
 import { changeFormDescLabel } from "../../../utils";
 
 export default {
@@ -166,7 +166,7 @@ export default {
   methods: {
     handleAddRule(data) {
       // 过滤掉空值
-      const filteredData = _.cloneDeep(data);
+      const filteredData = cloneDeep(data);
       for (const key in filteredData) {
         if (!data[key]) {
           delete filteredData[key];

diff --git a/src/f-render.vue b/src/f-render.vue
@@ -39,6 +39,7 @@ import EleFormDynamic from "vue-ele-form-dynamic";
 import EleFormDataEditor from "vue-ele-form-data-editor";
 
 import _ from "lodash";
+const cloneDeep = require("clone");
 import serialize from "serialize-javascript";
 import { objectToArr, arrToObject, removeUselessAttrs } from "./utils";
 
@@ -132,7 +133,7 @@ export default {
           this.$message.error("数据解释失败");
           console.error(err);
         }
-        const formConfig = _.cloneDeep({
+        const formConfig = cloneDeep({
           ...this.formProps.data,
           ...config
         });
@@ -154,7 +155,7 @@ export default {
         formDesc: _.mapValues(this.formDesc, formItem => {
           return {
             ...removeUselessAttrs(
-              _.cloneDeep(formItem),
+              cloneDeep(formItem),
               this.getCommonDefaultData(formItem.type)
             ),
             attrs: removeUselessAttrs(
@@ -175,7 +176,7 @@ export default {
     },
     // 排序后的组件
     sortedComps() {
-      return _.cloneDeep(this.comps)
+      return cloneDeep(this.comps)
         .map(item => {
           item.sort = item.sort || 6;
           return item;

diff --git a/src/utils.js b/src/utils.js
@@ -1,6 +1,6 @@
 import _ from "lodash";
 const equal = require("fast-deep-equal");
-
+const cloneDeep = require("clone");
 /**
  * 对象转为数组
  * @param {object} obj
@@ -23,7 +23,7 @@ export function objectToArr(obj, keyField) {
  * // {a1: { name: "张", age: 10 }, a2: { name: "李", age: 20 }}
  */
 export function arrToObject(arr, key) {
-  return _.cloneDeep(arr).reduce((acc, cur) => {
+  return cloneDeep(arr).reduce((acc, cur) => {
     acc[cur[key]] = cur;
     delete cur[key];
 
@@ -72,7 +72,7 @@ export function addFormItem({
   commonData = {}
 }) {
   // 获取配置
-  const formItemConfig = _.cloneDeep(config);
+  const formItemConfig = cloneDeep(config);
   // 通用属性 = 默认通用配置 + 自定义通用配置（默认值）+  自定义通用配置（必填值）+ 三个特殊属性
   const requiredData = {
     ...commonData,

diff --git a/yarn.lock b/yarn.lock
@@ -2689,6 +2689,11 @@ clone@^1.0.2:
   resolved "https://registry.npm.taobao.org/clone/download/clone-1.0.4.tgz?cache=0&sync_timestamp=1589682821772&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fclone%2Fdownload%2Fclone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
 
+clone@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
+  integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
+
 coa@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npm.taobao.org/coa/download/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
@@ -6095,11 +6100,6 @@ lodash._reinterpolate@^3.0.0:
   resolved "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
 
-lodash.clonedeep@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
-  integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=
-
 lodash.defaultsdeep@^4.6.1:
   version "4.6.1"
   resolved "https://registry.npm.taobao.org/lodash.defaultsdeep/download/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
@@ -9827,14 +9827,14 @@ vue-ele-form-dynamic@^0.4.2:
     async-validator "^3.2.0"
     fast-deep-equal "^3.1.1"
 
-vue-ele-form@^0.8.34:
-  version "0.8.34"
-  resolved "https://registry.npmjs.org/vue-ele-form/-/vue-ele-form-0.8.34.tgz#83260c88dec94fae2ff595552ae0cdb32b0bd546"
-  integrity sha512-nPWsUp4zzGlTiMJFCnTTeJ0CwFtLxdn6ywmvaPkbMza9JgCzW3m2U1b0Z5GVHfxnX4cSh/hvJWbb56VJEBh4fw==
+vue-ele-form@^0.8.35:
+  version "0.8.35"
+  resolved "https://registry.npmjs.org/vue-ele-form/-/vue-ele-form-0.8.35.tgz#0da43d117673a100e58e930180b9cb3866fd1582"
+  integrity sha512-xgEgQAt0R8sLwAtzUeVIOVnqTPrHx1BYSLp/hwE2r1wmsXmKRWIfOrq8O59/ho/k2oJtwTa/QbeycwcC0g/5iw==
   dependencies:
+    clone "^2.1.2"
     dayjs "^1.8.31"
     is-number "^7.0.0"
-    lodash.clonedeep "^4.5.0"
     throttle-debounce "^2.2.1"
 
 vue-eslint-parser@^7.0.0:
@@ -9908,9 +9908,9 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.npm.taobao.org/vue-template-es2015-compiler/download/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha1-HuO8mhbsv1EYvjNLsV+cRvgvWCU=
 
-vue2-perfect-scrollbar@^1.5.0:
+vue2-perfect-scrollbar/dist/vue2-perfect-scrollbar.umd.min.js@^1.5.0:
   version "1.5.0"
-  resolved "https://registry.npmjs.org/vue2-perfect-scrollbar/-/vue2-perfect-scrollbar-1.5.0.tgz#f0389874214c8c84cd8576e1a45d62610e2f4541"
+  resolved "https://registry.npmjs.org/vue2-perfect-scrollbar/dist/vue2-perfect-scrollbar.umd.min.js/-/vue2-perfect-scrollbar/dist/vue2-perfect-scrollbar.umd.min.js-1.5.0.tgz#f0389874214c8c84cd8576e1a45d62610e2f4541"
   integrity sha512-hQAjhOX9MP3/ePa/AozKKtpiHSaV0dBlniyt2L7eqC/PsDx+pu7YBmTpM0KR5WlNq5GZwreK6215L8ZG1EHC7w==
   dependencies:
     cssnano "^4.1.3"