{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/tool/form/SearchForm.vue?vue&type=style&index=0&id=9404948e&scoped=true&lang=stylus","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/tool/form/SearchForm.vue","mtime":1742646402774},{"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:Ci5zZWFyY2gtZm9ybS1jb250YWluZXIKICBkaXNwbGF5IGZsZXgKICBwYWRkaW5nIDIwcHgKICBiYWNrZ3JvdW5kLWNvbG9yIHdoaXRlCgouZm9ybQogIGZsZXgtZ3JvdyAxCiAgcGFkZGluZy1yaWdodCAyMHB4Cgoub3BlcmF0ZS1idXR0b24tZ3JvdXAgPj4+CiAgcG9zaXRpb24gcmVsYXRpdmUKICBkaXNwbGF5IGZsZXgKICBmbGV4LWRpcmVjdGlvbiBjb2x1bW4KICBqdXN0aWZ5LWNvbnRlbnQgY2VudGVyCiAgcGFkZGluZy1sZWZ0IDIwcHgKICBib3JkZXItbGVmdCAxcHggc29saWQgZGl2aWRlci1jb2xvcgogIC5hbnQtYnRuCiAgICBtaW4td2lkdGggMTAwcHgKICAgICY6Zmlyc3QtY2hpbGQKICAgICAgYm9yZGVyLXJhZGl1cyAycHgKICAgICAgbWFyZ2luLWJvdHRvbSAyMHB4Cg=="},{"version":3,"sources":["SearchForm.vue"],"names":[],"mappings":";AA2FA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SearchForm.vue","sourceRoot":"src/tool/form","sourcesContent":["<template lang=\"pug\">\n.search-form-container\n  .form\n    ConfigForm(\n      ref=\"form\",\n      :options=\"options\",\n      :matcher=\"matcher\",\n      @change=\"$emit('change', $event)\"\n    )\n  .operate-button-group\n    a-button(type=\"primary\", :loading=\"loading\", @click=\"search\") 查询\n    a-button(type=\"link\", @click=\"reset\") 重置\n</template>\n\n<script>\nimport ConfigForm from './ConfigForm';\nimport { noop } from 'lodash-es';\n\nexport default {\n  name: 'SearchForm',\n  components: {\n    ConfigForm,\n  },\n  props: {\n    options: {\n      type: Array,\n      required: true,\n      default: () => [],\n    },\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    immediate: {\n      type: Boolean,\n      default: false,\n    },\n    matcher: {\n      type: Function,\n      default: noop,\n    },\n    locale: {\n      type: Function,\n      default: key => key,\n    },\n  },\n  computed: {\n    result() {\n      return this.$refs.form.getResult();\n    },\n    formData() {\n      return this.$refs.form.getFormData();\n    },\n  },\n  watch: {\n    options: {\n      deep: true,\n      immediate: true,\n      handler() {\n        if (this.immediate) {\n          // 等待Form初始化完成\n          this.$nextTick(this.search);\n        }\n      },\n    },\n  },\n  methods: {\n    getResult() {\n      return this.result;\n    },\n    getFormData() {\n      return this.formData;\n    },\n    setState(...args) {\n      this.$refs.form.setState(...args);\n    },\n    search() {\n      this.$emit('search', this.getResult(), this.getFormData());\n    },\n    reset() {\n      this.$refs.form.reset();\n      this.$emit('reset', this.getResult(), this.getFormData());\n    },\n    toQuery() {\n      return this.$refs.form.toQuery();\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"stylus\">\n.search-form-container\n  display flex\n  padding 20px\n  background-color white\n\n.form\n  flex-grow 1\n  padding-right 20px\n\n.operate-button-group >>>\n  position relative\n  display flex\n  flex-direction column\n  justify-content center\n  padding-left 20px\n  border-left 1px solid divider-color\n  .ant-btn\n    min-width 100px\n    &:first-child\n      border-radius 2px\n      margin-bottom 20px\n</style>\n"]}]}