{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/components-demo/mixin.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/components-demo/mixin.vue","mtime":1754409279870},{"path":"/Users/kang/Gitea/vue-element-admin/babel.config.js","mtime":1754409277597},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js","mtime":1754409277911},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBQYW5UaHVtYiBmcm9tICdAL2NvbXBvbmVudHMvUGFuVGh1bWInOwppbXBvcnQgTWRJbnB1dCBmcm9tICdAL2NvbXBvbmVudHMvTURpbnB1dCc7CmltcG9ydCBNYWxsa2kgZnJvbSAnQC9jb21wb25lbnRzL1RleHRIb3ZlckVmZmVjdC9NYWxsa2knOwppbXBvcnQgRHJvcGRvd25NZW51IGZyb20gJ0AvY29tcG9uZW50cy9TaGFyZS9Ecm9wZG93bk1lbnUnOwppbXBvcnQgd2F2ZXMgZnJvbSAnQC9kaXJlY3RpdmUvd2F2ZXMvaW5kZXguanMnOyAvLyDmsLTms6LnurnmjIfku6QKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnQ29tcG9uZW50TWl4aW5EZW1vJywKICBjb21wb25lbnRzOiB7CiAgICBQYW5UaHVtYjogUGFuVGh1bWIsCiAgICBNZElucHV0OiBNZElucHV0LAogICAgTWFsbGtpOiBNYWxsa2ksCiAgICBEcm9wZG93bk1lbnU6IERyb3Bkb3duTWVudQogIH0sCiAgZGlyZWN0aXZlczogewogICAgd2F2ZXM6IHdhdmVzCiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgdmFyIHZhbGlkYXRlID0gZnVuY3Rpb24gdmFsaWRhdGUocnVsZSwgdmFsdWUsIGNhbGxiYWNrKSB7CiAgICAgIGlmICh2YWx1ZS5sZW5ndGggIT09IDYpIHsKICAgICAgICBjYWxsYmFjayhuZXcgRXJyb3IoJ+ivt+i+k+WFpeWFreS4quWtl+espicpKTsKICAgICAgfSBlbHNlIHsKICAgICAgICBjYWxsYmFjaygpOwogICAgICB9CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZGVtbzogewogICAgICAgIHRpdGxlOiAnJwogICAgICB9LAogICAgICBkZW1vUnVsZXM6IHsKICAgICAgICB0aXRsZTogW3sKICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgICAgdHJpZ2dlcjogJ2NoYW5nZScsCiAgICAgICAgICB2YWxpZGF0b3I6IHZhbGlkYXRlCiAgICAgICAgfV0KICAgICAgfSwKICAgICAgYXJ0aWNsZUxpc3Q6IFt7CiAgICAgICAgdGl0bGU6ICfln7rnoYDnr4cnLAogICAgICAgIGhyZWY6ICdodHRwczovL2p1ZWppbi5pbS9wb3N0LzU5MDk3Y2Q3YTIyYjlkMDA2NWZiNjFkMicKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAn55m75b2V5p2D6ZmQ56+HJywKICAgICAgICBocmVmOiAnaHR0cHM6Ly9qdWVqaW4uaW0vcG9zdC81OTFhYTE0ZjU3MGMzNTAwNjk2MWFjYWMnCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+WunuaImOevhycsCiAgICAgICAgaHJlZjogJ2h0dHBzOi8vanVlamluLmltL3Bvc3QvNTkzMTIxYWEwY2U0NjMwMDU3ZjcwZDM1JwogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICd2dWUtYWRtaW4tdGVtcGxhdGUg56+HJywKICAgICAgICBocmVmOiAnaHR0cHM6Ly9qdWVqaW4uaW0vcG9zdC81OTViNGQ3NzZmYjlhMDZiYmU3ZGJhNTYnCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ3Y0LjAg56+HJywKICAgICAgICBocmVmOiAnaHR0cHM6Ly9qdWVqaW4uaW0vcG9zdC81YzkyZmY5NGYyNjVkYTYxMjgyNzVhODUnCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+S8mOmbheeahOS9v+eUqCBpY29uJywKICAgICAgICBocmVmOiAnaHR0cHM6Ly9qdWVqaW4uaW0vcG9zdC81OWJiODY0YjUxODgyNTdlN2E0MjdjMDknCiAgICAgIH1dCiAgICB9OwogIH0KfTs="},{"version":3,"names":["PanThumb","MdInput","Mallki","DropdownMenu","waves","name","components","directives","data","validate","rule","value","callback","length","Error","demo","title","demoRules","required","trigger","validator","articleList","href"],"sources":["src/views/components-demo/mixin.vue"],"sourcesContent":["<template>\n  <div class=\"mixin-components-container\">\n    <el-row>\n      <el-card class=\"box-card\">\n        <div slot=\"header\" class=\"clearfix\">\n          <span>Buttons</span>\n        </div>\n        <div style=\"margin-bottom:50px;\">\n          <el-col :span=\"4\" class=\"text-center\">\n            <router-link class=\"pan-btn blue-btn\" to=\"/documentation/index\">\n              Documentation\n            </router-link>\n          </el-col>\n          <el-col :span=\"4\" class=\"text-center\">\n            <router-link class=\"pan-btn light-blue-btn\" to=\"/icon/index\">\n              Icons\n            </router-link>\n          </el-col>\n          <el-col :span=\"4\" class=\"text-center\">\n            <router-link class=\"pan-btn pink-btn\" to=\"/excel/export-excel\">\n              Excel\n            </router-link>\n          </el-col>\n          <el-col :span=\"4\" class=\"text-center\">\n            <router-link class=\"pan-btn green-btn\" to=\"/table/complex-table\">\n              Table\n            </router-link>\n          </el-col>\n          <el-col :span=\"4\" class=\"text-center\">\n            <router-link class=\"pan-btn tiffany-btn\" to=\"/example/create\">\n              Form\n            </router-link>\n          </el-col>\n          <el-col :span=\"4\" class=\"text-center\">\n            <router-link class=\"pan-btn yellow-btn\" to=\"/theme/index\">\n              Theme\n            </router-link>\n          </el-col>\n        </div>\n      </el-card>\n    </el-row>\n\n    <el-row :gutter=\"20\" style=\"margin-top:50px;\">\n      <el-col :span=\"6\">\n        <el-card class=\"box-card\">\n          <div slot=\"header\" class=\"clearfix\">\n            <span>Material Design 的input</span>\n          </div>\n          <div style=\"height:100px;\">\n            <el-form :model=\"demo\" :rules=\"demoRules\">\n              <el-form-item prop=\"title\">\n                <md-input v-model=\"demo.title\" icon=\"el-icon-search\" name=\"title\" placeholder=\"输入标题\">\n                  标题\n                </md-input>\n              </el-form-item>\n            </el-form>\n          </div>\n        </el-card>\n      </el-col>\n\n      <el-col :span=\"6\">\n        <el-card class=\"box-card\">\n          <div slot=\"header\" class=\"clearfix\">\n            <span>图片hover效果</span>\n          </div>\n          <div class=\"component-item\">\n            <pan-thumb width=\"100px\" height=\"100px\" image=\"https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191\">\n              vue-element-admin\n            </pan-thumb>\n          </div>\n        </el-card>\n      </el-col>\n\n      <el-col :span=\"6\">\n        <el-card class=\"box-card\">\n          <div slot=\"header\" class=\"clearfix\">\n            <span>水波纹 waves v-directive</span>\n          </div>\n          <div class=\"component-item\">\n            <el-button v-waves type=\"primary\">\n              水波纹效果\n            </el-button>\n          </div>\n        </el-card>\n      </el-col>\n\n      <el-col :span=\"6\">\n        <el-card class=\"box-card\">\n          <div slot=\"header\" class=\"clearfix\">\n            <span>hover text</span>\n          </div>\n          <div class=\"component-item\">\n            <mallki class-name=\"mallki-text\" text=\"vue-element-admin\" />\n          </div>\n        </el-card>\n      </el-col>\n    </el-row>\n\n    <el-row :gutter=\"20\" style=\"margin-top:50px;\">\n      <el-col :span=\"8\">\n        <el-card class=\"box-card\">\n          <div slot=\"header\" class=\"clearfix\">\n            <span>Share</span>\n          </div>\n          <div class=\"component-item\" style=\"height:420px;\">\n            <dropdown-menu :items=\"articleList\" style=\"margin:0 auto;\" title=\"系列文章\" />\n          </div>\n        </el-card>\n      </el-col>\n    </el-row>\n  </div>\n</template>\n\n<script>\nimport PanThumb from '@/components/PanThumb'\nimport MdInput from '@/components/MDinput'\nimport Mallki from '@/components/TextHoverEffect/Mallki'\nimport DropdownMenu from '@/components/Share/DropdownMenu'\nimport waves from '@/directive/waves/index.js' // 水波纹指令\n\nexport default {\n  name: 'ComponentMixinDemo',\n  components: {\n    PanThumb,\n    MdInput,\n    Mallki,\n    DropdownMenu\n  },\n  directives: {\n    waves\n  },\n  data() {\n    const validate = (rule, value, callback) => {\n      if (value.length !== 6) {\n        callback(new Error('请输入六个字符'))\n      } else {\n        callback()\n      }\n    }\n    return {\n      demo: {\n        title: ''\n      },\n      demoRules: {\n        title: [{ required: true, trigger: 'change', validator: validate }]\n      },\n      articleList: [\n        { title: '基础篇', href: 'https://juejin.im/post/59097cd7a22b9d0065fb61d2' },\n        { title: '登录权限篇', href: 'https://juejin.im/post/591aa14f570c35006961acac' },\n        { title: '实战篇', href: 'https://juejin.im/post/593121aa0ce4630057f70d35' },\n        { title: 'vue-admin-template 篇', href: 'https://juejin.im/post/595b4d776fb9a06bbe7dba56' },\n        { title: 'v4.0 篇', href: 'https://juejin.im/post/5c92ff94f265da6128275a85' },\n        { title: '优雅的使用 icon', href: 'https://juejin.im/post/59bb864b5188257e7a427c09' }\n      ]\n    }\n  }\n}\n</script>\n\n<style scoped>\n.mixin-components-container {\n  background-color: #f0f2f5;\n  padding: 30px;\n  min-height: calc(100vh - 84px);\n}\n.component-item{\n  min-height: 100px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA,OAAAA,QAAA;AACA,OAAAC,OAAA;AACA,OAAAC,MAAA;AACA,OAAAC,YAAA;AACA,OAAAC,KAAA;;AAEA;EACAC,IAAA;EACAC,UAAA;IACAN,QAAA,EAAAA,QAAA;IACAC,OAAA,EAAAA,OAAA;IACAC,MAAA,EAAAA,MAAA;IACAC,YAAA,EAAAA;EACA;EACAI,UAAA;IACAH,KAAA,EAAAA;EACA;EACAI,IAAA,WAAAA,KAAA;IACA,IAAAC,QAAA,YAAAA,SAAAC,IAAA,EAAAC,KAAA,EAAAC,QAAA;MACA,IAAAD,KAAA,CAAAE,MAAA;QACAD,QAAA,KAAAE,KAAA;MACA;QACAF,QAAA;MACA;IACA;IACA;MACAG,IAAA;QACAC,KAAA;MACA;MACAC,SAAA;QACAD,KAAA;UAAAE,QAAA;UAAAC,OAAA;UAAAC,SAAA,EAAAX;QAAA;MACA;MACAY,WAAA,GACA;QAAAL,KAAA;QAAAM,IAAA;MAAA,GACA;QAAAN,KAAA;QAAAM,IAAA;MAAA,GACA;QAAAN,KAAA;QAAAM,IAAA;MAAA,GACA;QAAAN,KAAA;QAAAM,IAAA;MAAA,GACA;QAAAN,KAAA;QAAAM,IAAA;MAAA,GACA;QAAAN,KAAA;QAAAM,IAAA;MAAA;IAEA;EACA;AACA","ignoreList":[]}]}