1 line
4.4 KiB
JSON
1 line
4.4 KiB
JSON
{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/components/Drawer.vue?vue&type=style&index=0&id=0547bea1&scoped=true&lang=stylus","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/components/Drawer.vue","mtime":1742646402761},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/css-loader/dist/cjs.js","mtime":1743264596127},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1743264597030},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/postcss-loader/src/index.js","mtime":1743264596321},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/stylus-loader/index.js","mtime":1743264596421},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/style-resources-loader/lib/index.js","mtime":1743264596701},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js","mtime":1743264596512}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5jdXN0b20tZHJhd2VyID4+PgogIC5hbnQtZHJhd2VyLXdyYXBwZXItYm9keQogICAgZGlzcGxheSBmbGV4CiAgICBmbGV4LWRpcmVjdGlvbiBjb2x1bW4KICAuYW50LWRyYXdlci1ib2R5CiAgICBmbGV4LWdyb3cgMQogICAgb3ZlcmZsb3cgYXV0bwogICAgcGFkZGluZyAxNnB4IDI0cHgKI2RyYXdlci1mb290ZXIKICBwYWRkaW5nIDE2cHggMjRweAogIHRleHQtYWxpZ24gcmlnaHQKICBib3JkZXItdG9wIDFweCBzb2xpZCAjZThlOGU4CiAgYnV0dG9uOmZpcnN0LWNoaWxkCiAgICBtYXJnaW4tcmlnaHQgMTBweAo="},{"version":3,"sources":["Drawer.vue"],"names":[],"mappings":";AA4FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Drawer.vue","sourceRoot":"src/components","sourcesContent":["<script>\nexport default {\n name: 'Drawer',\n data() {\n return {\n getContainer: 'body',\n title: undefined,\n okText: '确定',\n cancelText: '取消',\n content: undefined,\n maskClosable: false,\n width: 500,\n height: 500,\n placement: 'right',\n visible: false,\n loading: false,\n onOk() {},\n onCancel() {},\n };\n },\n methods: {\n async ok() {\n try {\n this.loading = true;\n await this.onOk();\n this.visible = false;\n } catch (e) {\n console.warn(e.message || '抽屉关闭失败');\n } finally {\n this.loading = false;\n }\n },\n cancel() {\n this.onCancel();\n this.visible = false;\n },\n visibleChange(visible) {\n if (!visible) {\n this.$el.remove();\n this.$destroy();\n }\n },\n },\n mounted() {\n // hack: 将footer向上移动一个层级便于布局\n const move = () => {\n const footer = this.$refs.footer;\n if (footer) {\n const container = footer.parentElement.parentElement;\n container.appendChild(footer);\n } else {\n setTimeout(move);\n }\n };\n move();\n },\n render(h) {\n return (\n <a-drawer\n class=\"custom-drawer\"\n getContainer={this.getContainer}\n afterVisibleChange={this.visibleChange}\n maskClosable={this.maskClosable}\n title={this.title}\n visible={this.visible}\n width={this.width}\n height={this.height}\n placement={this.placement}\n onClose={this.cancel}\n >\n {\n typeof this.content === 'function'\n ? this.content(h)\n : <div>{ this.content }</div>\n }\n <div id=\"drawer-footer\" ref=\"footer\">\n <a-button onClick={this.cancel}>{this.cancelText}</a-button>\n <a-button\n type=\"primary\"\n loading={this.loading}\n onClick={this.ok}\n >\n {this.okText}\n </a-button>\n </div>\n </a-drawer>\n );\n },\n};\n</script>\n\n<style scoped lang=\"stylus\">\n.custom-drawer >>>\n .ant-drawer-wrapper-body\n display flex\n flex-direction column\n .ant-drawer-body\n flex-grow 1\n overflow auto\n padding 16px 24px\n#drawer-footer\n padding 16px 24px\n text-align right\n border-top 1px solid #e8e8e8\n button:first-child\n margin-right 10px\n</style>\n"]}]} |