zhaichao/education
1
0
Fork 0
forked from liweijie/education
Code Pull Requests Activity
Files
f2ad0509c40e9036a97524ab54e409de2d783282
education/frontend/node_modules/.cache/vue-loader/eda2a4ec14673a44fa0c525888a9b90c.json
T

1 line
33 KiB
JSON
Raw Blame History

{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\tool\\build\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\tool\\build\\index.vue","mtime":1787567871720},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\babel-loader\\lib\\index.js","mtime":1787309793142},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZScNCmltcG9ydCBiZWF1dGlmaWVyIGZyb20gJ2pzLWJlYXV0aWZ5Jw0KaW1wb3J0IENsaXBib2FyZEpTIGZyb20gJ2NsaXBib2FyZCcNCmltcG9ydCByZW5kZXIgZnJvbSAnQC91dGlscy9nZW5lcmF0b3IvcmVuZGVyJw0KaW1wb3J0IFJpZ2h0UGFuZWwgZnJvbSAnLi9SaWdodFBhbmVsJw0KaW1wb3J0IHsgaW5wdXRDb21wb25lbnRzLCBzZWxlY3RDb21wb25lbnRzLCBsYXlvdXRDb21wb25lbnRzLCBmb3JtQ29uZiB9IGZyb20gJ0AvdXRpbHMvZ2VuZXJhdG9yL2NvbmZpZycNCmltcG9ydCB7IGJlYXV0aWZpZXJDb25mLCB0aXRsZUNhc2UgfSBmcm9tICdAL3V0aWxzL2luZGV4Jw0KaW1wb3J0IHsgbWFrZVVwSHRtbCwgdnVlVGVtcGxhdGUsIHZ1ZVNjcmlwdCwgY3NzU3R5bGUgfSBmcm9tICdAL3V0aWxzL2dlbmVyYXRvci9odG1sJw0KaW1wb3J0IHsgbWFrZVVwSnMgfSBmcm9tICdAL3V0aWxzL2dlbmVyYXRvci9qcycNCmltcG9ydCB7IG1ha2VVcENzcyB9IGZyb20gJ0AvdXRpbHMvZ2VuZXJhdG9yL2NzcycNCmltcG9ydCB7IGRyYXdpbmdEZWZhdWx0VmFsdWUsIGluaXREcmF3aW5nRGVmYXVsdFZhbHVlLCBjbGVhbkRyYXdpbmdEZWZhdWx0VmFsdWUgfSBmcm9tICdAL3V0aWxzL2dlbmVyYXRvci9kcmF3aW5nRGVmYXVsdCcNCmltcG9ydCBsb2dvIGZyb20gJ0AvYXNzZXRzL2xvZ28vbG9nby5wbmcnDQppbXBvcnQgQ29kZVR5cGVEaWFsb2cgZnJvbSAnLi9Db2RlVHlwZURpYWxvZycNCmltcG9ydCBEcmFnZ2FibGVJdGVtIGZyb20gJy4vRHJhZ2dhYmxlSXRlbScNCg0KbGV0IG9sZEFjdGl2ZUlkDQpsZXQgdGVtcEFjdGl2ZURhdGENCmxldCBjbGlwYm9hcmQgPSBudWxsDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgY29tcG9uZW50czogew0KICAgIGRyYWdnYWJsZSwNCiAgICByZW5kZXIsDQogICAgUmlnaHRQYW5lbCwNCiAgICBDb2RlVHlwZURpYWxvZywNCiAgICBEcmFnZ2FibGVJdGVtDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGxvZ28sDQogICAgICBpZEdsb2JhbDogMTAwLA0KICAgICAgZm9ybUNvbmYsDQogICAgICBpbnB1dENvbXBvbmVudHMsDQogICAgICBzZWxlY3RDb21wb25lbnRzLA0KICAgICAgbGF5b3V0Q29tcG9uZW50cywNCiAgICAgIGxhYmVsV2lkdGg6IDEwMCwNCiAgICAgIGRyYXdpbmdMaXN0OiBkcmF3aW5nRGVmYXVsdFZhbHVlLA0KICAgICAgZHJhd2luZ0RhdGE6IHt9LA0KICAgICAgYWN0aXZlSWQ6IGRyYXdpbmdEZWZhdWx0VmFsdWVbMF0uZm9ybUlkLA0KICAgICAgZHJhd2VyVmlzaWJsZTogZmFsc2UsDQogICAgICBmb3JtRGF0YToge30sDQogICAgICBkaWFsb2dWaXNpYmxlOiBmYWxzZSwNCiAgICAgIGdlbmVyYXRlQ29uZjogbnVsbCwNCiAgICAgIHNob3dGaWxlTmFtZTogZmFsc2UsDQogICAgICBhY3RpdmVEYXRhOiBkcmF3aW5nRGVmYXVsdFZhbHVlWzBdDQogICAgfQ0KICB9LA0KICBiZWZvcmVDcmVhdGUoKSB7DQogICAgaW5pdERyYXdpbmdEZWZhdWx0VmFsdWUoKQ0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIC8vIOmYsuatoiBmaXJlZm94IOS4iyDmi5bmi70g5Lya5paw5omT5Y2h5LiA5Liq6YCJ6aG55Y2hDQogICAgZG9jdW1lbnQuYm9keS5vbmRyb3AgPSBldmVudCA9PiB7DQogICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpDQogICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKQ0KICAgIH0NCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICAnYWN0aXZlRGF0YS5sYWJlbCc6IGZ1bmN0aW9uICh2YWwsIG9sZFZhbCkgew0KICAgICAgaWYgKA0KICAgICAgICB0aGlzLmFjdGl2ZURhdGEucGxhY2Vob2xkZXIgPT09IHVuZGVmaW5lZA0KICAgICAgICB8fCAhdGhpcy5hY3RpdmVEYXRhLnRhZw0KICAgICAgICB8fCBvbGRBY3RpdmVJZCAhPT0gdGhpcy5hY3RpdmVJZA0KICAgICAgKSB7DQogICAgICAgIHJldHVybg0KICAgICAgfQ0KICAgICAgdGhpcy5hY3RpdmVEYXRhLnBsYWNlaG9sZGVyID0gdGhpcy5hY3RpdmVEYXRhLnBsYWNlaG9sZGVyLnJlcGxhY2Uob2xkVmFsLCAnJykgKyB2YWwNCiAgICB9LA0KICAgIGFjdGl2ZUlkOiB7DQogICAgICBoYW5kbGVyKHZhbCkgew0KICAgICAgICBvbGRBY3RpdmVJZCA9IHZhbA0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogdHJ1ZQ0KICAgIH0NCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICBjbGlwYm9hcmQgPSBuZXcgQ2xpcGJvYXJkSlMoJyNjb3B5Tm9kZScsIHsNCiAgICAgIHRleHQ6ICgpID0+IHsNCiAgICAgICAgY29uc3QgY29kZVN0ciA9IHRoaXMuZ2VuZXJhdGVDb2RlKCkNCiAgICAgICAgdGhpcy4kbm90aWZ5KHsNCiAgICAgICAgICB0aXRsZTogJ+aIkOWKnycsDQogICAgICAgICAgbWVzc2FnZTogJ+S7o+eggeW3suWkjeWItuWIsOWJquWIh+adv++8jOWPr+eymOi0tOOAgicsDQogICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnDQogICAgICAgIH0pDQogICAgICAgIHJldHVybiBjb2RlU3RyDQogICAgICB9DQogICAgfSkNCiAgICBjbGlwYm9hcmQub24oJ2Vycm9yJywgKCkgPT4gew0KICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcign5Luj56CB5aSN5Yi25aSx6LSlJykNCiAgICB9KQ0KICB9LA0KICBiZWZvcmVEZXN0cm95KCkgew0KICAgIGNsaXBib2FyZC5kZXN0cm95KCkNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGFjdGl2ZUZvcm1JdGVtKGVsZW1lbnQpIHsNCiAgICAgIHRoaXMuYWN0aXZlRGF0YSA9IGVsZW1lbnQNCiAgICAgIHRoaXMuYWN0aXZlSWQgPSBlbGVtZW50LmZvcm1JZA0KICAgIH0sDQogICAgb25FbmQob2JqKSB7DQogICAgICBpZiAob2JqLmZyb20gIT09IG9iai50bykgew0KICAgICAgICB0aGlzLmFjdGl2ZURhdGEgPSB0ZW1wQWN0aXZlRGF0YQ0KICAgICAgICB0aGlzLmFjdGl2ZUlkID0gdGhpcy5pZEdsb2JhbA0KICAgICAgfQ0KICAgIH0sDQogICAgYWRkQ29tcG9uZW50KGl0ZW0pIHsNCiAgICAgIGNvbnN0IGNsb25lID0gdGhpcy5jbG9uZUNvbXBvbmVudChpdGVtKQ0KICAgICAgdGhpcy5kcmF3aW5nTGlzdC5wdXNoKGNsb25lKQ0KICAgICAgdGhpcy5hY3RpdmVGb3JtSXRlbShjbG9uZSkNCiAgICB9LA0KICAgIGNsb25lQ29tcG9uZW50KG9yaWdpbikgew0KICAgICAgY29uc3QgY2xvbmUgPSBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KG9yaWdpbikpDQogICAgICBjbG9uZS5mb3JtSWQgPSArK3RoaXMuaWRHbG9iYWwNCiAgICAgIGNsb25lLnNwYW4gPSBmb3JtQ29uZi5zcGFuDQogICAgICBjbG9uZS5yZW5kZXJLZXkgPSArbmV3IERhdGUoKSAvLyDmlLnlj5hyZW5kZXJLZXnlkI7lj6/ku6Xlrp7njrDlvLrliLbmm7TmlrDnu4Tku7YNCiAgICAgIGlmICghY2xvbmUubGF5b3V0KSBjbG9uZS5sYXlvdXQgPSAnY29sRm9ybUl0ZW0nDQogICAgICBpZiAoY2xvbmUubGF5b3V0ID09PSAnY29sRm9ybUl0ZW0nKSB7DQogICAgICAgIGNsb25lLnZNb2RlbCA9IGBmaWVsZCR7dGhpcy5pZEdsb2JhbH1gDQogICAgICAgIGNsb25lLnBsYWNlaG9sZGVyICE9PSB1bmRlZmluZWQgJiYgKGNsb25lLnBsYWNlaG9sZGVyICs9IGNsb25lLmxhYmVsKQ0KICAgICAgICB0ZW1wQWN0aXZlRGF0YSA9IGNsb25lDQogICAgICB9IGVsc2UgaWYgKGNsb25lLmxheW91dCA9PT0gJ3Jvd0Zvcm1JdGVtJykgew0KICAgICAgICBkZWxldGUgY2xvbmUubGFiZWwNCiAgICAgICAgY2xvbmUuY29tcG9uZW50TmFtZSA9IGByb3cke3RoaXMuaWRHbG9iYWx9YA0KICAgICAgICBjbG9uZS5ndXR0ZXIgPSB0aGlzLmZvcm1Db25mLmd1dHRlcg0KICAgICAgICB0ZW1wQWN0aXZlRGF0YSA9IGNsb25lDQogICAgICB9DQogICAgICByZXR1cm4gdGVtcEFjdGl2ZURhdGENCiAgICB9LA0KICAgIEFzc2VtYmxlRm9ybURhdGEoKSB7DQogICAgICB0aGlzLmZvcm1EYXRhID0gew0KICAgICAgICBmaWVsZHM6IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkodGhpcy5kcmF3aW5nTGlzdCkpLA0KICAgICAgICAuLi50aGlzLmZvcm1Db25mDQogICAgICB9DQogICAgfSwNCiAgICBnZW5lcmF0ZShkYXRhKSB7DQogICAgICBjb25zdCBmdW5jID0gdGhpc1tgZXhlYyR7dGl0bGVDYXNlKHRoaXMub3BlcmF0aW9uVHlwZSl9YF0NCiAgICAgIHRoaXMuZ2VuZXJhdGVDb25mID0gZGF0YQ0KICAgICAgZnVuYyAmJiBmdW5jKGRhdGEpDQogICAgfSwNCiAgICBleGVjUnVuKCkgew0KICAgICAgdGhpcy5Bc3NlbWJsZUZvcm1EYXRhKCkNCiAgICAgIHRoaXMuZHJhd2VyVmlzaWJsZSA9IHRydWUNCiAgICB9LA0KICAgIGV4ZWNEb3dubG9hZChkYXRhKSB7DQogICAgICBjb25zdCBjb2RlU3RyID0gdGhpcy5nZW5lcmF0ZUNvZGUoKQ0KICAgICAgY29uc3QgYmxvYiA9IG5ldyBCbG9iKFtjb2RlU3RyXSwgeyB0eXBlOiAndGV4dC9wbGFpbjtjaGFyc2V0PXV0Zi04JyB9KQ0KICAgICAgdGhpcy4kZG93bmxvYWQuc2F2ZUFzKGJsb2IsIGRhdGEuZmlsZU5hbWUpDQogICAgfSwNCiAgICBleGVjQ29weSgpIHsNCiAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjb3B5Tm9kZScpLmNsaWNrKCkNCiAgICB9LA0KICAgIGVtcHR5KCkgew0KICAgICAgdGhpcy4kY29uZmlybSgn56Gu5a6a6KaB5riF56m65omA5pyJ57uE5Lu25ZCX77yfJywgJ+aPkOekuicsIHsgdHlwZTogJ3dhcm5pbmcnIH0pLnRoZW4oDQogICAgICAgICgpID0+IHsNCiAgICAgICAgICB0aGlzLmRyYXdpbmdMaXN0ID0gW10NCiAgICAgICAgICBjbGVhbkRyYXdpbmdEZWZhdWx0VmFsdWUoKQ0KICAgICAgICB9DQogICAgICApDQogICAgfSwNCiAgICBkcmF3aW5nSXRlbUNvcHkoaXRlbSwgcGFyZW50KSB7DQogICAgICBsZXQgY2xvbmUgPSBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KGl0ZW0pKQ0KICAgICAgY2xvbmUgPSB0aGlzLmNyZWF0ZUlkQW5kS2V5KGNsb25lKQ0KICAgICAgcGFyZW50LnB1c2goY2xvbmUpDQogICAgICB0aGlzLmFjdGl2ZUZvcm1JdGVtKGNsb25lKQ0KICAgIH0sDQogICAgY3JlYXRlSWRBbmRLZXkoaXRlbSkgew0KICAgICAgaXRlbS5mb3JtSWQgPSArK3RoaXMuaWRHbG9iYWwNCiAgICAgIGl0ZW0ucmVuZGVyS2V5ID0gK25ldyBEYXRlKCkNCiAgICAgIGlmIChpdGVtLmxheW91dCA9PT0gJ2NvbEZvcm1JdGVtJykgew0KICAgICAgICBpdGVtLnZNb2RlbCA9IGBmaWVsZCR7dGhpcy5pZEdsb2JhbH1gDQogICAgICB9IGVsc2UgaWYgKGl0ZW0ubGF5b3V0ID09PSAncm93Rm9ybUl0ZW0nKSB7DQogICAgICAgIGl0ZW0uY29tcG9uZW50TmFtZSA9IGByb3cke3RoaXMuaWRHbG9iYWx9YA0KICAgICAgfQ0KICAgICAgaWYgKEFycmF5LmlzQXJyYXkoaXRlbS5jaGlsZHJlbikpIHsNCiAgICAgICAgaXRlbS5jaGlsZHJlbiA9IGl0ZW0uY2hpbGRyZW4ubWFwKGNoaWxkSXRlbSA9PiB0aGlzLmNyZWF0ZUlkQW5kS2V5KGNoaWxkSXRlbSkpDQogICAgICB9DQogICAgICByZXR1cm4gaXRlbQ0KICAgIH0sDQogICAgZHJhd2luZ0l0ZW1EZWxldGUoaW5kZXgsIHBhcmVudCkgew0KICAgICAgcGFyZW50LnNwbGljZShpbmRleCwgMSkNCiAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsNCiAgICAgICAgY29uc3QgbGVuID0gdGhpcy5kcmF3aW5nTGlzdC5sZW5ndGgNCiAgICAgICAgaWYgKGxlbikgew0KICAgICAgICAgIHRoaXMuYWN0aXZlRm9ybUl0ZW0odGhpcy5kcmF3aW5nTGlzdFtsZW4gLSAxXSkNCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9LA0KICAgIGdlbmVyYXRlQ29kZSgpIHsNCiAgICAgIGNvbnN0IHsgdHlwZSB9ID0gdGhpcy5nZW5lcmF0ZUNvbmYNCiAgICAgIHRoaXMuQXNzZW1ibGVGb3JtRGF0YSgpDQogICAgICBjb25zdCBzY3JpcHQgPSB2dWVTY3JpcHQobWFrZVVwSnModGhpcy5mb3JtRGF0YSwgdHlwZSkpDQogICAgICBjb25zdCBodG1sID0gdnVlVGVtcGxhdGUobWFrZVVwSHRtbCh0aGlzLmZvcm1EYXRhLCB0eXBlKSkNCiAgICAgIGNvbnN0IGNzcyA9IGNzc1N0eWxlKG1ha2VVcENzcyh0aGlzLmZvcm1EYXRhKSkNCiAgICAgIHJldHVybiBiZWF1dGlmaWVyLmh0bWwoaHRtbCArIHNjcmlwdCArIGNzcywgYmVhdXRpZmllckNvbmYuaHRtbCkNCiAgICB9LA0KICAgIGRvd25sb2FkKCkgew0KICAgICAgdGhpcy5kaWFsb2dWaXNpYmxlID0gdHJ1ZQ0KICAgICAgdGhpcy5zaG93RmlsZU5hbWUgPSB0cnVlDQogICAgICB0aGlzLm9wZXJhdGlvblR5cGUgPSAnZG93bmxvYWQnDQogICAgfSwNCiAgICBydW4oKSB7DQogICAgICB0aGlzLmRpYWxvZ1Zpc2libGUgPSB0cnVlDQogICAgICB0aGlzLnNob3dGaWxlTmFtZSA9IGZhbHNlDQogICAgICB0aGlzLm9wZXJhdGlvblR5cGUgPSAncnVuJw0KICAgIH0sDQogICAgY29weSgpIHsNCiAgICAgIHRoaXMuZGlhbG9nVmlzaWJsZSA9IHRydWUNCiAgICAgIHRoaXMuc2hvd0ZpbGVOYW1lID0gZmFsc2UNCiAgICAgIHRoaXMub3BlcmF0aW9uVHlwZSA9ICdjb3B5Jw0KICAgIH0sDQogICAgdGFnQ2hhbmdlKG5ld1RhZykgew0KICAgICAgbmV3VGFnID0gdGhpcy5jbG9uZUNvbXBvbmVudChuZXdUYWcpDQogICAgICBuZXdUYWcudk1vZGVsID0gdGhpcy5hY3RpdmVEYXRhLnZNb2RlbA0KICAgICAgbmV3VGFnLmZvcm1JZCA9IHRoaXMuYWN0aXZlSWQNCiAgICAgIG5ld1RhZy5zcGFuID0gdGhpcy5hY3RpdmVEYXRhLnNwYW4NCiAgICAgIGRlbGV0ZSB0aGlzLmFjdGl2ZURhdGEudGFnDQogICAgICBkZWxldGUgdGhpcy5hY3RpdmVEYXRhLnRhZ0ljb24NCiAgICAgIGRlbGV0ZSB0aGlzLmFjdGl2ZURhdGEuZG9jdW1lbnQNCiAgICAgIE9iamVjdC5rZXlzKG5ld1RhZykuZm9yRWFjaChrZXkgPT4gew0KICAgICAgICBpZiAodGhpcy5hY3RpdmVEYXRhW2tleV0gIT09IHVuZGVmaW5lZA0KICAgICAgICAgICYmIHR5cGVvZiB0aGlzLmFjdGl2ZURhdGFba2V5XSA9PT0gdHlwZW9mIG5ld1RhZ1trZXldKSB7DQogICAgICAgICAgbmV3VGFnW2tleV0gPSB0aGlzLmFjdGl2ZURhdGFba2V5XQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgICAgdGhpcy5hY3RpdmVEYXRhID0gbmV3VGFnDQogICAgICB0aGlzLnVwZGF0ZURyYXdpbmdMaXN0KG5ld1RhZywgdGhpcy5kcmF3aW5nTGlzdCkNCiAgICB9LA0KICAgIHVwZGF0ZURyYXdpbmdMaXN0KG5ld1RhZywgbGlzdCkgew0KICAgICAgY29uc3QgaW5kZXggPSBsaXN0LmZpbmRJbmRleChpdGVtID0+IGl0ZW0uZm9ybUlkID09PSB0aGlzLmFjdGl2ZUlkKQ0KICAgICAgaWYgKGluZGV4ID4gLTEpIHsNCiAgICAgICAgbGlzdC5zcGxpY2UoaW5kZXgsIDEsIG5ld1RhZykNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIGxpc3QuZm9yRWFjaChpdGVtID0+IHsNCiAgICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShpdGVtLmNoaWxkcmVuKSkgdGhpcy51cGRhdGVEcmF3aW5nTGlzdChuZXdUYWcsIGl0ZW0uY2hpbGRyZW4pDQogICAgICAgIH0pDQogICAgICB9DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/tool/build","sourcesContent":["<template>\r\n <div class=\"container\">\r\n <div class=\"left-board\">\r\n <div class=\"logo-wrapper\">\r\n <div class=\"logo\">\r\n <img :src=\"logo\" alt=\"logo\"> Form Generator\r\n </div>\r\n </div>\r\n <el-scrollbar class=\"left-scrollbar\">\r\n <div class=\"components-list\">\r\n <div class=\"components-title\">\r\n <svg-icon icon-class=\"component\" />输入型组件\r\n </div>\r\n <draggable\r\n class=\"components-draggable\"\r\n :list=\"inputComponents\"\r\n :group=\"{ name: 'componentsGroup', pull: 'clone', put: false }\"\r\n :clone=\"cloneComponent\"\r\n draggable=\".components-item\"\r\n :sort=\"false\"\r\n @end=\"onEnd\"\r\n >\r\n <div\r\n v-for=\"(element, index) in inputComponents\" :key=\"index\" class=\"components-item\"\r\n @click=\"addComponent(element)\"\r\n >\r\n <div class=\"components-body\">\r\n <svg-icon :icon-class=\"element.tagIcon\" />\r\n {{ element.label }}\r\n </div>\r\n </div>\r\n </draggable>\r\n <div class=\"components-title\">\r\n <svg-icon icon-class=\"component\" />选择型组件\r\n </div>\r\n <draggable\r\n class=\"components-draggable\"\r\n :list=\"selectComponents\"\r\n :group=\"{ name: 'componentsGroup', pull: 'clone', put: false }\"\r\n :clone=\"cloneComponent\"\r\n draggable=\".components-item\"\r\n :sort=\"false\"\r\n @end=\"onEnd\"\r\n >\r\n <div\r\n v-for=\"(element, index) in selectComponents\"\r\n :key=\"index\"\r\n class=\"components-item\"\r\n @click=\"addComponent(element)\"\r\n >\r\n <div class=\"components-body\">\r\n <svg-icon :icon-class=\"element.tagIcon\" />\r\n {{ element.label }}\r\n </div>\r\n </div>\r\n </draggable>\r\n <div class=\"components-title\">\r\n <svg-icon icon-class=\"component\" /> 布局型组件\r\n </div>\r\n <draggable\r\n class=\"components-draggable\" :list=\"layoutComponents\"\r\n :group=\"{ name: 'componentsGroup', pull: 'clone', put: false }\" :clone=\"cloneComponent\"\r\n draggable=\".components-item\" :sort=\"false\" @end=\"onEnd\"\r\n >\r\n <div\r\n v-for=\"(element, index) in layoutComponents\" :key=\"index\" class=\"components-item\"\r\n @click=\"addComponent(element)\"\r\n >\r\n <div class=\"components-body\">\r\n <svg-icon :icon-class=\"element.tagIcon\" />\r\n {{ element.label }}\r\n </div>\r\n </div>\r\n </draggable>\r\n </div>\r\n </el-scrollbar>\r\n </div>\r\n\r\n <div class=\"center-board\">\r\n <div class=\"action-bar\">\r\n <el-button icon=\"el-icon-download\" type=\"text\" @click=\"download\">\r\n 导出vue文件\r\n </el-button>\r\n <el-button class=\"copy-btn-main\" icon=\"el-icon-document-copy\" type=\"text\" @click=\"copy\">\r\n 复制代码\r\n </el-button>\r\n <el-button class=\"delete-btn\" icon=\"el-icon-delete\" type=\"text\" @click=\"empty\">\r\n 清空\r\n </el-button>\r\n </div>\r\n <el-scrollbar class=\"center-scrollbar\">\r\n <el-row class=\"center-board-row\" :gutter=\"formConf.gutter\">\r\n <el-form\r\n :size=\"formConf.size\"\r\n :label-position=\"formConf.labelPosition\"\r\n :disabled=\"formConf.disabled\"\r\n :label-width=\"formConf.labelWidth + 'px'\"\r\n >\r\n <draggable class=\"drawing-board\" :list=\"drawingList\" :animation=\"340\" group=\"componentsGroup\">\r\n <draggable-item\r\n v-for=\"(element, index) in drawingList\"\r\n :key=\"element.renderKey\"\r\n :drawing-list=\"drawingList\"\r\n :element=\"element\"\r\n :index=\"index\"\r\n :active-id=\"activeId\"\r\n :form-conf=\"formConf\"\r\n @activeItem=\"activeFormItem\"\r\n @copyItem=\"drawingItemCopy\"\r\n @deleteItem=\"drawingItemDelete\"\r\n />\r\n </draggable>\r\n <div v-show=\"!drawingList.length\" class=\"empty-info\">\r\n 从左侧拖入或点选组件进行表单设计\r\n </div>\r\n </el-form>\r\n </el-row>\r\n </el-scrollbar>\r\n </div>\r\n\r\n <right-panel\r\n :active-data=\"activeData\"\r\n :form-conf=\"formConf\"\r\n :show-field=\"!!drawingList.length\"\r\n @tag-change=\"tagChange\"\r\n />\r\n\r\n <code-type-dialog\r\n :visible.sync=\"dialogVisible\"\r\n title=\"选择生成类型\"\r\n :show-file-name=\"showFileName\"\r\n @confirm=\"generate\"\r\n />\r\n <input id=\"copyNode\" type=\"hidden\">\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport draggable from 'vuedraggable'\r\nimport beautifier from 'js-beautify'\r\nimport ClipboardJS from 'clipboard'\r\nimport render from '@/utils/generator/render'\r\nimport RightPanel from './RightPanel'\r\nimport { inputComponents, selectComponents, layoutComponents, formConf } from '@/utils/generator/config'\r\nimport { beautifierConf, titleCase } from '@/utils/index'\r\nimport { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/html'\r\nimport { makeUpJs } from '@/utils/generator/js'\r\nimport { makeUpCss } from '@/utils/generator/css'\r\nimport { drawingDefaultValue, initDrawingDefaultValue, cleanDrawingDefaultValue } from '@/utils/generator/drawingDefault'\r\nimport logo from '@/assets/logo/logo.png'\r\nimport CodeTypeDialog from './CodeTypeDialog'\r\nimport DraggableItem from './DraggableItem'\r\n\r\nlet oldActiveId\r\nlet tempActiveData\r\nlet clipboard = null\r\n\r\nexport default {\r\n components: {\r\n draggable,\r\n render,\r\n RightPanel,\r\n CodeTypeDialog,\r\n DraggableItem\r\n },\r\n data() {\r\n return {\r\n logo,\r\n idGlobal: 100,\r\n formConf,\r\n inputComponents,\r\n selectComponents,\r\n layoutComponents,\r\n labelWidth: 100,\r\n drawingList: drawingDefaultValue,\r\n drawingData: {},\r\n activeId: drawingDefaultValue[0].formId,\r\n drawerVisible: false,\r\n formData: {},\r\n dialogVisible: false,\r\n generateConf: null,\r\n showFileName: false,\r\n activeData: drawingDefaultValue[0]\r\n }\r\n },\r\n beforeCreate() {\r\n initDrawingDefaultValue()\r\n },\r\n created() {\r\n // 防止 firefox 下 拖拽 会新打卡一个选项卡\r\n document.body.ondrop = event => {\r\n event.preventDefault()\r\n event.stopPropagation()\r\n }\r\n },\r\n watch: {\r\n 'activeData.label': function (val, oldVal) {\r\n if (\r\n this.activeData.placeholder === undefined\r\n || !this.activeData.tag\r\n || oldActiveId !== this.activeId\r\n ) {\r\n return\r\n }\r\n this.activeData.placeholder = this.activeData.placeholder.replace(oldVal, '') + val\r\n },\r\n activeId: {\r\n handler(val) {\r\n oldActiveId = val\r\n },\r\n immediate: true\r\n }\r\n },\r\n mounted() {\r\n clipboard = new ClipboardJS('#copyNode', {\r\n text: () => {\r\n const codeStr = this.generateCode()\r\n this.$notify({\r\n title: '成功',\r\n message: '代码已复制到剪切板，可粘贴。',\r\n type: 'success'\r\n })\r\n return codeStr\r\n }\r\n })\r\n clipboard.on('error', () => {\r\n this.$message.error('代码复制失败')\r\n })\r\n },\r\n beforeDestroy() {\r\n clipboard.destroy()\r\n },\r\n methods: {\r\n activeFormItem(element) {\r\n this.activeData = element\r\n this.activeId = element.formId\r\n },\r\n onEnd(obj) {\r\n if (obj.from !== obj.to) {\r\n this.activeData = tempActiveData\r\n this.activeId = this.idGlobal\r\n }\r\n },\r\n addComponent(item) {\r\n const clone = this.cloneComponent(item)\r\n this.drawingList.push(clone)\r\n this.activeFormItem(clone)\r\n },\r\n cloneComponent(origin) {\r\n const clone = JSON.parse(JSON.stringify(origin))\r\n clone.formId = ++this.idGlobal\r\n clone.span = formConf.span\r\n clone.renderKey = +new Date() // 改变renderKey后可以实现强制更新组件\r\n if (!clone.layout) clone.layout = 'colFormItem'\r\n if (clone.layout === 'colFormItem') {\r\n clone.vModel = `field${this.idGlobal}`\r\n clone.placeholder !== undefined && (clone.placeholder += clone.label)\r\n tempActiveData = clone\r\n } else if (clone.layout === 'rowFormItem') {\r\n delete clone.label\r\n clone.componentName = `row${this.idGlobal}`\r\n clone.gutter = this.formConf.gutter\r\n tempActiveData = clone\r\n }\r\n return tempActiveData\r\n },\r\n AssembleFormData() {\r\n this.formData = {\r\n fields: JSON.parse(JSON.stringify(this.drawingList)),\r\n ...this.formConf\r\n }\r\n },\r\n generate(data) {\r\n const func = this[`exec${titleCase(this.operationType)}`]\r\n this.generateConf = data\r\n func && func(data)\r\n },\r\n execRun() {\r\n this.AssembleFormData()\r\n this.drawerVisible = true\r\n },\r\n execDownload(data) {\r\n const codeStr = this.generateCode()\r\n const blob = new Blob([codeStr], { type: 'text/plain;charset=utf-8' })\r\n this.$download.saveAs(blob, data.fileName)\r\n },\r\n execCopy() {\r\n document.getElementById('copyNode').click()\r\n },\r\n empty() {\r\n this.$confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then(\r\n () => {\r\n this.drawingList = []\r\n cleanDrawingDefaultValue()\r\n }\r\n )\r\n },\r\n drawingItemCopy(item, parent) {\r\n let clone = JSON.parse(JSON.stringify(item))\r\n clone = this.createIdAndKey(clone)\r\n parent.push(clone)\r\n this.activeFormItem(clone)\r\n },\r\n createIdAndKey(item) {\r\n item.formId = ++this.idGlobal\r\n item.renderKey = +new Date()\r\n if (item.layout === 'colFormItem') {\r\n item.vModel = `field${this.idGlobal}`\r\n } else if (item.layout === 'rowFormItem') {\r\n item.componentName = `row${this.idGlobal}`\r\n }\r\n if (Array.isArray(item.children)) {\r\n item.children = item.children.map(childItem => this.createIdAndKey(childItem))\r\n }\r\n return item\r\n },\r\n drawingItemDelete(index, parent) {\r\n parent.splice(index, 1)\r\n this.$nextTick(() => {\r\n const len = this.drawingList.length\r\n if (len) {\r\n this.activeFormItem(this.drawingList[len - 1])\r\n }\r\n })\r\n },\r\n generateCode() {\r\n const { type } = this.generateConf\r\n this.AssembleFormData()\r\n const script = vueScript(makeUpJs(this.formData, type))\r\n const html = vueTemplate(makeUpHtml(this.formData, type))\r\n const css = cssStyle(makeUpCss(this.formData))\r\n return beautifier.html(html + script + css, beautifierConf.html)\r\n },\r\n download() {\r\n this.dialogVisible = true\r\n this.showFileName = true\r\n this.operationType = 'download'\r\n },\r\n run() {\r\n this.dialogVisible = true\r\n this.showFileName = false\r\n this.operationType = 'run'\r\n },\r\n copy() {\r\n this.dialogVisible = true\r\n this.showFileName = false\r\n this.operationType = 'copy'\r\n },\r\n tagChange(newTag) {\r\n newTag = this.cloneComponent(newTag)\r\n newTag.vModel = this.activeData.vModel\r\n newTag.formId = this.activeId\r\n newTag.span = this.activeData.span\r\n delete this.activeData.tag\r\n delete this.activeData.tagIcon\r\n delete this.activeData.document\r\n Object.keys(newTag).forEach(key => {\r\n if (this.activeData[key] !== undefined\r\n && typeof this.activeData[key] === typeof newTag[key]) {\r\n newTag[key] = this.activeData[key]\r\n }\r\n })\r\n this.activeData = newTag\r\n this.updateDrawingList(newTag, this.drawingList)\r\n },\r\n updateDrawingList(newTag, list) {\r\n const index = list.findIndex(item => item.formId === this.activeId)\r\n if (index > -1) {\r\n list.splice(index, 1, newTag)\r\n } else {\r\n list.forEach(item => {\r\n if (Array.isArray(item.children)) this.updateDrawingList(newTag, item.children)\r\n })\r\n }\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang='scss'>\r\n.editor-tabs{\r\n background: #121315;\r\n .el-tabs__header{\r\n margin: 0;\r\n border-bottom-color: #121315;\r\n .el-tabs__nav{\r\n border-color: #121315;\r\n }\r\n }\r\n .el-tabs__item{\r\n height: 32px;\r\n line-height: 32px;\r\n color: #888a8e;\r\n border-left: 1px solid #121315 !important;\r\n background: #363636;\r\n margin-right: 5px;\r\n user-select: none;\r\n }\r\n .el-tabs__item.is-active{\r\n background: #1e1e1e;\r\n border-bottom-color: #1e1e1e!important;\r\n color: #fff;\r\n }\r\n .el-icon-edit{\r\n color: #f1fa8c;\r\n }\r\n .el-icon-document{\r\n color: #a95812;\r\n }\r\n}\r\n\r\n// home\r\n.right-scrollbar {\r\n .el-scrollbar__view {\r\n padding: 12px 18px 15px 15px;\r\n }\r\n}\r\n.left-scrollbar .el-scrollbar__wrap {\r\n box-sizing: border-box;\r\n overflow-x: hidden !important;\r\n margin-bottom: 0 !important;\r\n}\r\n.center-tabs{\r\n .el-tabs__header{\r\n margin-bottom: 0!important;\r\n }\r\n .el-tabs__item{\r\n width: 50%;\r\n text-align: center;\r\n }\r\n .el-tabs__nav{\r\n width: 100%;\r\n }\r\n}\r\n.reg-item{\r\n padding: 12px 6px;\r\n background: #f8f8f8;\r\n position: relative;\r\n border-radius: 4px;\r\n .close-btn{\r\n position: absolute;\r\n right: -6px;\r\n top: -6px;\r\n display: block;\r\n width: 16px;\r\n height: 16px;\r\n line-height: 16px;\r\n background: rgba(0, 0, 0, 0.2);\r\n border-radius: 50%;\r\n color: #fff;\r\n text-align: center;\r\n z-index: 1;\r\n cursor: pointer;\r\n font-size: 12px;\r\n &:hover{\r\n background: rgba(210, 23, 23, 0.5)\r\n }\r\n }\r\n & + .reg-item{\r\n margin-top: 18px;\r\n }\r\n}\r\n.action-bar{\r\n & .el-button+.el-button {\r\n margin-left: 15px;\r\n }\r\n & i {\r\n font-size: 20px;\r\n vertical-align: middle;\r\n position: relative;\r\n top: -1px;\r\n }\r\n}\r\n\r\n.custom-tree-node{\r\n width: 100%;\r\n font-size: 14px;\r\n .node-operation{\r\n float: right;\r\n }\r\n i[class*=\"el-icon\"] + i[class*=\"el-icon\"]{\r\n margin-left: 6px;\r\n }\r\n .el-icon-plus{\r\n color: #00875A;\r\n }\r\n .el-icon-delete{\r\n color: #157a0c;\r\n }\r\n}\r\n\r\n.left-scrollbar .el-scrollbar__view{\r\n overflow-x: hidden;\r\n}\r\n\r\n.el-rate{\r\n display: inline-block;\r\n vertical-align: text-top;\r\n}\r\n.el-upload__tip{\r\n line-height: 1.2;\r\n}\r\n\r\n$selectedColor: #f6f7ff;\r\n$lighterBlue: #00875A;\r\n\r\n.container {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.components-list {\r\n padding: 8px;\r\n box-sizing: border-box;\r\n height: 100%;\r\n .components-item {\r\n display: inline-block;\r\n width: 48%;\r\n margin: 1%;\r\n transition: transform 0ms !important;\r\n }\r\n}\r\n.components-draggable{\r\n padding-bottom: 20px;\r\n}\r\n.components-title{\r\n font-size: 14px;\r\n color: #222;\r\n margin: 6px 2px;\r\n .svg-icon{\r\n color: #666;\r\n font-size: 18px;\r\n }\r\n}\r\n\r\n.components-body {\r\n padding: 8px 10px;\r\n background: $selectedColor;\r\n font-size: 12px;\r\n cursor: move;\r\n border: 1px dashed $selectedColor;\r\n border-radius: 3px;\r\n .svg-icon{\r\n color: #777;\r\n font-size: 15px;\r\n }\r\n &:hover {\r\n border: 1px dashed #787be8;\r\n color: #787be8;\r\n .svg-icon {\r\n color: #787be8;\r\n }\r\n }\r\n}\r\n\r\n.left-board {\r\n width: 260px;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100vh;\r\n}\r\n.left-scrollbar{\r\n height: calc(100vh - 42px);\r\n overflow: hidden;\r\n}\r\n.center-scrollbar {\r\n height: calc(100vh - 42px);\r\n overflow: hidden;\r\n border-left: 1px solid #f1e8e8;\r\n border-right: 1px solid #f1e8e8;\r\n box-sizing: border-box;\r\n}\r\n.center-board {\r\n height: 100vh;\r\n width: auto;\r\n margin: 0 350px 0 260px;\r\n box-sizing: border-box;\r\n}\r\n.empty-info{\r\n position: absolute;\r\n top: 46%;\r\n left: 0;\r\n right: 0;\r\n text-align: center;\r\n font-size: 18px;\r\n color: #ccb1ea;\r\n letter-spacing: 4px;\r\n}\r\n.action-bar{\r\n position: relative;\r\n height: 42px;\r\n text-align: right;\r\n padding: 0 15px;\r\n box-sizing: border-box;;\r\n border: 1px solid #f1e8e8;\r\n border-top: none;\r\n border-left: none;\r\n .delete-btn{\r\n color: #F56C6C;\r\n }\r\n}\r\n.logo-wrapper{\r\n position: relative;\r\n height: 42px;\r\n background: #fff;\r\n border-bottom: 1px solid #f1e8e8;\r\n box-sizing: border-box;\r\n}\r\n.logo{\r\n position: absolute;\r\n left: 12px;\r\n top: 6px;\r\n line-height: 30px;\r\n color: #00afff;\r\n font-weight: 600;\r\n font-size: 17px;\r\n white-space: nowrap;\r\n > img{\r\n width: 30px;\r\n height: 30px;\r\n vertical-align: top;\r\n }\r\n .github{\r\n display: inline-block;\r\n vertical-align: sub;\r\n margin-left: 15px;\r\n > img{\r\n height: 22px;\r\n }\r\n }\r\n}\r\n\r\n.center-board-row {\r\n padding: 12px 12px 15px 12px;\r\n box-sizing: border-box;\r\n & > .el-form {\r\n // 69 = 12+15+42\r\n height: calc(100vh - 69px);\r\n }\r\n}\r\n.drawing-board {\r\n height: 100%;\r\n position: relative;\r\n .components-body {\r\n padding: 0;\r\n margin: 0;\r\n font-size: 0;\r\n }\r\n .sortable-ghost {\r\n position: relative;\r\n display: block;\r\n overflow: hidden;\r\n &::before {\r\n content: \" \";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n height: 3px;\r\n background: rgb(89, 89, 223);\r\n z-index: 2;\r\n }\r\n }\r\n .components-item.sortable-ghost {\r\n width: 100%;\r\n height: 60px;\r\n background-color: $selectedColor;\r\n }\r\n .active-from-item {\r\n & > .el-form-item{\r\n background: $selectedColor;\r\n border-radius: 6px;\r\n }\r\n & > .drawing-item-copy, & > .drawing-item-delete{\r\n display: initial;\r\n }\r\n & > .component-name{\r\n color: $lighterBlue;\r\n }\r\n }\r\n .el-form-item{\r\n margin-bottom: 15px;\r\n }\r\n}\r\n.drawing-item{\r\n position: relative;\r\n cursor: move;\r\n &.unfocus-bordered:not(.activeFromItem) > div:first-child {\r\n border: 1px dashed #ccc;\r\n }\r\n .el-form-item{\r\n padding: 12px 10px;\r\n }\r\n}\r\n.drawing-row-item{\r\n position: relative;\r\n cursor: move;\r\n box-sizing: border-box;\r\n border: 1px dashed #ccc;\r\n border-radius: 3px;\r\n padding: 0 2px;\r\n margin-bottom: 15px;\r\n .drawing-row-item {\r\n margin-bottom: 2px;\r\n }\r\n .el-col{\r\n margin-top: 22px;\r\n }\r\n .el-form-item{\r\n margin-bottom: 0;\r\n }\r\n .drag-wrapper{\r\n min-height: 80px;\r\n }\r\n &.active-from-item{\r\n border: 1px dashed $lighterBlue;\r\n }\r\n .component-name{\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n font-size: 12px;\r\n color: #bbb;\r\n display: inline-block;\r\n padding: 0 6px;\r\n }\r\n}\r\n.drawing-item, .drawing-row-item{\r\n &:hover {\r\n & > .el-form-item{\r\n background: $selectedColor;\r\n border-radius: 6px;\r\n }\r\n & > .drawing-item-copy, & > .drawing-item-delete{\r\n display: initial;\r\n }\r\n }\r\n & > .drawing-item-copy, & > .drawing-item-delete{\r\n display: none;\r\n position: absolute;\r\n top: -10px;\r\n width: 22px;\r\n height: 22px;\r\n line-height: 22px;\r\n text-align: center;\r\n border-radius: 50%;\r\n font-size: 12px;\r\n border: 1px solid;\r\n cursor: pointer;\r\n z-index: 1;\r\n }\r\n & > .drawing-item-copy{\r\n right: 56px;\r\n border-color: $lighterBlue;\r\n color: $lighterBlue;\r\n background: #fff;\r\n &:hover{\r\n background: $lighterBlue;\r\n color: #fff;\r\n }\r\n }\r\n & > .drawing-item-delete{\r\n right: 24px;\r\n border-color: #F56C6C;\r\n color: #F56C6C;\r\n background: #fff;\r\n &:hover{\r\n background: #F56C6C;\r\n color: #fff;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
View Git Blame Copy Permalink