{"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"]}]}