@huntianning/components
Version:
Custom components for HTN
1,309 lines (1,106 loc) • 38.4 kB
JavaScript
module.exports =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // 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 });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/dist/";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 579);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),
/***/ 1:
/***/ (function(module, exports, __webpack_require__) {
;
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function (useSourceMap) {
var list = []; // return the list of modules as css string
list.toString = function toString() {
return this.map(function (item) {
var content = cssWithMappingToString(item, useSourceMap);
if (item[2]) {
return '@media ' + item[2] + '{' + content + '}';
} else {
return content;
}
}).join('');
}; // import a list of modules into the list
list.i = function (modules, mediaQuery) {
if (typeof modules === 'string') {
modules = [[null, modules, '']];
}
var alreadyImportedModules = {};
for (var i = 0; i < this.length; i++) {
var id = this[i][0];
if (id != null) {
alreadyImportedModules[id] = true;
}
}
for (i = 0; i < modules.length; i++) {
var item = modules[i]; // skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
if (item[0] == null || !alreadyImportedModules[item[0]]) {
if (mediaQuery && !item[2]) {
item[2] = mediaQuery;
} else if (mediaQuery) {
item[2] = '(' + item[2] + ') and (' + mediaQuery + ')';
}
list.push(item);
}
}
};
return list;
};
function cssWithMappingToString(item, useSourceMap) {
var content = item[1] || '';
var cssMapping = item[3];
if (!cssMapping) {
return content;
}
if (useSourceMap && typeof btoa === 'function') {
var sourceMapping = toComment(cssMapping);
var sourceURLs = cssMapping.sources.map(function (source) {
return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */';
});
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
}
return [content].join('\n');
} // Adapted from convert-source-map (MIT)
function toComment(sourceMap) {
// eslint-disable-next-line no-undef
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
return '/*# ' + data + ' */';
}
/***/ }),
/***/ 175:
/***/ (function(module, exports, __webpack_require__) {
var content = __webpack_require__(500);
if(typeof content === 'string') content = [[module.i, content, '']];
var transform;
var insertInto;
var options = {"hmr":true}
options.transform = transform
options.insertInto = undefined;
var update = __webpack_require__(2)(content, options);
if(content.locals) module.exports = content.locals;
if(false) {}
/***/ }),
/***/ 2:
/***/ (function(module, exports, __webpack_require__) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
var stylesInDom = {};
var memoize = function (fn) {
var memo;
return function () {
if (typeof memo === "undefined") memo = fn.apply(this, arguments);
return memo;
};
};
var isOldIE = memoize(function () {
// Test for IE <= 9 as proposed by Browserhacks
// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
// Tests for existence of standard globals is to allow style-loader
// to operate correctly into non-standard environments
// @see https://github.com/webpack-contrib/style-loader/issues/177
return window && document && document.all && !window.atob;
});
var getTarget = function (target, parent) {
if (parent){
return parent.querySelector(target);
}
return document.querySelector(target);
};
var getElement = (function (fn) {
var memo = {};
return function(target, parent) {
// If passing function in options, then use it for resolve "head" element.
// Useful for Shadow Root style i.e
// {
// insertInto: function () { return document.querySelector("#foo").shadowRoot }
// }
if (typeof target === 'function') {
return target();
}
if (typeof memo[target] === "undefined") {
var styleTarget = getTarget.call(this, target, parent);
// Special case to return head of iframe instead of iframe itself
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
try {
// This will throw an exception if access to iframe is blocked
// due to cross-origin restrictions
styleTarget = styleTarget.contentDocument.head;
} catch(e) {
styleTarget = null;
}
}
memo[target] = styleTarget;
}
return memo[target]
};
})();
var singleton = null;
var singletonCounter = 0;
var stylesInsertedAtTop = [];
var fixUrls = __webpack_require__(3);
module.exports = function(list, options) {
if (typeof DEBUG !== "undefined" && DEBUG) {
if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
}
options = options || {};
options.attrs = typeof options.attrs === "object" ? options.attrs : {};
// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
// tags it will allow on a page
if (!options.singleton && typeof options.singleton !== "boolean") options.singleton = isOldIE();
// By default, add <style> tags to the <head> element
if (!options.insertInto) options.insertInto = "head";
// By default, add <style> tags to the bottom of the target
if (!options.insertAt) options.insertAt = "bottom";
var styles = listToStyles(list, options);
addStylesToDom(styles, options);
return function update (newList) {
var mayRemove = [];
for (var i = 0; i < styles.length; i++) {
var item = styles[i];
var domStyle = stylesInDom[item.id];
domStyle.refs--;
mayRemove.push(domStyle);
}
if(newList) {
var newStyles = listToStyles(newList, options);
addStylesToDom(newStyles, options);
}
for (var i = 0; i < mayRemove.length; i++) {
var domStyle = mayRemove[i];
if(domStyle.refs === 0) {
for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
delete stylesInDom[domStyle.id];
}
}
};
};
function addStylesToDom (styles, options) {
for (var i = 0; i < styles.length; i++) {
var item = styles[i];
var domStyle = stylesInDom[item.id];
if(domStyle) {
domStyle.refs++;
for(var j = 0; j < domStyle.parts.length; j++) {
domStyle.parts[j](item.parts[j]);
}
for(; j < item.parts.length; j++) {
domStyle.parts.push(addStyle(item.parts[j], options));
}
} else {
var parts = [];
for(var j = 0; j < item.parts.length; j++) {
parts.push(addStyle(item.parts[j], options));
}
stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
}
}
}
function listToStyles (list, options) {
var styles = [];
var newStyles = {};
for (var i = 0; i < list.length; i++) {
var item = list[i];
var id = options.base ? item[0] + options.base : item[0];
var css = item[1];
var media = item[2];
var sourceMap = item[3];
var part = {css: css, media: media, sourceMap: sourceMap};
if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
else newStyles[id].parts.push(part);
}
return styles;
}
function insertStyleElement (options, style) {
var target = getElement(options.insertInto)
if (!target) {
throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
}
var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
if (options.insertAt === "top") {
if (!lastStyleElementInsertedAtTop) {
target.insertBefore(style, target.firstChild);
} else if (lastStyleElementInsertedAtTop.nextSibling) {
target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
} else {
target.appendChild(style);
}
stylesInsertedAtTop.push(style);
} else if (options.insertAt === "bottom") {
target.appendChild(style);
} else if (typeof options.insertAt === "object" && options.insertAt.before) {
var nextSibling = getElement(options.insertAt.before, target);
target.insertBefore(style, nextSibling);
} else {
throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
}
}
function removeStyleElement (style) {
if (style.parentNode === null) return false;
style.parentNode.removeChild(style);
var idx = stylesInsertedAtTop.indexOf(style);
if(idx >= 0) {
stylesInsertedAtTop.splice(idx, 1);
}
}
function createStyleElement (options) {
var style = document.createElement("style");
if(options.attrs.type === undefined) {
options.attrs.type = "text/css";
}
if(options.attrs.nonce === undefined) {
var nonce = getNonce();
if (nonce) {
options.attrs.nonce = nonce;
}
}
addAttrs(style, options.attrs);
insertStyleElement(options, style);
return style;
}
function createLinkElement (options) {
var link = document.createElement("link");
if(options.attrs.type === undefined) {
options.attrs.type = "text/css";
}
options.attrs.rel = "stylesheet";
addAttrs(link, options.attrs);
insertStyleElement(options, link);
return link;
}
function addAttrs (el, attrs) {
Object.keys(attrs).forEach(function (key) {
el.setAttribute(key, attrs[key]);
});
}
function getNonce() {
if (false) {}
return __webpack_require__.nc;
}
function addStyle (obj, options) {
var style, update, remove, result;
// If a transform function was defined, run it on the css
if (options.transform && obj.css) {
result = typeof options.transform === 'function'
? options.transform(obj.css)
: options.transform.default(obj.css);
if (result) {
// If transform returns a value, use that instead of the original css.
// This allows running runtime transformations on the css.
obj.css = result;
} else {
// If the transform function returns a falsy value, don't add this css.
// This allows conditional loading of css
return function() {
// noop
};
}
}
if (options.singleton) {
var styleIndex = singletonCounter++;
style = singleton || (singleton = createStyleElement(options));
update = applyToSingletonTag.bind(null, style, styleIndex, false);
remove = applyToSingletonTag.bind(null, style, styleIndex, true);
} else if (
obj.sourceMap &&
typeof URL === "function" &&
typeof URL.createObjectURL === "function" &&
typeof URL.revokeObjectURL === "function" &&
typeof Blob === "function" &&
typeof btoa === "function"
) {
style = createLinkElement(options);
update = updateLink.bind(null, style, options);
remove = function () {
removeStyleElement(style);
if(style.href) URL.revokeObjectURL(style.href);
};
} else {
style = createStyleElement(options);
update = applyToTag.bind(null, style);
remove = function () {
removeStyleElement(style);
};
}
update(obj);
return function updateStyle (newObj) {
if (newObj) {
if (
newObj.css === obj.css &&
newObj.media === obj.media &&
newObj.sourceMap === obj.sourceMap
) {
return;
}
update(obj = newObj);
} else {
remove();
}
};
}
var replaceText = (function () {
var textStore = [];
return function (index, replacement) {
textStore[index] = replacement;
return textStore.filter(Boolean).join('\n');
};
})();
function applyToSingletonTag (style, index, remove, obj) {
var css = remove ? "" : obj.css;
if (style.styleSheet) {
style.styleSheet.cssText = replaceText(index, css);
} else {
var cssNode = document.createTextNode(css);
var childNodes = style.childNodes;
if (childNodes[index]) style.removeChild(childNodes[index]);
if (childNodes.length) {
style.insertBefore(cssNode, childNodes[index]);
} else {
style.appendChild(cssNode);
}
}
}
function applyToTag (style, obj) {
var css = obj.css;
var media = obj.media;
if(media) {
style.setAttribute("media", media)
}
if(style.styleSheet) {
style.styleSheet.cssText = css;
} else {
while(style.firstChild) {
style.removeChild(style.firstChild);
}
style.appendChild(document.createTextNode(css));
}
}
function updateLink (link, options, obj) {
var css = obj.css;
var sourceMap = obj.sourceMap;
/*
If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
and there is no publicPath defined then lets turn convertToAbsoluteUrls
on by default. Otherwise default to the convertToAbsoluteUrls option
directly
*/
var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
if (options.convertToAbsoluteUrls || autoFixUrls) {
css = fixUrls(css);
}
if (sourceMap) {
// http://stackoverflow.com/a/26603875
css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
}
var blob = new Blob([css], { type: "text/css" });
var oldSrc = link.href;
link.href = URL.createObjectURL(blob);
if(oldSrc) URL.revokeObjectURL(oldSrc);
}
/***/ }),
/***/ 217:
/***/ (function(module, exports) {
module.exports = require("@huntianning/components/lib/tree");
/***/ }),
/***/ 218:
/***/ (function(module, exports) {
module.exports = require("@huntianning/components/lib/tag");
/***/ }),
/***/ 219:
/***/ (function(module, exports) {
module.exports = require("element-ui/src/mixins/emitter");
/***/ }),
/***/ 3:
/***/ (function(module, exports) {
/**
* When source maps are enabled, `style-loader` uses a link element with a data-uri to
* embed the css on the page. This breaks all relative urls because now they are relative to a
* bundle instead of the current page.
*
* One solution is to only use full urls, but that may be impossible.
*
* Instead, this function "fixes" the relative urls to be absolute according to the current page location.
*
* A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
*
*/
module.exports = function (css) {
// get current location
var location = typeof window !== "undefined" && window.location;
if (!location) {
throw new Error("fixUrls requires window.location");
}
// blank or null?
if (!css || typeof css !== "string") {
return css;
}
var baseUrl = location.protocol + "//" + location.host;
var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
// convert each url(...)
/*
This regular expression is just a way to recursively match brackets within
a string.
/url\s*\( = Match on the word "url" with any whitespace after it and then a parens
( = Start a capturing group
(?: = Start a non-capturing group
[^)(] = Match anything that isn't a parentheses
| = OR
\( = Match a start parentheses
(?: = Start another non-capturing groups
[^)(]+ = Match anything that isn't a parentheses
| = OR
\( = Match a start parentheses
[^)(]* = Match anything that isn't a parentheses
\) = Match a end parentheses
) = End Group
*\) = Match anything and then a close parens
) = Close non-capturing group
* = Match anything
) = Close capturing group
\) = Match a close parens
/gi = Get all matches, not the first. Be case insensitive.
*/
var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
// strip quotes (if they exist)
var unquotedOrigUrl = origUrl
.trim()
.replace(/^"(.*)"$/, function(o, $1){ return $1; })
.replace(/^'(.*)'$/, function(o, $1){ return $1; });
// already a full url? no change
if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(unquotedOrigUrl)) {
return fullMatch;
}
// convert the url to a full url
var newUrl;
if (unquotedOrigUrl.indexOf("//") === 0) {
//TODO: should we add protocol?
newUrl = unquotedOrigUrl;
} else if (unquotedOrigUrl.indexOf("/") === 0) {
// path should be relative to the base url
newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
} else {
// path should be relative to current directory
newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
}
// send back the fixed url(...)
return "url(" + JSON.stringify(newUrl) + ")";
});
// send back the fixed css
return fixedCss;
};
/***/ }),
/***/ 4:
/***/ (function(module, exports) {
module.exports = require("@huntianning/components/lib/popover");
/***/ }),
/***/ 499:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_less_loader_dist_cjs_js_node_modules_vue_loader_lib_index_js_vue_loader_options_tree_select_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(175);
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_less_loader_dist_cjs_js_node_modules_vue_loader_lib_index_js_vue_loader_options_tree_select_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_less_loader_dist_cjs_js_node_modules_vue_loader_lib_index_js_vue_loader_options_tree_select_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */
/***/ }),
/***/ 500:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(1)(false);
// Module
exports.push([module.i, ".ui-tree-select__main {\n padding-top: 6px;\n padding-bottom: 6px;\n max-height: 300px;\n overflow: auto;\n}\n.ui-tree-select__main .ui-tree .el-tree-node.is-current > .el-tree-node__content {\n color: #1aa2e8;\n}\n.ui-tree-select__main .ui-tree .el-tree-node__content {\n padding-right: 12px;\n}\n.ui-tree-select__handle {\n display: block;\n padding-left: 12px;\n padding-right: 36px;\n border: 1px solid #ddd;\n border-radius: 3px;\n min-height: 24px;\n line-height: 24px;\n position: relative;\n transition: all 0.3s;\n cursor: pointer;\n}\n.ui-tree-select__arrow {\n height: 24px;\n width: 24px;\n text-align: center;\n line-height: 24px!important;\n position: absolute;\n right: 4px;\n top: 50%;\n margin-top: -12px;\n transform: rotate(180deg);\n opacity: 0.5;\n transition: transform 0.3s;\n}\n.ui-tree-select__placeholder {\n color: #aaa;\n}\n.ui-tree-select.is-active .ui-tree-select__arrow {\n transform: rotate(0deg);\n}\n.ui-tree-select.is-active .ui-tree-select__handle {\n border-color: #1aa2e8;\n box-shadow: 0 0 0 0.2rem rgba(26, 162, 232, 0.25);\n}\n.ui-tree-select__clear {\n display: inline-block;\n width: 16px;\n height: 16px;\n background-color: #ddd;\n border-radius: 50%;\n position: relative;\n transform: rotate(45deg) translateY(-50%);\n margin-top: -3px;\n position: absolute;\n right: 12px;\n top: 50%;\n z-index: 3;\n cursor: pointer;\n transition: background-color 0.25s;\n}\n.ui-tree-select__clear:before {\n content: '';\n width: 10px;\n height: 1px;\n background-color: #999;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n transition: background-color 0.25s;\n}\n.ui-tree-select__clear:after {\n content: '';\n width: 1px;\n height: 10px;\n background-color: #999;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n transition: background-color 0.25s;\n}\n.ui-tree-select__clear:hover {\n background-color: #999;\n}\n.ui-tree-select__clear:hover:after,\n.ui-tree-select__clear:hover:before {\n background-color: #fff;\n}\n.ui-tree-select--small .ui-tree-select__handle {\n padding-top: 3px;\n padding-bottom: 3px;\n}\n.ui-tree-select--medium .ui-tree-select__handle {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.ui-tree-select--medium .ui-tree-select__handle {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.ui-tree-select--mini .ui-tree-select__handle {\n padding-top: 1px;\n padding-bottom: 1px;\n}\n.ui-tree-select__popover {\n padding: 6px 12px;\n box-sizing: border-box;\n}\n.ui-tree-select__selection-item {\n margin: 2px 6px 2px 0;\n}\n", ""]);
/***/ }),
/***/ 579:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree-select/tree-select.vue?vue&type=template&id=61b679f3&
var render = function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"ui-popover",
{
staticClass: "ui-tree-select",
class: [
{ "is-active": _vm.popoverVisible },
"ui-tree-select--" + _vm.size,
],
attrs: {
trigger: "click",
placement: "bottom-start",
"popover-class": _vm.popoverClass,
},
on: { show: _vm.handlePopoverShow },
model: {
value: _vm.popoverVisible,
callback: function ($$v) {
_vm.popoverVisible = $$v
},
expression: "popoverVisible",
},
},
[
_c(
"div",
{
ref: "handle",
staticClass: "ui-tree-select__handle",
attrs: { slot: "reference" },
slot: "reference",
},
[
_vm.isEmpty
? [
_c("span", { staticClass: "ui-tree-select__placeholder" }, [
_vm._v(_vm._s(_vm.placeholder)),
]),
]
: [
_vm.multiple
? [
_c(
"span",
{ staticClass: "ui-tree-select__selection" },
_vm._l(_vm.currentItems, function (item, index) {
return _c(
"ui-tag",
{
key: item[_vm.valueField],
staticClass: "ui-tree-select__selection-item",
attrs: {
size: "mini",
type: "info",
closable: true,
},
on: {
close: function ($event) {
return _vm.handleRemoveSelectClick(
item,
index
)
},
},
},
[_vm._v(_vm._s(item[_vm.labelField]))]
)
}),
1
),
]
: [
_c(
"span",
{
staticClass: "ui-tree-select__value",
attrs: { title: _vm.showText },
},
[_vm._v(_vm._s(_vm.showText))]
),
],
_vm.clearable
? _c("span", {
staticClass: "ui-tree-select__clear",
attrs: { title: "删除" },
on: { click: _vm.handleClearClick },
})
: _vm._e(),
],
_c("span", { staticClass: "ui-tree-select__arrow el-icon-arrow-up" }),
],
2
),
_c(
"div",
{ staticClass: "ui-tree-select__popover", style: _vm.mainStyle },
[
_vm._t("popover-prepend"),
_c(
"div",
{ ref: "main", staticClass: "ui-tree-select__main" },
[
_c("ui-tree", {
ref: "tree",
attrs: {
"default-expanded-level": _vm.defaultExpandedLevel,
multiple: _vm.multiple,
"check-strictly": true,
"node-key": _vm.valueField,
"label-field": _vm.labelField,
"query-method": _vm.handleQueryData,
"children-field": _vm.childrenField,
},
on: { "current-change": _vm.handleCurrentChange },
model: {
value: _vm.innerValue,
callback: function ($$v) {
_vm.innerValue = $$v
},
expression: "innerValue",
},
}),
],
1
),
],
2
),
]
)
}
var staticRenderFns = []
render._withStripped = true
// CONCATENATED MODULE: ./packages/tree-select/tree-select.vue?vue&type=template&id=61b679f3&
// EXTERNAL MODULE: external "@huntianning/components/lib/popover"
var popover_ = __webpack_require__(4);
var popover_default = /*#__PURE__*/__webpack_require__.n(popover_);
// EXTERNAL MODULE: external "@huntianning/components/lib/tree"
var tree_ = __webpack_require__(217);
var tree_default = /*#__PURE__*/__webpack_require__.n(tree_);
// EXTERNAL MODULE: external "@huntianning/components/lib/tag"
var tag_ = __webpack_require__(218);
var tag_default = /*#__PURE__*/__webpack_require__.n(tag_);
// EXTERNAL MODULE: external "element-ui/src/mixins/emitter"
var emitter_ = __webpack_require__(219);
var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree-select/tree-select.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var tree_selectvue_type_script_lang_js_ = ({
name: 'UiTreeSelect',
mixins: [emitter_default.a],
components: {
UiPopover: popover_default.a,
UiTree: tree_default.a,
UiTag: tag_default.a
},
props: {
value: {
type: [String, Array]
},
multiple: {
type: Boolean
},
items: {
type: Array,
default: () => []
},
size: {
type: String,
default: 'medium',
validator(value) {
return ['medium', 'small', 'mini'].includes(value);
}
},
defaultExpandedLevel: {
type: Number
},
placeholder: {
type: String,
default: '请选择'
},
popoverClass: {
type: String
},
valueField: {
type: String,
default: 'id'
},
labelField: {
type: String,
default: 'label'
},
clearable: {
type: Boolean,
default: true
},
queryMethod: {
type: Function
},
childrenField: {
type: String,
default: 'children'
}
},
data() {
return {
mainWidth: null,
innerItems: this.items || [],
popoverVisible: false
};
},
computed: {
mainStyle() {
const style = {};
if (this.mainWidth) {
style['min-width'] = this.mainWidth + 'px';
}
return style;
},
isEmpty() {
if (this.multiple) {
return !this.value || !this.value.length;
}
return !this.value;
},
showText() {
if (!this.value) {
return;
}
if (!this.currentItems || !this.currentItems.length) {
return this.value;
}
return this.currentItems.map(v => v[this.labelField]).join('、');
},
innerItemsMap() {
const map = {};
const loop = data => {
if (!data || !data.length) {
return;
}
data.forEach(v => {
if (v[this.valueField]) {
map[v[this.valueField]] = v;
}
loop(v[this.childrenField]);
});
};
loop(this.innerItems);
return map;
},
currentItems() {
if (this.isEmpty) {
return [];
}
const selection = this.multiple ? this.value : [this.value];
return selection.reduce((rs, v) => {
if (this.innerItemsMap[v]) {
rs.push(this.innerItemsMap[v]);
}
return rs;
}, []);
},
innerValue: {
get() {
return this.value;
},
set(val) {
this.$emit('input', val);
this.dispatch('ElFormItem', 'el.form.change', val);
}
}
},
watch: {
items() {
this.innerItems = this.items || [];
}
},
methods: {
handleQueryData() {
if (!this.queryMethod) {
return Promise.reject();
}
return this.queryMethod().then(rs => {
this.innerItems = rs || [];
return rs;
});
},
handlePopoverShow() {
this.mainWidth = this.$refs.handle.clientWidth;
this.$nextTick(() => {
this.scrollToCurrent();
});
},
handleClearClick() {
this.$emit('input', null);
},
handleCurrentChange() {
this.$nextTick(() => {
if (!this.multiple) {
this.popoverVisible = false;
}
});
},
handleRemoveSelectClick(item, index) {
const nextCurrentItems = [...this.currentItems];
nextCurrentItems.splice(index, 1);
this.innerValue = nextCurrentItems.map(v => v[this.valueField]);
},
filter(keyword) {
return this.$refs.tree.filter(keyword);
},
scrollToCurrent() {
if (!this.value || !this.$refs.main) {
return;
}
const $current = this.$refs.main.querySelector('.is-current');
if (!$current) {
return;
}
this.$refs.main.scrollTop = $current.offsetTop;
}
}
});
// CONCATENATED MODULE: ./packages/tree-select/tree-select.vue?vue&type=script&lang=js&
/* harmony default export */ var tree_select_tree_selectvue_type_script_lang_js_ = (tree_selectvue_type_script_lang_js_);
// EXTERNAL MODULE: ./packages/tree-select/tree-select.vue?vue&type=style&index=0&lang=less&
var tree_selectvue_type_style_index_0_lang_less_ = __webpack_require__(499);
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(0);
// CONCATENATED MODULE: ./packages/tree-select/tree-select.vue
/* normalize component */
var component = Object(componentNormalizer["a" /* default */])(
tree_select_tree_selectvue_type_script_lang_js_,
render,
staticRenderFns,
false,
null,
null,
null
)
/* hot reload */
if (false) { var api; }
component.options.__file = "packages/tree-select/tree-select.vue"
/* harmony default export */ var tree_select = (component.exports);
// CONCATENATED MODULE: ./packages/tree-select/index.js
tree_select.install = Vue => {
Vue.component(tree_select.name, tree_select);
};
/* harmony default export */ var packages_tree_select = __webpack_exports__["default"] = (tree_select);
/***/ })
/******/ });