{"remainingRequest":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\artfess-module\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\artfess-module\\src\\demo\\html\\sidebardialog.code.js","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-module\\src\\demo\\html\\sidebardialog.code.js","mtime":1675232038699},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000}],"contextDependencies":[],"result":["var sidebardialog = {\n  code: \"<template>\\n  <div>\\n    <div class=\\\"block\\\">\\n      <el-form ref=\\\"form\\\" :model=\\\"formSetting\\\" label-width=\\\"160px\\\">\\n        <el-form-item label=\\\"\\u8BBE\\u7F6E\\u5BF9\\u8BDD\\u6846\\u7684\\u5BBD\\u5EA6(\\u5355\\u4F4D%)\\\">\\n          <el-slider v-model=\\\"formSetting.dialogWidth\\\" show-input></el-slider>\\n        </el-form-item>\\n        <el-form-item label=\\\"\\u5BF9\\u9F50\\u65B9\\u5F0F\\\">\\n          <el-radio-group v-model=\\\"formSetting.labelPosition\\\" size=\\\"small\\\">\\n            <el-radio-button label=\\\"left\\\">\\u5DE6\\u5BF9\\u9F50</el-radio-button>\\n            <el-radio-button label=\\\"right\\\">\\u53F3\\u5BF9\\u9F50</el-radio-button>\\n            <el-radio-button label=\\\"top\\\">\\u9876\\u90E8\\u5BF9\\u9F50</el-radio-button>\\n          </el-radio-group>\\n        </el-form-item>\\n        <el-form-item label=\\\"\\u884C\\u5185\\u8868\\u5355\\\">\\n          <el-switch v-model=\\\"formSetting.inline\\\" active-color=\\\"#13ce66\\\" inactive-color=\\\"#ff4949\\\"></el-switch>\\n        </el-form-item>\\n      </el-form>\\n    </div>\\n    <el-button @click=\\\"showDialog()\\\">\\u4FA7\\u8FB9\\u5F39\\u7A97</el-button>\\n    <el-button @click=\\\"showDialogTable()\\\">\\u4FA7\\u8FB9\\u5F39\\u7A97 table\\u5E03\\u5C40</el-button>\\n    <el-divider />\\n    <ht-sidebar-dialog\\n      :width=\\\"dialogWidthPrecent\\\"\\n      title=\\\"\\u4FA7\\u8FB9\\u5F39\\u7A97\\u4F8B\\u5B50-\\u6DFB\\u52A0\\u89D2\\u8272\\\"\\n      :visible.sync=\\\"dialogVisible\\\"\\n      :before-close=\\\"handleClose\\\"\\n    >\\n      <el-form\\n        data-vv-scope=\\\"editRoleForm\\\"\\n        :model=\\\"form\\\"\\n        :label-position=\\\"formSetting.labelPosition\\\"\\n        size=\\\"mini\\\"\\n        :inline=\\\"formSetting.inline\\\"\\n      >\\n        <ht-form-item label-width=\\\"80px\\\">\\n          <template slot=\\\"label\\\">\\n            <el-popover\\n              placement=\\\"top-start\\\"\\n              title=\\\"\\u6807\\u9898\\\"\\n              width=\\\"200\\\"\\n              trigger=\\\"hover\\\"\\n              content=\\\"\\u8FD9\\u662F\\u4E00\\u6BB5\\u5185\\u5BB9,\\u8FD9\\u662F\\u4E00\\u6BB5\\u5185\\u5BB9,\\u8FD9\\u662F\\u4E00\\u6BB5\\u5185\\u5BB9,\\u8FD9\\u662F\\u4E00\\u6BB5\\u5185\\u5BB9\\u3002\\\"\\n            >\\n              <span slot=\\\"reference\\\">\\u89D2\\u8272\\u540D\\u79F0</span>\\n            </el-popover>\\n          </template>\\n\\n          <ht-input v-model=\\\"form.roleName\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u4F7F\\u7528\\u81EA\\u5B9A\\u4E49\\u7684\\u5192\\u53F7:\\\" label-width=\\\"80px\\\" custom-colon>\\n          <ht-input v-model=\\\"form.roleCode\\\" autocomplete=\\\"off\\\" validate=\\\"required\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u72B6\\u6001\\\" label-width=\\\"80px\\\">\\n          <ht-select\\n            v-model=\\\"form.status\\\"\\n            :options=\\\"[{'alias': 0, 'value':'\\u7981\\u7528'},{'alias': 1, 'value':'\\u542F\\u7528'}]\\\"\\n            :props=\\\"{key:'alias',value:'value'}\\\"\\n            :validate=\\\"{'required':true}\\\"\\n          />\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u540D\\u79F0\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleName\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u522B\\u540D\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleCode\\\" autocomplete=\\\"off\\\" validate=\\\"required\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u6027\\u522B\\\" label-width=\\\"80px\\\">\\n          <ht-radio\\n            v-model=\\\"form.status\\\"\\n            :options=\\\"[{'key': 0, 'value':'\\u7981\\u7528'},{'key': 1, 'value':'\\u542F\\u7528'}]\\\"\\n            :validate=\\\"{'required':true}\\\"\\n          />\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u540D\\u79F0\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleName\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u522B\\u540D\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleCode\\\" autocomplete=\\\"off\\\" validate=\\\"required\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u72B6\\u6001\\\" label-width=\\\"80px\\\">\\n          <ht-select\\n            v-model=\\\"form.status\\\"\\n            :options=\\\"[{'key': 0, 'value':'\\u7981\\u7528'},{'key': 1, 'value':'\\u542F\\u7528'}]\\\"\\n            :validate=\\\"{'required':true}\\\"\\n          />\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u540D\\u79F0\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleName\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u522B\\u540D\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleCode\\\" autocomplete=\\\"off\\\" validate=\\\"required\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u72B6\\u6001\\\" label-width=\\\"80px\\\">\\n          <ht-select\\n            v-model=\\\"form.status\\\"\\n            :options=\\\"[{'key': 0, 'value':'\\u7981\\u7528'},{'key': 1, 'value':'\\u542F\\u7528'}]\\\"\\n            :validate=\\\"{'required':true}\\\"\\n          />\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u540D\\u79F0\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleName\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u522B\\u540D\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleCode\\\" autocomplete=\\\"off\\\" validate=\\\"required\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u72B6\\u6001\\\" label-width=\\\"80px\\\">\\n          <ht-select\\n            v-model=\\\"form.status\\\"\\n            :options=\\\"[{'key': 0, 'value':'\\u7981\\u7528'},{'key': 1, 'value':'\\u542F\\u7528'}]\\\"\\n            :validate=\\\"{'required':true}\\\"\\n          />\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u540D\\u79F0\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleName\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u522B\\u540D\\\" label-width=\\\"80px\\\">\\n          <ht-input v-model=\\\"form.roleCode\\\" autocomplete=\\\"off\\\" validate=\\\"required\\\"></ht-input>\\n        </ht-form-item>\\n        <ht-form-item label=\\\"\\u89D2\\u8272\\u72B6\\u6001\\\" label-width=\\\"80px\\\">\\n          <ht-select\\n            v-model=\\\"form.status\\\"\\n            :options=\\\"[{'key': 0, 'value':'\\u7981\\u7528'},{'key': 1, 'value':'\\u542F\\u7528'}]\\\"\\n            :validate=\\\"{'required':true}\\\"\\n          />\\n        </ht-form-item>\\n      </el-form>\\n      <div slot=\\\"footer\\\" class=\\\"dialog-footer\\\">\\n        <el-button @click=\\\"dialogCancle\\\">\\u53D6 \\u6D88</el-button>\\n        <el-button type=\\\"primary\\\" @click=\\\"dialogSave\\\">\\u4FDD \\u5B58</el-button>\\n        <ht-save-button\\n          scope-name=\\\"editRoleForm\\\"\\n          :is-submit=\\\"isSubmit\\\"\\n          @before-save-data=\\\"beforeSaveData\\\"\\n        >HtSaveButton</ht-save-button>\\n        <el-button @click=\\\"showDialog2()\\\">\\u4FA7\\u8FB9\\u5D4C\\u5957\\u5F39\\u7A972</el-button>\\n      </div>\\n      <div slot=\\\"title\\\">\\n        <span style=\\\"color:red;\\\">\\u6211\\u662Fslot\\u6807\\u9898\\uFF0C\\u4F1A\\u8986\\u76D6title\\u4E2D\\u7684\\u8BBE\\u7F6E</span>\\n      </div>\\n\\n      <ht-sidebar-dialog\\n        :width=\\\"dialogWidthPrecent2\\\"\\n        title=\\\"\\u4FA7\\u8FB9\\u5F39\\u7A97\\u4F8B\\u5B50-\\u6DFB\\u52A0\\u89D2\\u8272\\\"\\n        :visible=\\\"dialogVisible2\\\"\\n        :before-close=\\\"handleClose2\\\"\\n        append-to-body\\n      >\\n        <el-form :model=\\\"form\\\">\\n          <ht-form-item label=\\\"\\u89D2\\u8272\\u540D\\u79F0\\\" label-width=\\\"80px\\\">\\n            <ht-input v-model=\\\"form.roleName\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n          </ht-form-item>\\n          <ht-form-item label=\\\"\\u89D2\\u8272\\u522B\\u540D\\\" label-width=\\\"80px\\\">\\n            <ht-input v-model=\\\"form.roleCode\\\" autocomplete=\\\"off\\\" validate=\\\"required\\\"></ht-input>\\n          </ht-form-item>\\n          <ht-form-item label=\\\"\\u89D2\\u8272\\u72B6\\u6001\\\" label-width=\\\"80px\\\">\\n            <ht-select\\n              v-model=\\\"form.status\\\"\\n              :options=\\\"[{'key': 0, 'value':'\\u7981\\u7528'},{'key': 1, 'value':'\\u542F\\u7528'}]\\\"\\n              :validate=\\\"{'required':true}\\\"\\n            />\\n          </ht-form-item>\\n        </el-form>\\n        <div slot=\\\"footer\\\" class=\\\"dialog-footer\\\">\\n          <el-button @click=\\\"dialogVisible2 = false\\\">\\u53D6 \\u6D88</el-button>\\n          <el-button type=\\\"primary\\\" @click=\\\"dialogVisible2 = false\\\">\\u4FDD \\u5B58</el-button>\\n        </div>\\n      </ht-sidebar-dialog>\\n    </ht-sidebar-dialog>\\n\\n    <ht-sidebar-dialog\\n      :width=\\\"dialogWidthPrecent\\\"\\n      title=\\\"\\u4FA7\\u8FB9\\u5F39\\u7A97\\u4F8B\\u5B50-\\u6DFB\\u52A0\\u7528\\u6237\\\"\\n      :visible.sync=\\\"dialogVisible3\\\"\\n      :before-close=\\\"handleClose3\\\"\\n    >\\n      <form data-vv-scope=\\\"editUserForm\\\">\\n        <table class=\\\"form-table\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\" border=\\\"0\\\">\\n          <tbody>\\n            <tr>\\n              <th width=\\\"120px\\\" class=\\\"is-required\\\">\\u7528\\u6237\\u540D\\u79F0:</th>\\n              <td>\\n                <ht-input v-model=\\\"user.fullname\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n              </td>\\n              <th width=\\\"120px\\\" class=\\\"is-required\\\">\\u7528\\u6237\\u8D26\\u53F7:</th>\\n              <td>\\n                <ht-input v-model=\\\"user.account\\\" autocomplete=\\\"off\\\" :validate=\\\"{required:true}\\\"></ht-input>\\n              </td>\\n            </tr>\\n            <tr>\\n              <th width=\\\"120px\\\">\\u7528\\u6237\\u6027\\u522B:</th>\\n              <td>\\n                <ht-radio\\n                  v-model=\\\"user.sex\\\"\\n                  :options=\\\"[{key:'1',value:'\\u7537\\u58EB'},{key:'0',value:'\\u5973\\u58EB'}]\\\"\\n                />\\n              </td>\\n              <th width=\\\"120px\\\">\\u624B\\u673A\\u53F7\\u7801:</th>\\n              <td>\\n                <ht-input v-model=\\\"user.mobile\\\" autocomplete=\\\"off\\\" :validate=\\\"{mobile:true}\\\"></ht-input>\\n              </td>\\n            </tr>\\n          </tbody>\\n        </table>\\n      </form>\\n      <div slot=\\\"footer\\\" class=\\\"dialog-footer\\\">\\n        <el-button @click=\\\"dialogCancle\\\">\\u53D6 \\u6D88</el-button>\\n        <el-button type=\\\"primary\\\" @click=\\\"dialogSave\\\">\\u4FDD \\u5B58</el-button>\\n        <ht-save-button\\n          scope-name=\\\"editUserForm\\\"\\n          :is-submit=\\\"isSubmit\\\"\\n          @before-save-data=\\\"beforeSaveData\\\"\\n        >HtSaveButton</ht-save-button>\\n      </div>\\n      <div slot=\\\"title\\\">\\n        <span style=\\\"color:red;\\\">\\u6211\\u662Fslot\\u6807\\u9898\\uFF0C\\u4F1A\\u8986\\u76D6title\\u4E2D\\u7684\\u8BBE\\u7F6E</span>\\n      </div>\\n    </ht-sidebar-dialog>\\n  </div>\\n</template>\\n<script>\\nimport utils from \\\"@/utils.js\\\";\\nexport default {\\n  name: \\\"sidebar-dialog-code\\\",\\n  components: {},\\n  computed: {\\n    dialogWidthPrecent: function() {\\n      return this.formSetting.dialogWidth + \\\"%\\\";\\n    },\\n    dialogWidthPrecent2: function() {\\n      return this.formSetting.dialogWidth - 10 + \\\"%\\\";\\n    }\\n  },\\n  data() {\\n    return {\\n      dialogVisible: false,\\n      dialogVisible2: false,\\n      dialogVisible3: false,\\n      form: {},\\n      user: {},\\n      formSetting: {\\n        dialogWidth: 50,\\n        labelPosition: \\\"left\\\",\\n        inline: true\\n      },\\n      isSubmit: true\\n    };\\n  },\\n  mounted(){\\n    console.log([{id:'1',name:'\\u82F9\\u679C'},{id:'2',name:'\\u9999\\u8549'}].extractByKey(\\\"id\\\"))\\n  },\\n  methods: {\\n    handleClose() {\\n      this.dialogVisible = false;\\n    },\\n    showDialog() {\\n      this.dialogVisible = true;\\n    },\\n    showDialogTable() {\\n      this.dialogVisible3 = true;\\n    },\\n    handleClose2() {\\n      this.dialogVisible2 = false;\\n    },\\n    handleClose3() {\\n      this.dialogVisible3 = false;\\n    },\\n    showDialog2() {\\n      this.dialogVisible2 = true;\\n    },\\n    dialogCancle() {\\n      this.$message({\\n        showClose: true,\\n        message: \\\"\\u60A8\\u70B9\\u51FB\\u4E86\\u53D6\\u6D88\\\"\\n      });\\n      this.dialogVisible = false;\\n      this.dialogVisible3 = false;\\n    },\\n    dialogSave() {\\n      this.$message({\\n        showClose: true,\\n        message: \\\"\\u60A8\\u70B9\\u51FB\\u4E86\\u4FDD\\u5B58\\\"\\n      });\\n      this.dialogVisible = false;\\n    },\\n    beforeSaveData() {\\n      console.log(new Date().getTime());\\n      for (let i = 0; i < 1000000000; i++) {}\\n      console.log(new Date().getTime());\\n      this.isSubmit = false;\\n      return false;\\n    }\\n  }\\n};\\n</script>\\n<style lang=\\\"scss\\\" scoped>\\n.item-label {\\n  font-size: 12px;\\n}\\n\\ndiv[aria-invalid='true'] >>> .el-input__inner, div[aria-invalid='true'] >>> .el-input__inner:focus {\\n  border-color: #f56c6c;\\n}\\n</style>\"\n};\nexport default sidebardialog;",null]}