gggg_hb
Version:
## Project setup ``` npm install ```
480 lines (399 loc) • 21.6 kB
JavaScript
/******/ (function() { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ 89:
/***/ (function(__unused_webpack_module, exports) {
var __webpack_unused_export__;
__webpack_unused_export__ = ({
value: true
}); // runtime helper for setting properties on components
// in a tree-shakable way
exports.Z = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = function(exports, definition) {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ !function() {
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ }();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/publicPath */
/******/ !function() {
/******/ __webpack_require__.p = "";
/******/ }();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
!function() {
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"UploadFile": function() { return /* reexport */ UploadFile; },
"install": function() { return /* reexport */ install; }
});
;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
/* eslint-disable no-var */
// This file is imported into lib/wc client bundles.
if (typeof window !== 'undefined') {
var currentScript = window.document.currentScript
if (false) { var getCurrentScript; }
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
if (src) {
__webpack_require__.p = src[1] // eslint-disable-line
}
}
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
;// CONCATENATED MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
var external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/UploadFile/index.vue?vue&type=template&id=34da0424&scoped=true
const _withScopeId = n => (_pushScopeId("data-v-34da0424"), n = n(), _popScopeId(), n);
const _hoisted_1 = {
class: "title"
};
const _hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)("上传");
function render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_el_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-button");
const _component_el_upload = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-upload");
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", _hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_el_upload, {
class: "upload-demo",
action: $props.action,
"file-list": $props.fileList,
multiple: $props.multiple,
limit: $props.limit,
accept: $props.accept,
"on-change": $options.handleChange,
"on-success": $options.handleSuccess,
"on-remove": $options.handleRemove
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_el_button, {
icon: "el-icon-upload2",
size: "small"
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_hoisted_2]),
_: 1
})]),
_: 1
}, 8, ["action", "file-list", "multiple", "limit", "accept", "on-change", "on-success", "on-remove"])]);
}
;// CONCATENATED MODULE: ./packages/UploadFile/index.vue?vue&type=template&id=34da0424&scoped=true
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/UploadFile/index.vue?vue&type=script&lang=js
// import { uploadSingleurl, uploadmoreleurl } from "@/api/cus.js";
/* harmony default export */ var UploadFilevue_type_script_lang_js = ({
name: 'UploadFile',
data() {
return {
// fileList: [],
// uploadSingleurl, //传参地址 默认单文件地址
timer: null
};
},
props: {
title: {
//标题
type: String,
default: ""
},
multiple: {
//是否支持多选文件
type: Boolean,
default: false
},
limit: {
type: Number,
default: 5
},
action: {
type: String,
default: '' //默认文件上传接口地址,若不一致则自行传参
},
accept: {
type: String,
default: "image/*,.pdf" //默认文件类型,若不一致则自行传参
},
fileList: {
type: Array,
default: () => []
}
},
methods: {
handleChange(file, fileList) {
this.$emit("on-change", {
file,
fileList
});
},
handleSuccess(response, file, fileList) {
this.$emit('on-success', {
response,
file,
fileList
});
},
handleRemove(file, fileList) {
this.$emit('on-remove', {
file,
fileList
});
}
}
});
;// CONCATENATED MODULE: ./packages/UploadFile/index.vue?vue&type=script&lang=js
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/UploadFile/index.vue?vue&type=style&index=0&id=34da0424&lang=scss&scoped=true
// extracted by mini-css-extract-plugin
;// CONCATENATED MODULE: ./packages/UploadFile/index.vue?vue&type=style&index=0&id=34da0424&lang=scss&scoped=true
// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
var exportHelper = __webpack_require__(89);
;// CONCATENATED MODULE: ./packages/UploadFile/index.vue
;
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(UploadFilevue_type_script_lang_js, [['render',render],['__scopeId',"data-v-34da0424"]])
/* harmony default export */ var UploadFile = (__exports__);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/SearchForm/index.vue?vue&type=template&id=958c36a6&scoped=true
function SearchFormvue_type_template_id_958c36a6_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_el_option = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-option");
const _component_el_select = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-select");
const _component_el_form_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-form-item");
const _component_el_col = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-col");
const _component_el_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-button");
const _component_el_row = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-row");
const _component_el_form = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("el-form");
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_el_form, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
ref: $props.formName
}, _ctx.$attrs, {
model: $data.formData,
class: "search_box"
}), {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_el_row, {
type: "flex",
align: "middle",
class: "container"
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options._renderData, (item, index) => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_el_col, {
key: index,
xl: 6,
lg: 8
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_el_form_item, {
label: item.label ? item.label : ' ',
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([item.label ? '' : 'not-label'])
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [item.slot ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, item.slot, {
key: 0,
scope: $data.formData
}, undefined, true) : item.tag == 'el-select' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_el_select, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
key: 1,
clearable: "",
filterable: ""
}, item.attrs || {}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)(item.listeners || {}), {
modelValue: $data.formData[item.attrs.key],
"onUpdate:modelValue": $event => $data.formData[item.attrs.key] = $event
}), {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)(item.attrs.options, option => {
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_el_option, {
key: option.value,
label: option.label,
value: option.value
}, null, 8, ["label", "value"]);
}), 128))]),
_: 2
}, 1040, ["modelValue", "onUpdate:modelValue"])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)(item.tag), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
key: 2,
key: typeof item.attrs.keys === 'number' ? item.attrs.keys : item.attrs.key,
modelValue: $data.formData[item.attrs.key],
"onUpdate:modelValue": $event => $data.formData[item.attrs.key] = $event
}, item.attrs || {}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)(item.listeners || {})), null, 16, ["modelValue", "onUpdate:modelValue"]))]),
_: 2
}, 1032, ["label", "class"])]),
_: 2
}, 1536)), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vShow, $options.isShow(index)]]);
}), 128)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_el_col, {
class: "operation",
xl: {
span: 6,
offset: $options.getXlOffset
},
lg: {
span: 8,
offset: $options.getLgOffset
}
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_el_form_item, {
class: "operation-item"
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_el_button, {
onClick: $options.handleReset
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.$attrs.resetContext || "重置"), 1)]),
_: 1
}, 8, ["onClick"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_el_button, {
onClick: $options.handleSubmit,
type: "primary"
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.$attrs.submitContext || "确定"), 1)]),
_: 1
}, 8, ["onClick"]), $props.renderData.length > 3 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_el_button, {
key: 0,
type: "text",
onClick: $options.handleExtend
}, {
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.extend ? "收起" : "展开") + " ", 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("i", {
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$data.extend ? 'el-icon-arrow-up' : 'el-icon-arrow-down'])
}, null, 2)]),
_: 1
}, 8, ["onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]),
_: 1
})]),
_: 1
}, 8, ["xl", "lg"])]),
_: 3
})]),
_: 3
}, 16, ["model"]);
}
;// CONCATENATED MODULE: ./packages/SearchForm/index.vue?vue&type=template&id=958c36a6&scoped=true
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/SearchForm/index.vue?vue&type=script&lang=js
/* harmony default export */ var SearchFormvue_type_script_lang_js = ({
name: 'SearchForm',
props: {
formName: {
// 表单名
type: String,
default: "form"
},
renderData: {
type: Array,
default: () => [],
required: true
}
},
data() {
return {
formData: {},
formDataReset: {},
extend: false // 是否展开
};
},
created() {},
computed: {
_renderData() {
this.renderData.forEach(item => {
if (!item.attrs || !item.attrs.key) return;
this.$set(this.formData, item.attrs.key, item.attrs.value ? item.attrs.value : ""); // console.log(item,'item');
this.$set(this.formDataReset, item.attrs.key, "");
});
return this.renderData;
},
getXlOffset() {
return this.extend ? (3 - this.renderData.length % 4) * 6 : this.renderData.length > 2 ? 0 : (3 - this.renderData.length) * 6;
},
getLgOffset() {
return this.extend ? (2 - this.renderData.length % 3) * 8 : this.renderData.length > 2 ? 16 : (2 - this.renderData.length) * 8;
},
isShow() {
return value => {
if (this.renderData.length > 3) {
return this.extend ? true : value < 3;
} else {
return true;
}
};
}
},
methods: {
// 重置按钮
handleReset() {
this.$refs[this.formName].resetFields();
this.formData = this.formDataReset;
this.$emit("handle-reset");
},
// 提交按钮
handleSubmit() {
this.$emit("handle-submit", this.formData);
},
// 展开事件
handleExtend() {
this.extend = !this.extend;
}
}
});
;// CONCATENATED MODULE: ./packages/SearchForm/index.vue?vue&type=script&lang=js
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/SearchForm/index.vue?vue&type=style&index=0&id=958c36a6&lang=scss&scoped=true
// extracted by mini-css-extract-plugin
;// CONCATENATED MODULE: ./packages/SearchForm/index.vue?vue&type=style&index=0&id=958c36a6&lang=scss&scoped=true
;// CONCATENATED MODULE: ./packages/SearchForm/index.vue
;
const SearchForm_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(SearchFormvue_type_script_lang_js, [['render',SearchFormvue_type_template_id_958c36a6_scoped_true_render],['__scopeId',"data-v-958c36a6"]])
/* harmony default export */ var SearchForm = (SearchForm_exports_);
;// CONCATENATED MODULE: ./packages/index.js
const components = [UploadFile, SearchForm];
const install = function (Vue) {
components.forEach(component => {
Vue.component(component.name, component);
});
}; // 判断是否是直接引入文件
if (typeof window !== 'undefined' && window.Vue) {
install(window.Vue);
}
;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib-no-default.js
}();
module.exports = __webpack_exports__;
/******/ })()
;
//# sourceMappingURL=gggg_hb.common.js.map