epx-frame 3.13.0 → 3.13.1

package/lib/color-picker.js

@@ -0,0 +1,1575 @@
+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 = 412);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 1:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.object.to-string.js");
+
+/***/ }),
+
+/***/ 106:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.trim.js");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.map.js");
+
+/***/ }),
+
+/***/ 12:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.regexp.exec.js");
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.concat.js");
+
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.number.constructor.js");
+
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* 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
+  }
+}
+
+
+/***/ }),
+
+/***/ 19:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.push.js");
+
+/***/ }),
+
+/***/ 229:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/packages/color-picker/src/color");
+
+/***/ }),
+
+/***/ 230:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, ".epx-color-picker-dropdown{width:320px}.epx-color-picker-dropdown .el-color-dropdown__value{width:200px;display:flex}.epx-color-picker-dropdown .el-color-dropdown__value .el-input-number--mini{width:60px;margin-left:10px}.epx-color-picker-dropdown__right{float:right;display:flex}.epx-color-picker-dropdown__right .el-color-hue-slider{margin-left:10px}.epx-color-picker-dropdown__range{position:relative;box-sizing:border-box;width:12px;height:180px;padding:2px 0;float:right;margin-left:8px}.epx-color-picker-dropdown__range-bar{height:100%;border:1px solid #e3e3e3}.epx-color-picker-dropdown__range-btn{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:100%;height:4px;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,0.6);z-index:1}.epx-color-picker-dropdown__range-btn.is-active{height:6px;border-color:#0874e7}[data-theme=purple] .epx-color-picker-dropdown__range-btn.is-active{border-color:#7569e2}[data-theme=palevioletred] .epx-color-picker-dropdown__range-btn.is-active{border-color:#ce4545}[data-theme=forestgreen] .epx-color-picker-dropdown__range-btn.is-active{border-color:#3d8a50}[data-theme=deepblue] .epx-color-picker-dropdown__range-btn.is-active{border-color:#0f5fbd}[data-theme=orange] .epx-color-picker-dropdown__range-btn.is-active{border-color:#ea6000}[data-theme=skyblue] .epx-color-picker-dropdown__range-btn.is-active{border-color:#1a4586}[data-theme=aurorablue] .epx-color-picker-dropdown__range-btn.is-active{border-color:#383b9e}[data-theme=tiffanyblue] .epx-color-picker-dropdown__range-btn.is-active{border-color:#00aaad}\n", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 25:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.error.cause.js");
+
+/***/ }),
+
+/***/ 27:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // 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
+      memo = Boolean(window && document && document.all && !window.atob);
+    }
+
+    return memo;
+  };
+}();
+
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // 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) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
+      }
+
+      memo[target] = styleTarget;
+    }
+
+    return memo[target];
+  };
+}();
+
+var stylesInDom = [];
+
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
+    }
+  }
+
+  return result;
+}
+
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var index = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3]
+    };
+
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
+      });
+    }
+
+    identifiers.push(identifier);
+  }
+
+  return identifiers;
+}
+
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+  var attributes = options.attributes || {};
+
+  if (typeof attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : undefined;
+
+    if (nonce) {
+      attributes.nonce = nonce;
+    }
+  }
+
+  Object.keys(attributes).forEach(function (key) {
+    style.setAttribute(key, attributes[key]);
+  });
+
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
+
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
+
+    target.appendChild(style);
+  }
+
+  return style;
+}
+
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
+
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
+
+
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
+
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
+
+  /* istanbul ignore if  */
+
+  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, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute('media', media);
+  } else {
+    style.removeAttribute('media');
+  }
+
+  if (sourceMap && typeof btoa !== 'undefined') {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
+
+  /* istanbul ignore if  */
+
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
+
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var singleton = null;
+var singletonCounter = 0;
+
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
+
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
+
+    remove = function remove() {
+      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();
+    }
+  };
+}
+
+module.exports = function (list, options) {
+  options = options || {}; // 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();
+  }
+
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+
+    if (Object.prototype.toString.call(newList) !== '[object Array]') {
+      return;
+    }
+
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
+
+    var newLastIdentifiers = modulesToDom(newList, options);
+
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+
+      var _index = getIndexByIdentifier(_identifier);
+
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
+
+        stylesInDom.splice(_index, 1);
+      }
+    }
+
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ 28:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+__webpack_require__(1);
+__webpack_require__(33);
+__webpack_require__(11);
+__webpack_require__(13);
+__webpack_require__(1);
+__webpack_require__(33);
+__webpack_require__(11);
+__webpack_require__(13);
+__webpack_require__(19);
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
+      }
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+    var alreadyImportedModules = {};
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = [].concat(modules[_i]);
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+      list.push(item);
+    }
+  };
+  return list;
+};
+
+/***/ }),
+
+/***/ 29:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.replace.js");
+
+/***/ }),
+
+/***/ 31:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.includes.js");
+
+/***/ }),
+
+/***/ 32:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.string.includes.js");
+
+/***/ }),
+
+/***/ 33:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.array.join.js");
+
+/***/ }),
+
+/***/ 342:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/packages/color-picker/src/components/sv-panel");
+
+/***/ }),
+
+/***/ 343:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/packages/color-picker/src/components/hue-slider");
+
+/***/ }),
+
+/***/ 344:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/packages/color-picker/src/components/alpha-slider");
+
+/***/ }),
+
+/***/ 345:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/packages/color-picker/src/components/predefine");
+
+/***/ }),
+
+/***/ 346:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/src/utils/vue-popper");
+
+/***/ }),
+
+/***/ 347:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/src/mixins/locale");
+
+/***/ }),
+
+/***/ 348:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/packages/input");
+
+/***/ }),
+
+/***/ 349:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/packages/button");
+
+/***/ }),
+
+/***/ 350:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/src/utils/clickoutside");
+
+/***/ }),
+
+/***/ 351:
+/***/ (function(module, exports) {
+
+module.exports = require("element-ui/src/mixins/emitter");
+
+/***/ }),
+
+/***/ 412:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
+var es_function_name_js_ = __webpack_require__(8);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/color-picker/ColorPicker.vue?vue&type=template&id=04661838&
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      directives: [
+        {
+          name: "clickoutside",
+          rawName: "v-clickoutside",
+          value: _vm.hide,
+          expression: "hide",
+        },
+      ],
+      class: [
+        "el-color-picker",
+        _vm.colorDisabled ? "is-disabled" : "",
+        _vm.colorSize ? "el-color-picker--" + _vm.colorSize : "",
+      ],
+    },
+    [
+      _vm.colorDisabled
+        ? _c("div", { staticClass: "el-color-picker__mask" })
+        : _vm._e(),
+      _c(
+        "div",
+        {
+          staticClass: "el-color-picker__trigger",
+          on: { click: _vm.handleTrigger },
+        },
+        [
+          _c(
+            "span",
+            {
+              staticClass: "el-color-picker__color",
+              class: { "is-alpha": _vm.showAlpha },
+            },
+            [
+              _c("span", {
+                staticClass: "el-color-picker__color-inner",
+                style: {
+                  background: _vm.displayedColor,
+                },
+              }),
+              !_vm.value && !_vm.showPanelColor
+                ? _c("span", {
+                    staticClass: "el-color-picker__empty el-icon-close",
+                  })
+                : _vm._e(),
+            ]
+          ),
+          _c("span", {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.value || _vm.showPanelColor,
+                expression: "value || showPanelColor",
+              },
+            ],
+            staticClass: "el-color-picker__icon el-icon-arrow-down",
+          }),
+        ]
+      ),
+      _c("picker-dropdown", {
+        ref: "dropdown",
+        class: ["el-color-picker__panel", _vm.popperClass || ""],
+        attrs: {
+          color: _vm.color,
+          "show-alpha": _vm.showAlpha,
+          predefine: _vm.predefine,
+        },
+        on: {
+          pick: _vm.confirmValue,
+          clear: _vm.clearValue,
+          "set-value": _vm.setValue,
+        },
+        model: {
+          value: _vm.showPicker,
+          callback: function ($$v) {
+            _vm.showPicker = $$v
+          },
+          expression: "showPicker",
+        },
+      }),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/packages/color-picker/ColorPicker.vue?vue&type=template&id=04661838&
+
+// EXTERNAL MODULE: external "core-js/modules/es.error.cause.js"
+var es_error_cause_js_ = __webpack_require__(25);
+
+// EXTERNAL MODULE: external "element-ui/packages/color-picker/src/color"
+var color_ = __webpack_require__(229);
+var color_default = /*#__PURE__*/__webpack_require__.n(color_);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/color-picker/components/picker-dropdown.vue?vue&type=template&id=6046202a&
+var picker_dropdownvue_type_template_id_6046202a_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition",
+    { attrs: { name: "el-zoom-in-top" }, on: { "after-leave": _vm.doDestroy } },
+    [
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.showPopper,
+              expression: "showPopper",
+            },
+          ],
+          staticClass: "el-color-dropdown epx-color-picker-dropdown",
+        },
+        [
+          _c(
+            "div",
+            { staticClass: "el-color-dropdown__main-wrapper" },
+            [
+              _c(
+                "div",
+                { staticClass: "epx-color-picker-dropdown__right" },
+                [
+                  _c("hue-slider", {
+                    ref: "hue",
+                    attrs: { color: _vm.color, vertical: "" },
+                  }),
+                  _c(
+                    "div",
+                    { staticClass: "epx-color-picker-dropdown__range" },
+                    [
+                      _c("div", {
+                        staticClass: "epx-color-picker-dropdown__range-bar",
+                        style: { background: _vm.currentGradientColor },
+                      }),
+                      _c("div", {
+                        class: [
+                          "epx-color-picker-dropdown__range-btn",
+                          { "is-active": _vm.activeRangeBtn === "start" },
+                        ],
+                        style: { top: _vm.rangeStartTop + "px" },
+                        on: {
+                          click: function ($event) {
+                            _vm.activeRangeBtn = "start"
+                          },
+                          mousedown: _vm.dragStart1,
+                        },
+                      }),
+                      _c("div", {
+                        class: [
+                          "epx-color-picker-dropdown__range-btn",
+                          { "is-active": _vm.activeRangeBtn === "end" },
+                        ],
+                        style: { top: _vm.rangeEndTop + "px" },
+                        on: {
+                          click: function ($event) {
+                            _vm.activeRangeBtn = "end"
+                          },
+                          mousedown: _vm.dragStart2,
+                        },
+                      }),
+                    ]
+                  ),
+                ],
+                1
+              ),
+              _c("sv-panel", { ref: "sl", attrs: { color: _vm.color } }),
+            ],
+            1
+          ),
+          _vm.showAlpha
+            ? _c("alpha-slider", { ref: "alpha", attrs: { color: _vm.color } })
+            : _vm._e(),
+          _vm.predefine
+            ? _c("predefine", {
+                attrs: { color: _vm.color, colors: _vm.predefine },
+              })
+            : _vm._e(),
+          _c(
+            "div",
+            { staticClass: "el-color-dropdown__btns" },
+            [
+              _c(
+                "span",
+                { staticClass: "el-color-dropdown__value" },
+                [
+                  _c("el-input", {
+                    attrs: { "validate-event": false, size: "mini" },
+                    on: { blur: _vm.handleConfirm },
+                    nativeOn: {
+                      keyup: function ($event) {
+                        if (
+                          !$event.type.indexOf("key") &&
+                          _vm._k(
+                            $event.keyCode,
+                            "enter",
+                            13,
+                            $event.key,
+                            "Enter"
+                          )
+                        ) {
+                          return null
+                        }
+                        return _vm.handleConfirm($event)
+                      },
+                    },
+                    model: {
+                      value: _vm.customInput,
+                      callback: function ($$v) {
+                        _vm.customInput = $$v
+                      },
+                      expression: "customInput",
+                    },
+                  }),
+                  _c("el-input-number", {
+                    attrs: {
+                      "validate-event": false,
+                      controls: false,
+                      size: "mini",
+                    },
+                    on: { blur: _vm.handleConfirm },
+                    nativeOn: {
+                      keyup: function ($event) {
+                        if (
+                          !$event.type.indexOf("key") &&
+                          _vm._k(
+                            $event.keyCode,
+                            "enter",
+                            13,
+                            $event.key,
+                            "Enter"
+                          )
+                        ) {
+                          return null
+                        }
+                        return _vm.handleConfirm($event)
+                      },
+                    },
+                    model: {
+                      value: _vm.angle,
+                      callback: function ($$v) {
+                        _vm.angle = $$v
+                      },
+                      expression: "angle",
+                    },
+                  }),
+                ],
+                1
+              ),
+              _c(
+                "el-button",
+                {
+                  staticClass: "el-color-dropdown__link-btn",
+                  attrs: { size: "mini", type: "text" },
+                  on: {
+                    click: function ($event) {
+                      return _vm.$emit("clear")
+                    },
+                  },
+                },
+                [
+                  _vm._v(
+                    "\n        " +
+                      _vm._s(_vm.t("el.colorpicker.clear")) +
+                      "\n      "
+                  ),
+                ]
+              ),
+              _c(
+                "el-button",
+                {
+                  staticClass: "el-color-dropdown__btn",
+                  attrs: { plain: "", size: "mini" },
+                  on: { click: _vm.confirmValue },
+                },
+                [
+                  _vm._v(
+                    "\n        " +
+                      _vm._s(_vm.t("el.colorpicker.confirm")) +
+                      "\n      "
+                  ),
+                ]
+              ),
+            ],
+            1
+          ),
+        ],
+        1
+      ),
+    ]
+  )
+}
+var picker_dropdownvue_type_template_id_6046202a_staticRenderFns = []
+picker_dropdownvue_type_template_id_6046202a_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/frame/packages/color-picker/components/picker-dropdown.vue?vue&type=template&id=6046202a&
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
+var es_array_concat_js_ = __webpack_require__(13);
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
+var es_array_includes_js_ = __webpack_require__(31);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
+var es_string_includes_js_ = __webpack_require__(32);
+
+// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
+var es_regexp_exec_js_ = __webpack_require__(12);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
+var es_string_replace_js_ = __webpack_require__(29);
+
+// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
+var es_number_constructor_js_ = __webpack_require__(17);
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.trim.js"
+var es_string_trim_js_ = __webpack_require__(106);
+
+// EXTERNAL MODULE: external "element-ui/packages/color-picker/src/components/sv-panel"
+var sv_panel_ = __webpack_require__(342);
+var sv_panel_default = /*#__PURE__*/__webpack_require__.n(sv_panel_);
+
+// EXTERNAL MODULE: external "element-ui/packages/color-picker/src/components/hue-slider"
+var hue_slider_ = __webpack_require__(343);
+var hue_slider_default = /*#__PURE__*/__webpack_require__.n(hue_slider_);
+
+// EXTERNAL MODULE: external "element-ui/packages/color-picker/src/components/alpha-slider"
+var alpha_slider_ = __webpack_require__(344);
+var alpha_slider_default = /*#__PURE__*/__webpack_require__.n(alpha_slider_);
+
+// EXTERNAL MODULE: external "element-ui/packages/color-picker/src/components/predefine"
+var predefine_ = __webpack_require__(345);
+var predefine_default = /*#__PURE__*/__webpack_require__.n(predefine_);
+
+// EXTERNAL MODULE: external "element-ui/src/utils/vue-popper"
+var vue_popper_ = __webpack_require__(346);
+var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
+
+// EXTERNAL MODULE: external "element-ui/src/mixins/locale"
+var locale_ = __webpack_require__(347);
+var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
+
+// EXTERNAL MODULE: external "element-ui/packages/input"
+var input_ = __webpack_require__(348);
+var input_default = /*#__PURE__*/__webpack_require__.n(input_);
+
+// EXTERNAL MODULE: external "element-ui/packages/button"
+var button_ = __webpack_require__(349);
+var button_default = /*#__PURE__*/__webpack_require__.n(button_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/color-picker/components/picker-dropdown.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var picker_dropdownvue_type_script_lang_js_ = ({
+  name: 'epx-color-picker-dropdown',
+  mixins: [vue_popper_default.a, locale_default.a],
+  components: {
+    SvPanel: sv_panel_default.a,
+    HueSlider: hue_slider_default.a,
+    AlphaSlider: alpha_slider_default.a,
+    ElInput: input_default.a,
+    ElButton: button_default.a,
+    Predefine: predefine_default.a
+  },
+  props: {
+    color: {
+      required: true
+    },
+    showAlpha: Boolean,
+    predefine: Array
+  },
+  data: function data() {
+    return {
+      customInput: '',
+      activeRangeBtn: 'start',
+      rangeStartTop: '0',
+      rangeEndTop: '180',
+      rangeStartColor: '#fff',
+      rangeEndColor: '#fff',
+      angle: 90
+    };
+  },
+  computed: {
+    currentColor: function currentColor() {
+      var parent = this.$parent;
+      return !parent.value && !parent.showPanelColor ? '' : parent.color.value;
+    },
+    currentGradientColor: function currentGradientColor() {
+      return "linear-gradient(".concat(this.angle, "deg, ").concat(this.rangeStartColor, " ").concat(parseInt(this.rangeStartTop * 100 / 180), "%, ").concat(this.rangeEndColor, " ").concat(parseInt(this.rangeEndTop * 100 / 180), "%)");
+    }
+  },
+  methods: {
+    confirmValue: function confirmValue() {
+      this.$emit('pick');
+    },
+    handleConfirm: function handleConfirm() {
+      // this.color.fromString(this.currentGradientColor)
+      this.$emit('set-value', this.currentGradientColor);
+    },
+    dragStart1: function dragStart1(e) {
+      var _this = this;
+      // const mousedownEvent = e
+      var initTop = this.rangeStartTop;
+      var startY = e.clientY;
+      document.onmousemove = function (e) {
+        var y = initTop + e.clientY - startY;
+        _this.rangeStartTop = y > 180 ? 180 : y < 0 ? 0 : y;
+      };
+      document.onmouseup = function () {
+        document.onmousemove = null;
+        _this.$emit('set-value', _this.currentGradientColor);
+      };
+    },
+    dragStart2: function dragStart2(e) {
+      var _this2 = this;
+      var initTop = this.rangeEndTop;
+      var startY = e.clientY;
+      document.onmousemove = function (e) {
+        var y = initTop + e.clientY - startY;
+        _this2.rangeEndTop = y > 180 ? 180 : y < 0 ? 0 : y;
+      };
+      document.onmouseup = function () {
+        document.onmousemove = null;
+        _this2.$emit('set-value', _this2.currentGradientColor);
+      };
+    }
+  },
+  mounted: function mounted() {
+    this.$parent.popperElm = this.popperElm = this.$el;
+    this.referenceElm = this.$parent.$el;
+  },
+  watch: {
+    showPopper: function showPopper(val) {
+      var _this3 = this;
+      if (val === true) {
+        this.$nextTick(function () {
+          var _this3$$refs = _this3.$refs,
+            sl = _this3$$refs.sl,
+            hue = _this3$$refs.hue,
+            alpha = _this3$$refs.alpha;
+          sl && sl.update();
+          hue && hue.update();
+          alpha && alpha.update();
+        });
+      }
+    },
+    customInput: function customInput(val) {
+      this.$emit('set-value', this.currentGradientColor);
+    },
+    currentColor: {
+      immediate: true,
+      handler: function handler(val) {
+        if (val.includes('linear-gradient')) {
+          var content = val.replace(/^linear-gradient\((.+)\)$/, '$1');
+          var arr = content.split(',');
+          this.range = Number(arr[0].replace('deg', ''));
+          var startColor = arr[1].trim().split(' ');
+          var endColor = arr[2].trim().split(' ');
+          this.rangeStartColor = startColor[0];
+          this.rangeStartTop = startColor[1].replace('%', '') * 1.8;
+          this.rangeEndColor = endColor[0];
+          this.rangeEndTop = endColor[1].replace('%', '') * 1.8;
+          if (this.activeRangeBtn === 'end') {
+            this.customInput = this.rangeEndColor;
+          } else {
+            this.customInput = this.rangeStartColor;
+          }
+        } else {
+          if (this.activeRangeBtn === 'end') {
+            this.rangeEndColor = val;
+          } else {
+            this.rangeStartColor = val;
+          }
+          this.customInput = val;
+        }
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/color-picker/components/picker-dropdown.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_picker_dropdownvue_type_script_lang_js_ = (picker_dropdownvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(27);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/color-picker/components/picker-dropdown.vue?vue&type=style&index=0&id=6046202a&prod&lang=scss&
+var picker_dropdownvue_type_style_index_0_id_6046202a_prod_lang_scss_ = __webpack_require__(230);
+
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ref--2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/color-picker/components/picker-dropdown.vue?vue&type=style&index=0&id=6046202a&prod&lang=scss&
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(picker_dropdownvue_type_style_index_0_id_6046202a_prod_lang_scss_["a" /* default */], options);
+
+
+
+/* harmony default export */ var components_picker_dropdownvue_type_style_index_0_id_6046202a_prod_lang_scss_ = (picker_dropdownvue_type_style_index_0_id_6046202a_prod_lang_scss_["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/frame/packages/color-picker/components/picker-dropdown.vue?vue&type=style&index=0&id=6046202a&prod&lang=scss&
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(18);
+
+// CONCATENATED MODULE: ./src/frame/packages/color-picker/components/picker-dropdown.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_picker_dropdownvue_type_script_lang_js_,
+  picker_dropdownvue_type_template_id_6046202a_render,
+  picker_dropdownvue_type_template_id_6046202a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var picker_dropdown = (component.exports);
+// EXTERNAL MODULE: external "element-ui/src/utils/clickoutside"
+var clickoutside_ = __webpack_require__(350);
+var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
+
+// EXTERNAL MODULE: external "element-ui/src/mixins/emitter"
+var emitter_ = __webpack_require__(351);
+var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/frame/packages/color-picker/ColorPicker.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var ColorPickervue_type_script_lang_js_ = ({
+  name: 'epx-color-picker',
+  mixins: [emitter_default.a],
+  props: {
+    value: String,
+    showAlpha: Boolean,
+    colorFormat: String,
+    disabled: Boolean,
+    size: String,
+    popperClass: String,
+    predefine: Array
+  },
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+  directives: {
+    Clickoutside: clickoutside_default.a
+  },
+  computed: {
+    displayedColor: function displayedColor() {
+      if (!this.value && !this.showPanelColor) {
+        return 'transparent';
+      }
+      return this.displayedRgb(this.color, this.showAlpha);
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    colorSize: function colorSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    colorDisabled: function colorDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  watch: {
+    value: function value(val) {
+      if (!val) {
+        this.showPanelColor = false;
+      } else if (val && val !== this.color.value) {
+        this.$set(this.color, 'value', val);
+      }
+    },
+    color: {
+      deep: true,
+      handler: function handler() {
+        this.showPanelColor = true;
+      }
+    },
+    displayedColor: function displayedColor(val) {
+      // if (!this.showPicker) return
+      // const currentValueColor = new Color({
+      //   enableAlpha: this.showAlpha,
+      //   format: this.colorFormat
+      // })
+      // currentValueColor.fromString(this.value)
+
+      // const currentValueColorRgb = this.displayedRgb(currentValueColor, this.showAlpha)
+      // if (val !== currentValueColorRgb) {
+      //   this.$emit('active-change', val)
+      // }
+    }
+  },
+  methods: {
+    handleTrigger: function handleTrigger() {
+      if (this.colorDisabled) return;
+      this.showPicker = !this.showPicker;
+    },
+    confirmValue: function confirmValue() {
+      var value = this.color.value;
+      this.$emit('input', value);
+      this.$emit('change', value);
+      this.dispatch('ElFormItem', 'el.form.change', value);
+      this.showPicker = false;
+    },
+    clearValue: function clearValue() {
+      this.$emit('input', null);
+      this.$emit('change', null);
+      if (this.value !== null) {
+        this.dispatch('ElFormItem', 'el.form.change', null);
+      }
+      this.showPanelColor = false;
+      this.showPicker = false;
+      this.resetColor();
+    },
+    setValue: function setValue(value) {
+      this.$set(this.color, 'value', value);
+    },
+    hide: function hide() {
+      this.showPicker = false;
+      this.resetColor();
+    },
+    resetColor: function resetColor() {
+      var _this = this;
+      this.$nextTick(function (_) {
+        if (_this.value) {
+          _this.color.fromString(_this.value);
+        } else {
+          _this.showPanelColor = false;
+        }
+      });
+    },
+    displayedRgb: function displayedRgb(color, showAlpha) {
+      if (!(color instanceof color_default.a)) {
+        throw Error('color should be instance of Color Class');
+      }
+      return color.value;
+      // const { r, g, b } = color.toRgb()
+      // return showAlpha
+      //   ? `rgba(${r}, ${g}, ${b}, ${color.get('alpha') / 100})`
+      //   : `rgb(${r}, ${g}, ${b})`
+    }
+  },
+  mounted: function mounted() {
+    var value = this.value;
+    if (value) {
+      this.$set(this.color, 'value', value);
+    }
+    this.popperElm = this.$refs.dropdown.$el;
+  },
+  data: function data() {
+    var color = new color_default.a({
+      enableAlpha: this.showAlpha,
+      format: this.colorFormat
+    });
+    return {
+      color: color,
+      showPicker: false,
+      showPanelColor: false
+    };
+  },
+  components: {
+    PickerDropdown: picker_dropdown
+  }
+});
+// CONCATENATED MODULE: ./src/frame/packages/color-picker/ColorPicker.vue?vue&type=script&lang=js&
+ /* harmony default export */ var color_picker_ColorPickervue_type_script_lang_js_ = (ColorPickervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/frame/packages/color-picker/ColorPicker.vue
+
+
+
+
+
+/* normalize component */
+
+var ColorPicker_component = Object(componentNormalizer["a" /* default */])(
+  color_picker_ColorPickervue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ColorPicker = (ColorPicker_component.exports);
+// CONCATENATED MODULE: ./src/frame/packages/color-picker/index.js
+
+
+
+ColorPicker.install = function install(Vue) {
+  Vue.component(ColorPicker.name, ColorPicker);
+};
+/* harmony default export */ var color_picker = __webpack_exports__["default"] = (ColorPicker);
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.function.name.js");
+
+/***/ })
+
+/******/ });