{"remainingRequest":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-module\\src\\demo\\Tree.vue?vue&type=template&id=6dc02bc9&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-module\\src\\demo\\Tree.vue","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\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<el-row :gutter=\"20\">\n  <el-col :span=\"20\">\n    <MdView>\n      <template>\n        # Tree 树形控件\n        基于elementUI的树形控件，将常用的树形控件再一次封装。\n      </template>\n    </MdView>\n    <CodeBox name=\"树形控件-基础用法\" alias=\"basic\" :code=\"demo.basicCode\" desc=\"elementUI树形基础用法\">\n      <template slot=\"demo\">\n        <div style=\"border:1px solid #ccc; width:300px;\">\n          <ht-tree :data=\"data\" :props=\"defaultProps\" node-key=\"id\" @node-click=\"handleNodeClick\"></ht-tree>\n        </div>\n      </template>\n    </CodeBox>\n    <CodeBox\n      name=\"树形控件-支持过滤\"\n      alias=\"filterText\"\n      :code=\"demo.filterTextCode\"\n      desc=\"在需要对节点进行过滤时，需要设置 support-filter 属性为true , 默认值为false\"\n    >\n      <template slot=\"demo\">\n        <div style=\"border:1px solid #ccc; width:200px;\">\n          <ht-tree\n            :data=\"data\"\n            :props=\"defaultProps\"\n            node-key=\"id\"\n            show-more-button\n            support-filter\n            @refresh=\"handleTreeRefresh\"\n            @node-click=\"handleNodeClick\"\n          ></ht-tree>\n        </div>\n      </template>\n    </CodeBox>\n\n    <CodeBox\n      name=\"树形控件-对话框-支持过滤\"\n      alias=\"treeDialog\"\n      :code=\"demo.treeDialogCode\"\n      desc=\"树形对话框: \n       打开对话框 this.$refs.htTreeDialog.showDialog(); \n       事件 @onConfirm 确定事件，参数选中的数据;\n       支持htTree的所有属性,\n       showCheck 为true时 设置leafOnly属性是否只返回叶子节点，默认值为false, includeHalfChecked 是否只返回包含半选中的叶子节点,默认是为false \"\n    >\n      <template slot=\"demo\">\n        <div>\n          <el-radio-group v-model=\"showCheckbox\" size=\"small\">\n            <el-radio :label=\"false\">单选</el-radio>\n            <el-radio :label=\"true\">多选</el-radio>\n          </el-radio-group>\n          <el-checkbox-button v-if=\"showCheckbox\" v-model=\"supportFilter2\">是否支持过滤</el-checkbox-button>\n          <el-checkbox-button v-if=\"showCheckbox\" v-model=\"leafOnly\">返回叶子节点</el-checkbox-button>\n          <el-checkbox-button v-if=\"showCheckbox\" v-model=\"includeHalfChecked\">返回包含半选中节点</el-checkbox-button>\n          <br />\n          <el-button size=\"mini\" @click=\"showTreeDialog()\">打开树形对话框</el-button>\n\n          <ht-tree-dialog\n            ref=\"htTreeDialog\"\n            :show-checkbox=\"showCheckbox\"\n            default-expand-all\n            node-key=\"id\"\n            :data=\"data\"\n            :props=\"defaultProps\"\n            :leaf-only=\"leafOnly\"\n            :include-half-checked=\"includeHalfChecked\"\n            :support-filter=\"supportFilter2\"\n            @onConfirm=\"treeDialogOnConfirm\"\n          ></ht-tree-dialog>\n        </div>\n      </template>\n    </CodeBox>\n  </el-col>\n  <el-col :span=\"4\">\n    <AnchorWrapper :anchors=\"demo.anchors\" />\n  </el-col>\n</el-row>\n",null]}