easy-component-ui 0.0.2 → 2.0.1

package/index.js

@@ -1,1693 +0,0 @@
-var Q=(s,i,e)=>{if(!i.has(s))throw TypeError("Cannot "+e)};var r=(s,i,e)=>(Q(s,i,"read from private field"),e?e.call(s):i.get(s)),c=(s,i,e)=>{if(i.has(s))throw TypeError("Cannot add the same private member more than once");i instanceof WeakSet?i.add(s):i.set(s,e)},n=(s,i,e,t)=>(Q(s,i,"write to private field"),t?t.call(s,e):i.set(s,e),e);function ie(s,i){const e=document.createElement("link");e.href=i,e.rel="stylesheet",s.appendChild(e)}class m extends HTMLElement{constructor(){super(),this.isProduction=!1,this.isProduction=!0}toggleAttribute(i,e,t){e?(this.setAttribute(i,e),t&&this.dom.classList.add(t)):(this.hasAttribute(i)&&this.removeAttribute(i),t&&this.dom.classList.remove(t))}toggleAttr(i,e){e?this.setAttribute(i,e):this.removeAttribute(i)}getAttrBoolean(i){const e=this.getAttribute(i);return e==="true"||e===""}build(i,e){if(this.isProduction){const t=document.createElement("style");t.innerHTML=e,this.shadowRoot.appendChild(t)}else ie(i,new URL(this.nodeName.toLowerCase()+"/index.css",import.meta.url).href)}}const oe=`
-@import url('/easy-component-ui/icon/index.css');
-
-:host {
-  --margin-right: 1rem;
-  --border-radius: 6px;
-  --border-size: 1px;
-}
-
-:host([href]) > a {
-  text-decoration: none;
-}
-
-:host-context(ea-button-group) {
-  --margin-right: 0;
-  --border-size: 0;
-}
-
-.__ea-button {
-  box-sizing: border-box;
-  padding: 0.5rem 1rem;
-  margin-right: var(--margin-right);
-  cursor: pointer;
-  font-size: 1rem;
-  line-height: 1.25;
-  font-weight: 500;
-  transition: background-color 0.1s, color 0.1s;
-  border-radius: var(--border-radius);
-}
-.__ea-button.normal {
-  border: var(--border-size) solid #dcdfe6;
-  color: #606266;
-  background-color: transparent;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.normal.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: rgba(64, 64, 64, 0) !important;
-  border-color: white !important;
-  color: white !important;
-  pointer-events: none;
-  border-color: #ebedf1 !important;
-  color: #babcbe !important;
-}
-.__ea-button.normal.plain {
-  background-color: rgba(92, 92, 92, 0);
-  border: var(--border-size) solid white;
-  color: transparent;
-  background-color: transparent;
-  border: var(--border-size) solid #dcdfe6;
-  color: #606266;
-}
-.__ea-button.normal.plain:hover {
-  background-color: transparent;
-}
-.__ea-button.normal.round {
-  --border-radius: 999px;
-}
-.__ea-button.normal.medium {
-  font-size: 14px;
-}
-.__ea-button.normal.small {
-  font-size: 12px;
-}
-.__ea-button.normal.mini {
-  font-size: 10px;
-}
-.__ea-button.normal:hover {
-  border: var(--border-size) solid rgba(160, 207, 255, 0.4);
-  color: #3a9bff;
-  background-color: rgba(160, 207, 255, 0.05);
-}
-.__ea-button.normal:active {
-  background-color: rgba(7, 130, 255, 0.05);
-  border: var(--border-size) solid rgba(33, 143, 255, 0.4);
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.primary {
-  border: var(--border-size) solid #409eff;
-  color: #fff;
-  background-color: #409eff;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.primary.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #c0dfff !important;
-  border-color: #c0dfff !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.primary.plain {
-  background-color: #f8fbff;
-  border: var(--border-size) solid #c0dfff;
-  color: #409eff;
-}
-.__ea-button.primary.round {
-  --border-radius: 999px;
-}
-.__ea-button.primary.medium {
-  font-size: 14px;
-}
-.__ea-button.primary.small {
-  font-size: 12px;
-}
-.__ea-button.primary.mini {
-  font-size: 10px;
-}
-.__ea-button.primary:hover {
-  border: var(--border-size) solid #73b8ff;
-  color: white;
-  background-color: #73b8ff;
-}
-.__ea-button.primary:active {
-  background-color: #006bd9;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.success {
-  border: var(--border-size) solid #67c23a;
-  color: #fff;
-  background-color: #67c23a;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.success.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #b2e19b !important;
-  border-color: #b2e19b !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.success.plain {
-  background-color: #d3eec6;
-  border: var(--border-size) solid #b2e19b;
-  color: #67c23a;
-}
-.__ea-button.success.round {
-  --border-radius: 999px;
-}
-.__ea-button.success.medium {
-  font-size: 14px;
-}
-.__ea-button.success.small {
-  font-size: 12px;
-}
-.__ea-button.success.mini {
-  font-size: 10px;
-}
-.__ea-button.success:hover {
-  border: var(--border-size) solid #85cf60;
-  color: white;
-  background-color: #85cf60;
-}
-.__ea-button.success:active {
-  background-color: #3d7323;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.info {
-  border: var(--border-size) solid #909399;
-  color: #fff;
-  background-color: #909399;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.info.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #d2d4d6 !important;
-  border-color: #d2d4d6 !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.info.plain {
-  background-color: #f0f0f1;
-  border: var(--border-size) solid #d2d4d6;
-  color: #909399;
-}
-.__ea-button.info.round {
-  --border-radius: 999px;
-}
-.__ea-button.info.medium {
-  font-size: 14px;
-}
-.__ea-button.info.small {
-  font-size: 12px;
-}
-.__ea-button.info.mini {
-  font-size: 10px;
-}
-.__ea-button.info:hover {
-  border: var(--border-size) solid #abadb1;
-  color: white;
-  background-color: #abadb1;
-}
-.__ea-button.info:active {
-  background-color: #5d6066;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.warning {
-  border: var(--border-size) solid #e6a23c;
-  color: #fff;
-  background-color: #e6a23c;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.warning.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #f4d8ad !important;
-  border-color: #f4d8ad !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.warning.plain {
-  background-color: #fbf0df;
-  border: var(--border-size) solid #f4d8ad;
-  color: #e6a23c;
-}
-.__ea-button.warning.round {
-  --border-radius: 999px;
-}
-.__ea-button.warning.medium {
-  font-size: 14px;
-}
-.__ea-button.warning.small {
-  font-size: 12px;
-}
-.__ea-button.warning.mini {
-  font-size: 10px;
-}
-.__ea-button.warning:hover {
-  border: var(--border-size) solid #ecb869;
-  color: white;
-  background-color: #ecb869;
-}
-.__ea-button.warning:active {
-  background-color: #a76d15;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.danger {
-  border: var(--border-size) solid #f56c6c;
-  color: #fff;
-  background-color: #f56c6c;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.danger.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #fde3e3 !important;
-  border-color: #fde3e3 !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.danger.plain {
-  background-color: white;
-  border: var(--border-size) solid #fde3e3;
-  color: #f56c6c;
-  background-color: #fde8e8;
-}
-.__ea-button.danger.round {
-  --border-radius: 999px;
-}
-.__ea-button.danger.medium {
-  font-size: 14px;
-}
-.__ea-button.danger.small {
-  font-size: 12px;
-}
-.__ea-button.danger.mini {
-  font-size: 10px;
-}
-.__ea-button.danger:hover {
-  border: var(--border-size) solid #f89c9c;
-  color: white;
-  background-color: #f89c9c;
-}
-.__ea-button.danger:active {
-  background-color: #eb1010;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.text {
-  border: var(--border-size) solid transparent;
-  color: #409eff;
-  background-color: transparent;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.text.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: rgba(64, 64, 64, 0) !important;
-  border-color: rgba(64, 64, 64, 0) !important;
-  color: white !important;
-  pointer-events: none;
-  color: #c0c4cc !important;
-}
-.__ea-button.text.plain {
-  background-color: rgba(92, 92, 92, 0);
-  border: var(--border-size) solid rgba(64, 64, 64, 0);
-  color: transparent;
-}
-.__ea-button.text.round {
-  --border-radius: 999px;
-}
-.__ea-button.text.medium {
-  font-size: 14px;
-}
-.__ea-button.text.small {
-  font-size: 12px;
-}
-.__ea-button.text.mini {
-  font-size: 10px;
-}
-.__ea-button.text:hover {
-  border: var(--border-size) solid rgba(26, 26, 26, 0);
-  color: #73b8ff;
-  background-color: rgba(26, 26, 26, 0);
-}
-.__ea-button.text:active {
-  background-color: rgba(0, 0, 0, 0);
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.first-child {
-  border-radius: 4px 0 0 4px;
-}
-.__ea-button.middle-child {
-  border-radius: 0;
-}
-.__ea-button.last-child {
-  border-radius: 0 4px 4px 0;
-}
-`;var H;class se extends m{constructor(){super();c(this,H,!1);const e=this.attachShadow({mode:"open"});let t=null;this.getAttribute("href")!==null&&this.getAttribute("href")!==""?t=document.createElement("a"):t=document.createElement("button");const o=document.createElement("slot");t.className="__ea-button",t.appendChild(o),this.dom=t;const a=document.createElement("style");a.innerHTML=oe,this.shadowRoot.appendChild(a),e.appendChild(t)}static get observedAttributes(){return["loading","disabled"]}get BUTTON_STYLE(){return["plain","round"]}get BUTTON_TYPE(){return["normal","primary","success","warning","danger","text"]}get BUTTON_SIZE(){return["medium","small","mini"]}get disabled(){return this.hasAttribute("disabled")}set disabled(e){r(this,H)?this.toggleAttribute("disabled",e,"disabled"):this.toggleAttribute("disabled",this.disabled,"disabled")}get ariaDisabled(){return this.getAttribute("aria-disabled")!==null||this.getAttribute("aria-disabled")!==void 0}set ariaDisabled(e){this.toggleAttribute("aria-disabled",e,"disabled")}get plain(){return this.getAttribute("plain")!==void 0&&this.getAttribute("plain")!==null}set plain(e){this.toggleAttribute("plain",e,"plain")}get round(){return this.getAttribute("round")!==void 0&&this.getAttribute("round")!==null}set round(e){this.toggleAttribute("round",e,"round"),e&&this.dom.style.setProperty("--border-radius","999px")}get type(){const e=this.getAttribute("type");return e==null||e==!1?"normal":e}set type(e){this.BUTTON_TYPE.includes(e)||(e="normal"),this.toggleAttribute("type",e,e)}get size(){return this.getAttribute("size")}set size(e){this.BUTTON_SIZE.includes(e)&&this.toggleAttribute("size",e,e)}get loading(){return this.hasAttribute("loading")}set loading(e){if(e=e==="true"||e===""||e===!0,this.toggleAttribute("loading",e,"loading"),this.disabled=e,e&&!this.dom.querySelector("i")){const t=document.createElement("i");t.className="icon-spin6 animate-spin",this.dom.insertBefore(t,this.dom.firstChild)}else!e&&this.dom.querySelector("i")&&this.dom.querySelector("i").remove()}get icon(){return this.getAttribute("icon")}set icon(e){var t;if(e){if(this.setAttribute("icon",e),!this.dom.querySelector("i")){const o=document.createElement("i");o.className=e,this.innerHTML||o.style.setProperty("margin-right","0"),this.dom.insertBefore(o,this.dom.firstChild)}}else this.removeAttribute("icon"),(t=this.dom.querySelector("i"))==null||t.remove()}get href(){return this.getAttribute("href")}set href(e){this.shadowRoot.querySelector("button")||(e==null&&e==!1?(this.removeAttribute("href"),this.dom.removeAttribute("href")):(this.setAttribute("href",e),this.dom.setAttribute("href",e)))}init(){this.disabled=this.hasAttribute("disabled"),this.loading=this.loading;for(let e=0,t;t=this.BUTTON_STYLE[e++];)if(this[t]){this[t]=this[t];break}this.type=this.type,this.size=this.size,this.href=this.href,this.icon=this.icon}connectedCallback(){this.init(),n(this,H,!0)}attributeChangedCallback(e,t,o){if(t!=o)switch(e){case"loading":o===""&&(o=!0),this.loading=o;break;case"disabled":r(this,H)&&(this.disabled=o==="true"||o==="",(o==="true"||o==="")&&this.setAttribute("disabled",!0));break}}}H=new WeakMap;const ae=`
-:host {
-  --margin-right: 1rem;
-  --border-radius: 6px;
-  --border-size: 1px;
-}
-
-:host([href]) > a {
-  text-decoration: none;
-}
-
-:host-context(ea-button-group) {
-  --margin-right: 0;
-  --border-size: 0;
-}
-
-.__ea-button {
-  box-sizing: border-box;
-  padding: 0.5rem 1rem;
-  margin-right: var(--margin-right);
-  cursor: pointer;
-  font-size: 1rem;
-  line-height: 1.25;
-  font-weight: 500;
-  transition: background-color 0.1s, color 0.1s;
-  border-radius: var(--border-radius);
-}
-.__ea-button.normal {
-  border: var(--border-size) solid #dcdfe6;
-  color: #606266;
-  background-color: transparent;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.normal.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: rgba(64, 64, 64, 0) !important;
-  border-color: white !important;
-  color: white !important;
-  pointer-events: none;
-  border-color: #ebedf1 !important;
-  color: #babcbe !important;
-}
-.__ea-button.normal.plain {
-  background-color: rgba(92, 92, 92, 0);
-  border: var(--border-size) solid white;
-  color: transparent;
-  background-color: transparent;
-  border: var(--border-size) solid #dcdfe6;
-  color: #606266;
-}
-.__ea-button.normal.plain:hover {
-  background-color: transparent;
-}
-.__ea-button.normal.round {
-  --border-radius: 999px;
-}
-.__ea-button.normal.medium {
-  font-size: 14px;
-}
-.__ea-button.normal.small {
-  font-size: 12px;
-}
-.__ea-button.normal.mini {
-  font-size: 10px;
-}
-.__ea-button.normal:hover {
-  border: var(--border-size) solid rgba(160, 207, 255, 0.4);
-  color: #3a9bff;
-  background-color: rgba(160, 207, 255, 0.05);
-}
-.__ea-button.normal:active {
-  background-color: rgba(7, 130, 255, 0.05);
-  border: var(--border-size) solid rgba(33, 143, 255, 0.4);
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.primary {
-  border: var(--border-size) solid #409eff;
-  color: #fff;
-  background-color: #409eff;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.primary.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #c0dfff !important;
-  border-color: #c0dfff !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.primary.plain {
-  background-color: #f8fbff;
-  border: var(--border-size) solid #c0dfff;
-  color: #409eff;
-}
-.__ea-button.primary.round {
-  --border-radius: 999px;
-}
-.__ea-button.primary.medium {
-  font-size: 14px;
-}
-.__ea-button.primary.small {
-  font-size: 12px;
-}
-.__ea-button.primary.mini {
-  font-size: 10px;
-}
-.__ea-button.primary:hover {
-  border: var(--border-size) solid #73b8ff;
-  color: white;
-  background-color: #73b8ff;
-}
-.__ea-button.primary:active {
-  background-color: #006bd9;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.success {
-  border: var(--border-size) solid #67c23a;
-  color: #fff;
-  background-color: #67c23a;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.success.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #b2e19b !important;
-  border-color: #b2e19b !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.success.plain {
-  background-color: #d3eec6;
-  border: var(--border-size) solid #b2e19b;
-  color: #67c23a;
-}
-.__ea-button.success.round {
-  --border-radius: 999px;
-}
-.__ea-button.success.medium {
-  font-size: 14px;
-}
-.__ea-button.success.small {
-  font-size: 12px;
-}
-.__ea-button.success.mini {
-  font-size: 10px;
-}
-.__ea-button.success:hover {
-  border: var(--border-size) solid #85cf60;
-  color: white;
-  background-color: #85cf60;
-}
-.__ea-button.success:active {
-  background-color: #3d7323;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.info {
-  border: var(--border-size) solid #909399;
-  color: #fff;
-  background-color: #909399;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.info.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #d2d4d6 !important;
-  border-color: #d2d4d6 !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.info.plain {
-  background-color: #f0f0f1;
-  border: var(--border-size) solid #d2d4d6;
-  color: #909399;
-}
-.__ea-button.info.round {
-  --border-radius: 999px;
-}
-.__ea-button.info.medium {
-  font-size: 14px;
-}
-.__ea-button.info.small {
-  font-size: 12px;
-}
-.__ea-button.info.mini {
-  font-size: 10px;
-}
-.__ea-button.info:hover {
-  border: var(--border-size) solid #abadb1;
-  color: white;
-  background-color: #abadb1;
-}
-.__ea-button.info:active {
-  background-color: #5d6066;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.warning {
-  border: var(--border-size) solid #e6a23c;
-  color: #fff;
-  background-color: #e6a23c;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.warning.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #f4d8ad !important;
-  border-color: #f4d8ad !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.warning.plain {
-  background-color: #fbf0df;
-  border: var(--border-size) solid #f4d8ad;
-  color: #e6a23c;
-}
-.__ea-button.warning.round {
-  --border-radius: 999px;
-}
-.__ea-button.warning.medium {
-  font-size: 14px;
-}
-.__ea-button.warning.small {
-  font-size: 12px;
-}
-.__ea-button.warning.mini {
-  font-size: 10px;
-}
-.__ea-button.warning:hover {
-  border: var(--border-size) solid #ecb869;
-  color: white;
-  background-color: #ecb869;
-}
-.__ea-button.warning:active {
-  background-color: #a76d15;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.danger {
-  border: var(--border-size) solid #f56c6c;
-  color: #fff;
-  background-color: #f56c6c;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.danger.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: #fde3e3 !important;
-  border-color: #fde3e3 !important;
-  color: white !important;
-  pointer-events: none;
-}
-.__ea-button.danger.plain {
-  background-color: white;
-  border: var(--border-size) solid #fde3e3;
-  color: #f56c6c;
-  background-color: #fde8e8;
-}
-.__ea-button.danger.round {
-  --border-radius: 999px;
-}
-.__ea-button.danger.medium {
-  font-size: 14px;
-}
-.__ea-button.danger.small {
-  font-size: 12px;
-}
-.__ea-button.danger.mini {
-  font-size: 10px;
-}
-.__ea-button.danger:hover {
-  border: var(--border-size) solid #f89c9c;
-  color: white;
-  background-color: #f89c9c;
-}
-.__ea-button.danger:active {
-  background-color: #eb1010;
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.text {
-  border: var(--border-size) solid transparent;
-  color: #409eff;
-  background-color: transparent;
-  /* ------- 按钮样式 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 按钮大小 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.__ea-button.text.disabled {
-  cursor: not-allowed !important;
-  background-image: none !important;
-  background-color: rgba(64, 64, 64, 0) !important;
-  border-color: rgba(64, 64, 64, 0) !important;
-  color: white !important;
-  pointer-events: none;
-  color: #c0c4cc !important;
-}
-.__ea-button.text.plain {
-  background-color: rgba(92, 92, 92, 0);
-  border: var(--border-size) solid rgba(64, 64, 64, 0);
-  color: transparent;
-}
-.__ea-button.text.round {
-  --border-radius: 999px;
-}
-.__ea-button.text.medium {
-  font-size: 14px;
-}
-.__ea-button.text.small {
-  font-size: 12px;
-}
-.__ea-button.text.mini {
-  font-size: 10px;
-}
-.__ea-button.text:hover {
-  border: var(--border-size) solid rgba(26, 26, 26, 0);
-  color: #73b8ff;
-  background-color: rgba(26, 26, 26, 0);
-}
-.__ea-button.text:active {
-  background-color: rgba(0, 0, 0, 0);
-}
-.__ea-button > i {
-  font-size: 1rem;
-  margin-right: 0.5rem;
-}
-.__ea-button.first-child {
-  border-radius: 4px 0 0 4px;
-}
-.__ea-button.middle-child {
-  border-radius: 0;
-}
-.__ea-button.last-child {
-  border-radius: 0 4px 4px 0;
-}
-
-.__ea-button-group {
-  display: flex;
-  align-items: center;
-  margin-right: 0.5rem;
-}
-.__ea-button-group ::slotted(ea-button:first-of-type) {
-  --border-radius: 4px 0 0 4px;
-  border-right: 1px solid rgba(255, 255, 255, 0.3);
-}
-.__ea-button-group ::slotted(ea-button:last-of-type) {
-  --border-radius: 0 4px 4px 0;
-  border-left: 1px solid rgba(255, 255, 255, 0.3);
-}
-.__ea-button-group ::slotted(ea-button) {
-  --margin-right: 0;
-}
-`;class ne extends HTMLElement{constructor(){super();const i=this.attachShadow({mode:"open"}),e=document.createElement("div");i.appendChild(e);const t=document.createElement("slot");e.className="__ea-button-group",e.appendChild(t),this.dom=e;const o=document.createElement("style");o.innerHTML=ae,this.shadowRoot.appendChild(o),i.appendChild(e)}connectedCallback(){Array.from(this.children).map((i,e,t)=>{const o=i.shadowRoot?i.shadowRoot.querySelector("button"):i;e===0?o.style.setProperty("--border-radius","4px 0 0 4px"):e===t.length-1?o.style.setProperty("--border-radius","0 4px 4px 0"):o.style.setProperty("--border-radius","0")})}}const ce=`
-@import url('/easy-component-ui/icon/index.css');
-
-.__ea-link {
-  text-decoration: none;
-  color: #606266;
-  cursor: pointer;
-}
-.__ea-link:hover {
-  color: #797b80;
-}
-.__ea-link.underline:hover {
-  text-decoration: underline;
-}
-.__ea-link.primary {
-  color: #409eff;
-}
-.__ea-link.primary:hover {
-  color: #73b8ff;
-}
-.__ea-link.success {
-  color: #67c23a;
-}
-.__ea-link.success:hover {
-  color: #85cf60;
-}
-.__ea-link.info {
-  color: #909399;
-}
-.__ea-link.info:hover {
-  color: #abadb1;
-}
-.__ea-link.warning {
-  color: #e6a23c;
-}
-.__ea-link.warning:hover {
-  color: #ecb869;
-}
-.__ea-link.danger {
-  color: #f56c6c;
-}
-.__ea-link.danger:hover {
-  color: #f89c9c;
-}
-.__ea-link.disabled {
-  color: #c0c4cc;
-  pointer-events: none;
-}
-.__ea-link.disabled:hover {
-  color: #dcdee3;
-}
-`;class de extends m{constructor(){super();const i=this.attachShadow({mode:"open"});let e=document.createElement("a");const t=document.createElement("slot");e.className="__ea-link",e.appendChild(t),this.dom=e;const o=document.createElement("style");o.innerHTML=ce,this.shadowRoot.appendChild(o),i.appendChild(e)}static get observedAttributes(){return["disabled"]}get LINK_TYPE(){return["primary","success","info","warning","danger"]}get href(){return this.getAttribute("href")}set href(i){i!==null&&(this.dom.href=i)}get type(){return this.getAttribute("type")}set type(i){if(i!==null){for(let e=0;e<this.LINK_TYPE.length;e++)if(i===this.LINK_TYPE[e]){this.dom.classList.add(i);break}}}get disabled(){return this.getAttribute("disabled")===""||this.getAttribute("disabled")==="true"}set disabled(i){i&&(i?this.dom.classList.add("disabled"):this.dom.classList.remove("disabled"))}get underline(){return this.getAttribute("underline")===""||this.getAttribute("underline")==="true"}set underline(i){i&&(i?this.dom.classList.add("underline"):this.dom.classList.remove("underline"))}get icon(){return this.getAttribute("icon")}set icon(i){if(i===null||i==="")return;const e=document.createElement("i");e.className=i,this.dom.insertBefore(e,this.dom.firstChild)}init(){this.href=this.href,this.type=this.type,this.disabled=this.disabled,this.underline=this.underline,this.icon=this.icon}connectedCallback(){this.init()}attributeChangedCallback(i,e,t){switch(i){case"disabled":this.disabled=t===""||t==="true"||t===!0;break}}}const le=`:host(ea-radio) {
-  --margin-right: 0.75rem;
-  --text-color: #606266;
-  --radio-show-type: inline-block;
-  --button-size: 1rem;
-  --button-margin: 0.5rem;
-}
-
-.ea-radio_wrap {
-  display: flex;
-  align-items: center;
-  margin-right: 1rem;
-}
-.ea-radio_wrap .__ea-radio-input_wrap {
-  width: var(--button-size);
-  height: var(--button-size);
-  line-height: 1;
-  margin-right: var(--button-margin);
-}
-.ea-radio_wrap .__ea-radio-input_wrap input {
-  display: none;
-}
-.ea-radio_wrap .__ea-radio-input_wrap .__ea-radio-input_inner {
-  position: relative;
-  display: var(--radio-show-type);
-  width: 1rem;
-  height: 1rem;
-  line-height: 1;
-  box-sizing: border-box;
-  border-radius: 50%;
-  border: 1px solid #606266;
-}
-.ea-radio_wrap .__ea-radio-input_wrap .__ea-radio-input_inner::before {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  content: "";
-  width: 0.35rem;
-  height: 0.35rem;
-  border-radius: 50%;
-  background-color: transparent;
-  box-sizing: border-box;
-  transition: all 0.3s ease;
-}
-.ea-radio_wrap .__ea-radio-input_wrap .__ea-radio-input_inner:hover {
-  border-color: #409eff;
-}
-.ea-radio_wrap .__ea-radio-label_desc {
-  color: var(--text-color);
-}
-.ea-radio_wrap.checked .__ea-radio-input_wrap .__ea-radio-input_inner {
-  border-color: #409eff;
-  background-color: #409eff;
-}
-.ea-radio_wrap.checked .__ea-radio-input_wrap .__ea-radio-input_inner::before {
-  background-color: white;
-}
-.ea-radio_wrap.checked .__ea-radio-label_desc {
-  color: #409eff;
-}
-.ea-radio_wrap.disabled .__ea-radio-input_wrap .__ea-radio-input_inner {
-  border-color: #eeeeee;
-  background-color: #eeeeee;
-}
-.ea-radio_wrap.disabled .__ea-radio-input_wrap .__ea-radio-input_inner::before {
-  background-color: transparent;
-}
-.ea-radio_wrap.disabled .__ea-radio-label_desc {
-  color: #c0c4cc;
-}
-.ea-radio_wrap.disabled[checked=true] .__ea-radio-input_wrap .__ea-radio-input_inner::before {
-  background-color: #c0c4cc;
-}
-.ea-radio_wrap.border {
-  border: 1px solid #ccc;
-  padding: 0.25rem 0.5rem;
-  border-radius: 8px;
-}
-.ea-radio_wrap.border[checked=true] {
-  border: 1px solid #409eff;
-}`,he=()=>{const s=document.createElement("span");s.className="__ea-radio-input_wrap";const i=document.createElement("span");i.className="__ea-radio-input_inner",s.appendChild(i);const e=document.createElement("input");return e.type="radio",e.className="__ea-radio-input_input",s.appendChild(e),{wrap:s,input:e}},ue=()=>{const s=document.createElement("span");s.className="__ea-radio-label_desc";const i=document.createElement("slot");return s.appendChild(i),s};var y,f;class pe extends m{constructor(){super();c(this,y,void 0);c(this,f,void 0);const e=this.attachShadow({mode:"open"});let t=document.createElement("label");t.className="ea-radio_wrap";const o=he();t.appendChild(o.wrap);const a=ue();t.appendChild(a),n(this,f,t),n(this,y,o.input);const d=document.createElement("style");d.innerHTML=le,this.shadowRoot.appendChild(d),e.appendChild(t)}static get observedAttributes(){return["checked"]}get checked(){return this.getAttrBoolean("checked")}set checked(e){r(this,y).checked=e,e?(this.setAttribute("checked",!0),r(this,f).setAttribute("checked",!0),r(this,f).classList.add("checked")):(this.removeAttribute("checked"),r(this,f).removeAttribute("checked"),r(this,f).classList.remove("checked"))}get name(){return this.getAttribute("name")}set name(e){r(this,y).setAttribute("name",e)}get value(){return this.getAttribute("value")}set value(e){r(this,f).setAttribute("for",e),r(this,y).setAttribute("id",e),r(this,y).setAttribute("value",e)}get disabled(){return this.getAttrBoolean("disabled")}set disabled(e){r(this,y).disabled=e,r(this,f).toggleAttribute("disabled",e),r(this,f).classList.toggle("disabled",e)}get border(){return this.getAttrBoolean("border")}set border(e){r(this,f).classList.toggle("border",e)}init(){const e=this;this.checked=this.checked,this.name=this.name,this.value=this.value,this.disabled=this.disabled,this.border=this.border,r(this,y).addEventListener("change",function(t){t.target.checked&&document.querySelectorAll(`ea-radio[name="${e.name}"]`).forEach(o=>{o.shadowRoot.querySelector("input")!==this?o.checked=!1:o.checked=!0})})}connectedCallback(){this.init()}attributeChangedCallback(e,t,o){}}y=new WeakMap,f=new WeakMap;const be=`
-.ea-radio-group {
-  display: flex;
-}
-.ea-radio-group ea-radio {
-  margin-right: 2rem;
-}`;class ge extends m{constructor(){super();const i=this.attachShadow({mode:"open"}),e=document.createElement("div");i.appendChild(e);const t=document.createElement("slot");e.className="ea-radio-group",e.appendChild(t),this.dom=e,this.build(i,be),i.appendChild(e)}get name(){return this.getAttribute("name")}set name(i){this.querySelectorAll("ea-radio").forEach(e=>{e.setAttribute("name",i)})}init(){this.name=this.name}connectedCallback(){this.init()}}const me=`:host {
-  --margin-right: 1rem;
-}
-
-.ea-checkbox_wrap {
-  display: flex;
-  align-items: center;
-  margin-right: var(--margin-right);
-}
-.ea-checkbox_wrap .__ea-checkbox-input_wrap {
-  margin-right: 0.5rem;
-}
-.ea-checkbox_wrap .__ea-checkbox-input_wrap .__ea-checkbox-input_inner {
-  box-sizing: border-box;
-  position: relative;
-  display: block;
-  width: 0.8125rem;
-  height: 0.8125rem;
-  line-height: 0.8125;
-  border-radius: 3px;
-  border: 1px solid #ccc;
-  transition: background-color 0.2s, border-color 0.2s;
-}
-.ea-checkbox_wrap .__ea-checkbox-input_wrap .__ea-checkbox-input_inner::after {
-  content: "";
-  position: absolute;
-  left: 52.5%;
-  top: 45%;
-  transform: translate(-50%, -50%) rotate(-135deg);
-  display: block;
-  width: 3px;
-  height: 7px;
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-.ea-checkbox_wrap .__ea-checkbox-input_wrap .__ea-checkbox-input_input {
-  display: none;
-}
-.ea-checkbox_wrap .__ea-checkbox-label_desc {
-  transition: color 0.2s;
-}
-.ea-checkbox_wrap.checked .__ea-checkbox-input_wrap .__ea-checkbox-input_inner {
-  border-color: #409eff;
-  background-color: #409eff;
-}
-.ea-checkbox_wrap.checked .__ea-checkbox-input_wrap .__ea-checkbox-input_inner::after {
-  opacity: 1;
-  border-left: 2px solid white;
-  border-top: 2px solid white;
-}
-.ea-checkbox_wrap.checked .__ea-checkbox-label_desc {
-  color: #409eff;
-}
-.ea-checkbox_wrap.disabled .__ea-checkbox-input_wrap .__ea-checkbox-input_inner {
-  border-color: #eeeeee;
-  background-color: #eeeeee;
-}
-.ea-checkbox_wrap.disabled .__ea-checkbox-input_wrap .__ea-checkbox-input_inner::before {
-  background-color: transparent;
-}
-.ea-checkbox_wrap.disabled .__ea-checkbox-label_desc {
-  color: #c0c4cc;
-}
-.ea-checkbox_wrap.disabled[checked=true] .__ea-checkbox-input_wrap .__ea-checkbox-input_inner::before {
-  background-color: #c0c4cc;
-}
-.ea-checkbox_wrap.indeterminate .__ea-checkbox-input_wrap .__ea-checkbox-input_inner {
-  border-color: #409eff;
-  background-color: #409eff;
-}
-.ea-checkbox_wrap.indeterminate .__ea-checkbox-input_wrap .__ea-checkbox-input_inner::after {
-  opacity: 1;
-  left: 50%;
-  top: 50%;
-  width: 80%;
-  height: 3px;
-  background-color: white;
-  transform: translate(-50%, -50%) rotate(0deg);
-}
-.ea-checkbox_wrap.indeterminate .__ea-checkbox-label_desc {
-  color: #409eff;
-}
-.ea-checkbox_wrap.indeterminate[checked=true] .__ea-checkbox-input_wrap .__ea-checkbox-input_inner {
-  border-color: #409eff;
-  background-color: #409eff;
-}
-.ea-checkbox_wrap.indeterminate[checked=true] .__ea-checkbox-input_wrap .__ea-checkbox-input_inner::after {
-  width: 3px;
-  height: 7px;
-  left: 52.5%;
-  top: 45%;
-  transform: translate(-50%, -50%) rotate(-135deg);
-  opacity: 1;
-  border-left: 2px solid white;
-  border-top: 2px solid white;
-  background-color: transparent;
-}
-.ea-checkbox_wrap.indeterminate[checked=true] .__ea-checkbox-label_desc {
-  color: #409eff;
-}`,_e=()=>{const s=document.createElement("span");s.className="__ea-checkbox-input_wrap";const i=document.createElement("span");i.className="__ea-checkbox-input_inner",s.appendChild(i);const e=document.createElement("input");return e.type="checkbox",e.className="__ea-checkbox-input_input",s.appendChild(e),{wrap:s,input:e}},fe=()=>{const s=document.createElement("span");s.className="__ea-checkbox-label_desc";const i=document.createElement("slot");return s.appendChild(i),s};var A,p;class we extends m{constructor(){super();c(this,A,void 0);c(this,p,void 0);const e=this.attachShadow({mode:"open"});let t=document.createElement("label");t.className="ea-checkbox_wrap";const o=_e();t.appendChild(o.wrap);const a=fe();t.appendChild(a),n(this,p,t),n(this,A,o.input),this.build(e,me),e.appendChild(t)}static get observedAttributes(){return["checked","disabled"]}get checked(){return this.getAttrBoolean("checked")}set checked(e){r(this,A).checked=e,e?(this.setAttribute("checked",!0),r(this,p).setAttribute("checked",!0),r(this,p).classList.add("checked")):(this.removeAttribute("checked"),r(this,p).removeAttribute("checked"),r(this,p).classList.remove("checked"),r(this,p).classList.remove("indeterminate"))}get name(){return this.getAttribute("name")}set name(e){r(this,A).setAttribute("name",e)}get value(){return this.getAttribute("value")}set value(e){r(this,p).setAttribute("for",e),r(this,A).setAttribute("id",e),r(this,A).setAttribute("value",e)}get disabled(){return this.getAttrBoolean("disabled")}set disabled(e){r(this,A).disabled=e,r(this,p).toggleAttribute("disabled",e),r(this,p).classList.toggle("disabled",e)}get border(){return this.getAttrBoolean("border")}set border(e){r(this,p).classList.toggle("border",e)}get indeterminate(){return this.getAttrBoolean("indeterminate")}set indeterminate(e){e?(this.checked=!1,r(this,p).classList.remove("checked"),this.setAttribute("indeterminate",!0),r(this,p).classList.add("indeterminate"),console.log(e)):(this.removeAttribute("indeterminate"),r(this,p).classList.remove("indeterminate"))}init(){const e=this;this.checked=this.checked,this.name=this.name,this.value=this.value,this.disabled=this.disabled,this.border=this.border,this.indeterminate=this.indeterminate,r(this,A).addEventListener("change",function(t){t.preventDefault(),e.checked=t.target.checked,t.target.checked})}connectedCallback(){this.init()}attributeChangedCallback(e,t,o){}}A=new WeakMap,p=new WeakMap;const xe=`
-.ea-checkbox-group {
-  display: flex;
-}
-.ea-checkbox-group ::slotted(ea-checkbox) {
-  margin-right: 1.5rem;
-}`;class ke extends m{constructor(){super();const i=this.attachShadow({mode:"open"}),e=document.createElement("div");i.appendChild(e);const t=document.createElement("slot");e.className="ea-checkbox-group",e.appendChild(t),this.dom=e,this.build(i,xe),i.appendChild(e)}get name(){return this.getAttribute("name")}set name(i){this.querySelectorAll("ea-checkbox").forEach(e=>{e.setAttribute("name",i),e.name=i})}get value(){if(this.getAttribute("value"))return this.getAttribute("value")}set value(i){if(i)try{i.split(",").map(t=>t.trimStart()).map(t=>{const o=document.querySelector(`ea-checkbox[name="${this.name}"][value="${t}"]`);o.setAttribute("checked","true"),o.checked="true"})}catch{}}get disabled(){return this.getAttrBoolean("disabled")}set disabled(i){document.querySelectorAll(`ea-checkbox[name="${this.name}"]`).forEach(t=>{t.setAttribute("disabled","true"),t.disabled="true"})}init(){this.name=this.name,this.value=this.value,this.disabled=this.disabled}connectedCallback(){this.init()}}const ve="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let X=(s=21)=>{let i="",e=crypto.getRandomValues(new Uint8Array(s));for(;s--;)i+=ve[e[s]&63];return i};const ye=`
-@charset "UTF-8";
-@import url('/easy-component-ui/icon/index.css');
-
-
-:host {
-  --border-top-left-radius: 0;
-  --border-top-right-radius: 0;
-  --border-bottom-left-radius: 0;
-  --border-bottom-right-radius: 0;
-  --border-left-width: 0;
-  --border-right-width: 0;
-}
-
-.ea-input_wrap {
-  position: relative;
-  width: 100%;
-  /* ------- 特定的属性的图标(clearable, password) ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 标识图标在输入框前还是后 ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-  /* ------- 输入框前后的dom ------- */
-  /* #region  */
-  /* #endregion */
-  /* ------- end  ------- */
-}
-.ea-input_wrap .ea-input_inner {
-  box-sizing: border-box;
-  box-shadow: none;
-  border: 1px solid #dcdfe6;
-  outline: 0;
-  transition: border 0.2s;
-  border-radius: 3px;
-  padding: 0.5rem;
-  width: 100%;
-  line-height: 0.8;
-  font-size: 0.8rem;
-  scrollbar-width: none;
-}
-.ea-input_wrap .ea-input_inner:focus {
-  border-color: #409eff;
-}
-.ea-input_wrap .ea-input_inner::placeholder {
-  color: #c0c4cc;
-}
-.ea-input_wrap .ea-input_inner.invalid {
-  border-color: #f56c6c;
-}
-.ea-input_wrap .ea-input_inner.disabled {
-  background-color: #eeeeee;
-  color: #c0c4cc;
-}
-.ea-input_wrap .ea-input_inner.ea-input_clear ::before {
-  content: "e9c3";
-  display: block;
-}
-.ea-input_wrap i {
-  font-size: 0.9rem;
-  line-height: 0.8;
-}
-.ea-input_wrap i[class=icon-cancel-circled2],
-.ea-input_wrap i[class=icon-eye],
-.ea-input_wrap i[class=icon-eye-off] {
-  position: absolute;
-  left: calc(100% - 1.75rem);
-  top: 50%;
-  color: #c0c4cc;
-  transform: translate(calc(-100% - 0.25rem), -50%);
-}
-.ea-input_wrap.clearable .ea-input_inner, .ea-input_wrap.password .ea-input_inner {
-  width: calc(100% - 1.75rem);
-  padding-right: 1.75rem;
-}
-.ea-input_wrap.prefix i, .ea-input_wrap.suffix i {
-  position: absolute;
-  top: 50%;
-  color: #c0c4cc;
-}
-.ea-input_wrap.prefix .ea-input_inner, .ea-input_wrap.suffix .ea-input_inner {
-  width: calc(100% - 1.75rem);
-}
-.ea-input_wrap.prefix i {
-  left: 2.5%;
-  transform: translate(-2.5%, -50%);
-}
-.ea-input_wrap.prefix .ea-input_inner {
-  padding-left: 1.75rem;
-}
-.ea-input_wrap.suffix i {
-  left: calc(100% - 1.75rem);
-  transform: translate(calc(-100% - 0.25rem), -50%);
-}
-.ea-input_wrap.suffix .ea-input_inner {
-  padding-right: 1.75rem;
-}
-.ea-input_wrap.prepend-slot, .ea-input_wrap.append-slot {
-  display: flex;
-  align-items: center;
-  font-size: 0.925rem;
-  line-height: 1;
-}
-.ea-input_wrap.prepend-slot ::slotted(div), .ea-input_wrap.append-slot ::slotted(div) {
-  border: 1px solid #dcdfe6;
-  border-left-width: var(--border-left-width);
-  border-right-width: var(--border-right-width);
-  border-top-right-radius: var(--border-top-right-radius);
-  border-bottom-right-radius: var(--border-bottom-right-radius);
-  border-top-left-radius: var(--border-top-left-radius);
-  border-bottom-left-radius: var(--border-bottom-left-radius);
-}
-.ea-input_wrap.prepend-slot .ea-input_inner {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.ea-input_wrap.append-slot .ea-input_inner {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.ea-input_wrap .ea-input_suggestion-wrap {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-  margin-block-start: 0;
-  margin-block-end: 0;
-  padding-inline-start: 0;
-  unicode-bidi: unset;
-  display: none;
-  position: absolute;
-  box-sizing: border-box;
-  z-index: 3;
-  top: calc(100% + 5px);
-  left: 0;
-  padding: 0.5rem 0;
-  width: 100%;
-  max-height: 10rem;
-  overflow-y: auto;
-  scrollbar-width: thin;
-  background-color: white;
-  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);
-}
-.ea-input_wrap .ea-input_suggestion-wrap li {
-  padding: 0.5rem;
-  font-size: 0.9rem;
-  cursor: pointer;
-}
-.ea-input_wrap .ea-input_suggestion-wrap li:hover {
-  background-color: #f5f7fa;
-}
-.ea-input_wrap .ea-input_suggestion-wrap.loading {
-  height: 5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ea-input_wrap .ea-input_suggestion-wrap.loading::after {
-  font-family: "fontello";
-  font-style: normal;
-  font-weight: normal;
-  speak: never;
-  display: inline-block;
-  text-decoration: inherit;
-  width: 1em;
-  margin-right: 0.2em;
-  text-align: center;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1em;
-  margin-left: 0.2em;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  content: "e839";
-  font-size: 1.5rem;
-  animation: spin 1s linear infinite;
-  animation-play-state: running;
-}
-.ea-input_wrap.word-limit {
-  border: 1px solid #dcdfe6;
-  border-radius: 3px;
-}
-.ea-input_wrap.word-limit .ea-input_inner {
-  border: 0;
-  width: calc(100% - 3rem);
-}
-.ea-input_wrap.word-limit .ea-input_word-limit {
-  padding-right: 0.5rem;
-  width: 2.5rem;
-  font-size: 0.75rem;
-  text-align: center;
-}
-`,Ae=s=>{const i=document.createElement("input");return i.className="ea-input_inner",i.type=s||"text",i.autocomplete="off",i},Ee=()=>{const s=document.createElement("ul");return s.className="ea-input_suggestion-wrap",s},ee=s=>{const i=document.createElement("slot");return i.name=s,i};var E,l,S,P,T,M,L,Z,V;class Le extends m{constructor(){super();c(this,E,void 0);c(this,l,void 0);c(this,S,void 0);c(this,P,void 0);c(this,T,!1);c(this,M,[]);c(this,L,void 0);c(this,Z,void 0);c(this,V,void 0);const e=this.attachShadow({mode:"open"}),t=document.createElement("div");t.className="ea-input_wrap";const o=Ae(this.type),a=ee("prepend"),d=ee("append"),_=this.querySelector("[slot=prepend]"),D=this.querySelector("[slot=append]");_&&(t.classList.add("prepend-slot"),_.style.setProperty("--border-top-left-radius","3px"),_.style.setProperty("--border-bottom-left-radius","3px"),_.style.setProperty("--border-right-width","0"),_.style.setProperty("--border-left-width","1px"),a.appendChild(_.cloneNode(!0))),D&&(t.classList.add("append-slot"),D.style.setProperty("--border-top-right-radius","3px"),D.style.setProperty("--border-bottom-right-radius","3px"),D.style.setProperty("--border-left-width","0"),D.style.setProperty("--border-right-width","1px"),d.appendChild(D.cloneNode(!0))),t.appendChild(o),t.insertBefore(a,o),t.appendChild(d),n(this,E,t),n(this,l,o),n(this,Z,a),n(this,V,d),(this.suggestion.length>0||this.remote)&&this.suggestionEvent(),this.build(e,ye),this.shadowRoot.appendChild(t)}get type(){return this.getAttribute("type")||"text"}set type(e){this.setAttribute("type",e)}get value(){return r(this,T)||(r(this,l).value=this.getAttribute("value")||""),this.getAttribute("value")}set value(e){e&&(this.setAttribute("value",e),r(this,l).value=e)}get placeholder(){return this.getAttribute("placeholder")||""}set placeholder(e){this.setAttribute("placeholder",e),r(this,l).placeholder=e}get disabled(){return this.getAttrBoolean("disabled")}set disabled(e){this.toggleAttr("disabled",e),r(this,l).disabled=e,r(this,l).classList.toggle("disabled",e)}get clearable(){return this.getAttrBoolean("clearable")}set clearable(e){e&&this.setAttribute("clearable",e)}clearableEvent(e){this.clearable&&(this.clearable&&e.target.value!==""?r(this,S).style.display="block":r(this,S).style.display="none")}initClearableIcon(){if(this.clearable){const e=this.iconInit("icon-cancel-circled2");e.addEventListener("click",()=>{this.value="",r(this,l).focus()}),n(this,S,e),this.value?r(this,S).style.display="block":r(this,S).style.display="none",this.iconAppend("clearable",this.clearable,e)}}get showPassword(){return this.getAttrBoolean("show-password")}set showPassword(e){e&&(this.setAttribute("show-password",e),e&&(r(this,l).type="password"))}showPasswordEvent(e){this.showPassword&&(this.showPassword&&e.target.value!==""?r(this,P).style.display="block":r(this,P).style.display="none")}initShowPasswordIcon(){if(this.showPassword){const e=this.iconInit("icon-eye");this.value||(e.style.display="none"),e.addEventListener("click",t=>{r(this,P).className=r(this,l).type==="password"?"icon-eye-off":"icon-eye",r(this,l).type=r(this,l).type==="password"?"text":"password",r(this,l).focus()}),n(this,P,e),this.iconAppend("password",this.showPassword,e)}}get prefixIcon(){return this.getAttribute("prefix-icon")||""}set prefixIcon(e){if(!e)return;this.setAttribute("prefix",e);const t=this.iconInit(e);this.iconAppend("prefix",!0,t)}get surfixIcon(){return this.getAttribute("suffix-icon")||""}set surfixIcon(e){if(!e)return;this.setAttribute("suffix",e);const t=this.iconInit(e);this.iconAppend("suffix",!0,t)}get suggestion(){return r(this,M)}set suggestion(e){e&&(n(this,M,e),this.setAttribute("primary-key",X()),this.primaryKey=X())}get triggerOnFocus(){return this.getAttrBoolean("trigger-on-focus")}set triggerOnFocus(e){e&&this.setAttribute("trigger-on-focus",e)}get triggerAfterInput(){return this.getAttrBoolean("trigger-after-input")}set triggerAfterInput(e){e&&this.setAttribute("trigger-after-input",e)}get remote(){return this.getAttrBoolean("remote")}set remote(e){if(e!=null)try{const t=r(this,L).style.display;t=="flex"?r(this,L).style.display="block":t==""&&(r(this,L).style.display="none"),r(this,L).classList.toggle("loading",e),this.setAttribute("remote",e),r(this,T)&&this.refresh()}catch{}}refresh(){try{r(this,L).innerHTML="",this.suggestionEvent()}catch{}}suggestionEvent(){const e=r(this,T)?r(this,L):Ee();this.suggestion.forEach(t=>{const o=document.createElement("li");o.innerText=t.value,o.addEventListener("click",()=>{this.value=t.value,e.style.display="none"}),e.appendChild(o)}),document.addEventListener("click",t=>{t.target!==this&&(e.style.display="none")}),r(this,l).addEventListener("input",t=>{this.shadowRoot.querySelectorAll("li").forEach(o=>{o.innerText.includes(t.target.value)?o.style.display="block":o.style.display="none"})}),this.triggerOnFocus?r(this,l).addEventListener("focus",t=>{e.style.display=this.remote?"flex":"block"}):this.triggerAfterInput&&r(this,l).addEventListener("input",t=>{t.target.value.length>0?e.style.display="block":e.style.display="none"}),r(this,T)||(n(this,L,e),r(this,E).appendChild(e))}get maxLength(){return this.getAttribute("max-length")}set maxLength(e){!e||r(this,l).type!=="text"||(this.setAttribute("max-length",e),r(this,l).maxLength=e,r(this,l).addEventListener("input",t=>{t.target.value.length>e&&(t.target.value=t.target.value.slice(0,e))}),this.showWordLimit&&(this.showWordLimit=!0))}get minLength(){return this.getAttribute("min-length")}set minLength(e){!e||r(this,l).type!=="text"||(this.setAttribute("min-length",e),r(this,l).minLength=e,r(this,l).addEventListener("input",t=>{t.target.value.length<e?t.target.classList.add("invalid"):t.target.classList.remove("invalid")}))}get showWordLimit(){return this.getAttrBoolean("show-word-limit")}set showWordLimit(e){if(!e||r(this,l).type!=="text")return;this.setAttribute("show-word-limit",e);const t=document.createElement("span");r(this,E).classList.toggle("word-limit",e),r(this,E).classList.toggle("append-slot",e),t.className="ea-input_word-limit",t.innerText=`${r(this,l).value.length}/${this.maxLength}`,r(this,l).addEventListener("input",o=>{t.innerText=`${o.target.value.length}/${this.maxLength}`}),r(this,V).appendChild(t),r(this,E).appendChild(t)}iconInit(e){const t=document.createElement("i");return t.className=e,t}iconAppend(e,t,o){r(this,E).classList.toggle(e,t),r(this,E).appendChild(o)}eventInit(e,t){this.dispatchEvent(new CustomEvent(t,{detail:{value:e.target.value}})),this.clearableEvent(e),this.showPasswordEvent(e)}init(){this.type=this.type,this.placeholder=this.placeholder,this.value=this.value,this.disabled=this.disabled,this.clearable=this.clearable,this.initClearableIcon(),this.showPassword=this.showPassword,this.initShowPasswordIcon(),this.prefixIcon=this.prefixIcon,this.surfixIcon=this.surfixIcon,this.suggestion=this.suggestion,this.remote&&(this.remote=this.remote),this.maxLength=this.maxLength,this.minLength=this.minLength,r(this,l).addEventListener("input",e=>{this.eventInit(e,"change")}),r(this,l).addEventListener("focus",e=>{this.eventInit(e,"focus")}),r(this,l).addEventListener("blur",e=>{this.eventInit(e,"blur")})}connectedCallback(){this.init(),n(this,T,!0)}}E=new WeakMap,l=new WeakMap,S=new WeakMap,P=new WeakMap,T=new WeakMap,M=new WeakMap,L=new WeakMap,Z=new WeakMap,V=new WeakMap;const Ce=`
-@charset "UTF-8";
-@import url('/easy-component-ui/icon/index.css');
-
-.ea-textarea_wrap {
-  position: relative;
-  width: 100%;
-}
-.ea-textarea_wrap .ea-textarea_inner {
-  box-sizing: border-box;
-  box-shadow: none;
-  resize: vertical;
-  min-height: 1.75rem;
-  border: 1px solid #dcdfe6;
-  outline: 0;
-  transition: border 0.2s;
-  border-radius: 3px;
-  padding: 0.5rem;
-  line-height: 0.8;
-  font-size: 0.8rem;
-  scrollbar-width: none;
-}
-.ea-textarea_wrap .ea-textarea_inner:focus {
-  border-color: #409eff;
-}
-.ea-textarea_wrap .ea-textarea_inner::placeholder {
-  color: #c0c4cc;
-}
-.ea-textarea_wrap .ea-textarea_inner.disabled {
-  background-color: #eeeeee;
-  color: #c0c4cc;
-}
-.ea-textarea_wrap .ea-textarea_inner.invalid {
-  border-color: #f56c6c;
-}
-.ea-textarea_wrap .ea-input_word-limit {
-  position: absolute;
-  font-size: 0.75rem;
-  bottom: 0.5rem;
-  right: 0.5rem;
-}
-`,ze=()=>{let s=document.createElement("textarea");return s.className="ea-textarea_inner",s};var I,u,U;class Ne extends m{constructor(){super();c(this,I,void 0);c(this,u,void 0);c(this,U,!1);const e=this.attachShadow({mode:"open"}),t=document.createElement("div");t.className="ea-textarea_wrap",n(this,I,t);const o=ze();n(this,u,o),r(this,I).appendChild(o),this.build(e,Ce),this.shadowRoot.appendChild(t)}get value(){return r(this,U)||(r(this,u).value=this.getAttribute("value")||""),this.getAttribute("value")}set value(e){e&&(this.setAttribute("value",e),r(this,u).value=e)}get placeholder(){return this.getAttribute("placeholder")||""}set placeholder(e){this.setAttribute("placeholder",e),r(this,u).placeholder=e}get rows(){return this.getAttribute("rows")||2}set rows(e){e&&(this.setAttribute("rows",e),r(this,u).rows=e,r(this,u).setAttribute("rows",e))}get autosize(){return this.getAttrBoolean("autosize")}set autosize(e){e&&(this.setAttribute("autosize",e),r(this,u).addEventListener("input",t=>{if(t.target.type==="textarea"){const o=r(this,u).cols,a=t.target.value.length;let d=Math.ceil(a/o)<=Number(r(this,u).rows)?Number(r(this,u).rows):Math.ceil(a/o);a%o==1&&(this.minRows>d?this.setTextareaHeight(this.minRows):this.maxRows<d?this.setTextareaHeight(this.maxRows):this.setTextareaHeight(d))}}))}setTextareaHeight(e){e=Number(e),r(this,u).rows=e}get minRows(){const e=Number(this.getAttribute("min-rows"));return e!==0&&e>0?e:1}set minRows(e){e&&(this.setAttribute("min-rows",e),this.setTextareaHeight(Number(e)))}get maxRows(){const e=Number(this.getAttribute("max-rows"));return e!==0&&e>0?e:10}set maxRows(e){e&&(this.setAttribute("max-rows",e),this.setTextareaHeight(Number(e)))}get maxLength(){return this.getAttribute("max-length")}set maxLength(e){e&&(this.setAttribute("max-length",e),r(this,u).maxLength=e,r(this,u).addEventListener("input",t=>{t.target.value.length>e&&(t.target.value=t.target.value.slice(0,e))}),this.showWordLimit&&(this.showWordLimit=!0))}get minLength(){return this.getAttribute("min-length")}set minLength(e){e&&(this.setAttribute("min-length",e),r(this,u).minLength=e,r(this,u).addEventListener("input",t=>{t.target.value.length<e?t.target.classList.add("invalid"):t.target.classList.remove("invalid")}))}get showWordLimit(){return this.getAttrBoolean("show-word-limit")}set showWordLimit(e){if(!e)return;this.setAttribute("show-word-limit",e);const t=document.createElement("span");r(this,I).classList.toggle("word-limit",e),r(this,I).classList.toggle("append-slot",e),t.className="ea-input_word-limit",t.innerText=`${r(this,u).value.length}/${this.maxLength}`,r(this,u).addEventListener("input",o=>{t.innerText=`${o.target.value.length}/${this.maxLength}`}),r(this,I).appendChild(t)}init(){this.placeholder=this.placeholder,this.value=this.value,this.disabled=this.disabled,this.autosize=this.autosize,this.maxRows&&(this.maxRows=this.maxRows),this.minRows&&(this.minRows=this.minRows),this.rows=this.rows,this.maxLength=this.maxLength,this.minLength=this.minLength,r(this,u).addEventListener("input",e=>{this.dispatchEvent(new CustomEvent("change",{detail:{value:e.target.value}}))}),r(this,u).addEventListener("focus",e=>{this.dispatchEvent(new CustomEvent("focus",{detail:{value:e.target.value}}))}),r(this,u).addEventListener("blur",e=>{this.dispatchEvent(new CustomEvent("blur",{detail:{value:e.target.value}}))})}connectedCallback(){this.init(),n(this,U,!0)}}I=new WeakMap,u=new WeakMap,U=new WeakMap;const Se=`
-@import url('/easy-component-ui/icon/index.css');
-
-.ea-input-number_wrap {
-  display: flex;
-  align-items: center;
-  border: 1px solid transparent;
-  border-radius: 3px;
-  transition: border 0.2s;
-}
-.ea-input-number_wrap .ea-input-number_sign {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  border: 1px solid #dcdfe6;
-  background-color: #f5f7fa;
-  height: 2rem;
-  width: 2rem;
-  cursor: pointer;
-  font-size: 1rem;
-  line-height: 1;
-  user-select: none;
-}
-.ea-input-number_wrap .ea-input-number_sign:first-child {
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-  border-right: 0;
-}
-.ea-input-number_wrap .ea-input-number_sign:last-child {
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  border-left: 0;
-}
-.ea-input-number_wrap .ea-input-number_sign:hover {
-  color: #409eff;
-}
-.ea-input-number_wrap .ea-input-number_sign.disabled {
-  pointer-events: none;
-  cursor: not-allowed;
-  color: #c0c4cc;
-}
-.ea-input-number_wrap .ea-input-number_sign.ea-input-number_sign--medium {
-  height: 1.75rem;
-  width: 1.75rem;
-}
-.ea-input-number_wrap .ea-input-number_sign.ea-input-number_sign--small {
-  height: 1.5rem;
-  width: 1.5rem;
-}
-.ea-input-number_wrap .ea-input-number_sign.ea-input-number_sign--mini {
-  height: 1.25rem;
-  width: 1.25rem;
-}
-.ea-input-number_wrap .ea-input-number_inner {
-  box-sizing: border-box;
-  box-shadow: none;
-  border: 1px solid #dcdfe6;
-  outline: 0;
-  transition: border 0.2s;
-  border-radius: 3px;
-  padding: 0.5rem;
-  line-height: 0.8;
-  font-size: 0.8rem;
-  scrollbar-width: none;
-  width: 5rem;
-  height: 2rem;
-  border-radius: 0;
-  text-align: center;
-}
-.ea-input-number_wrap .ea-input-number_inner:focus {
-  border-color: #409eff;
-}
-.ea-input-number_wrap .ea-input-number_inner::placeholder {
-  color: #c0c4cc;
-}
-.ea-input-number_wrap .ea-input-number_inner.invalid {
-  border-color: #f56c6c;
-}
-.ea-input-number_wrap .ea-input-number_inner.disabled {
-  background-color: #eeeeee;
-  color: #c0c4cc;
-}
-.ea-input-number_wrap .ea-input-number_inner.ea-input_clear ::before {
-  content: "e9c3";
-  display: block;
-}
-.ea-input-number_wrap .ea-input-number_inner:focus {
-  border-color: #dcdfe6;
-}
-.ea-input-number_wrap .ea-input-number_inner.disabled {
-  pointer-events: none;
-  color: #c0c4cc;
-  cursor: not-allowed;
-  background-color: #f5f7fa;
-}
-.ea-input-number_wrap .ea-input-number_inner.ea-input-number_inner--medium {
-  height: 1.75rem;
-  line-height: 1.75rem;
-}
-.ea-input-number_wrap .ea-input-number_inner.ea-input-number_inner--small {
-  height: 1.5rem;
-  line-height: 1.5rem;
-}
-.ea-input-number_wrap .ea-input-number_inner.ea-input-number_inner--mini {
-  height: 1.25rem;
-  line-height: 1.25rem;
-}
-.ea-input-number_wrap.focus {
-  border: 1px solid #409eff;
-}
-.ea-input-number_wrap.focus .ea-input-number_sign {
-  border-color: transparent;
-}
-`,te=s=>{const i=document.createElement("span");return i.className=`ea-input-number_sign ${s}`,i.innerHTML=s==="minus"?"-":"+",i},Te=()=>{const s=document.createElement("input");return s.className="ea-input-number_inner",s.type="text",s.value=0,s};var O,h,C,z;class Ie extends m{constructor(){super();c(this,O,void 0);c(this,h,void 0);c(this,C,void 0);c(this,z,void 0);const e=this.attachShadow({mode:"open"}),t=document.createElement("div");t.className="ea-input-number_wrap";const o=Te(),a=te("minus"),d=te("plus");t.appendChild(a),t.appendChild(o),t.appendChild(d),n(this,O,t),n(this,h,o),n(this,C,a),n(this,z,d),this.build(e,Se),this.shadowRoot.appendChild(t)}signEvent(e,t,o){if(this.getAttrBoolean("disabled"))return;const a=Number(r(this,h).value),d=r(this,h).value.split(".")[1],_=e==="minu"?a-this.step:a+this.step;t?r(this,h).value=_.toFixed(t):d!=null&&d.length?r(this,h).value=_.toFixed(d.length):r(this,h).value=_,o&&r(this,h).dispatchEvent(new CustomEvent(o,{detail:{value:r(this,h).value}})),this.handleLimitVal()}handleCounterEvent(e){let t=setInterval(()=>{this.signEvent(e,this.precision),this.handleLimitVal()},100);this.addEventListener("mouseup",function(){clearInterval(t),t=null})}handleWrapBorder(e){r(this,O).classList.toggle("focus",e)}handleLimitVal(){if(!(this.min===!1&&this.max===!1))if(this.min!==void 0&&r(this,h).value<this.min?r(this,h).value=this.min:this.max!==void 0&&r(this,h).value>this.max&&(r(this,h).value=this.max),r(this,h).value==this.min)r(this,C).classList.add("disabled");else if(r(this,h).value==this.max)r(this,z).classList.add("disabled");else try{r(this,C).classList.remove("disabled"),r(this,z).classList.remove("disabled")}catch{}}get value(){return this.getAttribute("value")||0}set value(e){e=this.precision?Number(e).toFixed(this.precision):Number(e),this.setAttribute("value",e),r(this,h).value=e}get disabled(){return this.getAttrBoolean("disabled")}set disabled(e){this.toggleAttr("disabled",e),r(this,h).disabled=e,r(this,h).classList.toggle("disabled",e),r(this,C).classList.toggle("disabled",e),r(this,z).classList.toggle("disabled",e)}get step(){return Number(this.getAttribute("step"))||1}set step(e){this.setAttribute("step",e)}get stepStrictly(){return this.getAttrBoolean("step-strictly")}set stepStrictly(e){this.toggleAttr("step-strictly",e)}get min(){return this.getAttribute("min")===null?!1:Number(this.getAttribute("min"))||0}set min(e){if(e===!1){this.removeAttribute("min");return}this.setAttribute("min",e)}get max(){return this.getAttribute("max")===null?!1:Number(this.getAttribute("max"))}set max(e){this.setAttribute("max",e)}get precision(){const e=Number(this.getAttribute("precision"));return e<0||!Number.isInteger(e)?(console.warn(`precision must be a positive integer(precisionValue: ${e})`),!1):Number(this.getAttribute("precision"))||0}set precision(e){this.setAttribute("precision",e)}get size(){return this.getAttribute("size")||""}handleSize(e){r(this,C).classList.add(`ea-input-number_sign--${e}`),r(this,z).classList.add(`ea-input-number_sign--${e}`),r(this,h).classList.add(`ea-input-number_inner--${e}`),this.setAttribute("size",e)}set size(e){switch(e){case"medium":this.handleSize("medium");break;case"small":this.handleSize("small");break;case"mini":this.handleSize("mini");break}}init(){const e=this;this.disabled=this.disabled,this.size=this.size,this.min?this.value=this.min:this.value=this.value,this.handleLimitVal(),r(this,h).addEventListener("focus",function(t){e.handleWrapBorder(!0),this.dispatchEvent(new CustomEvent("blur",{detail:{value:this.value}}))}),r(this,h).addEventListener("blur",function(t){if(e.handleWrapBorder(!1),e.stepStrictly){const o=e.step,a=Number(r(e,h).value),d=a%o;a<0&&d!==0?r(e,h).value=a-d-o:a<0&&d===0||d===0?r(e,h).value=a:r(e,h).value=a-d+o}e.handleLimitVal(),this.dispatchEvent(new CustomEvent("blur",{detail:{value:this.value}}))}),r(this,C).addEventListener("click",function(){e.signEvent("minu",e.precision,"minus")}),r(this,z).addEventListener("click",function(t){e.signEvent("plus",e.precision,"plus")}),r(this,C).addEventListener("mousedown",function(t){e.handleCounterEvent("minu",e.precision)}),r(this,z).addEventListener("mousedown",function(){e.handleCounterEvent("plus",e.precision)}),r(this,h).addEventListener("change",function(t){e.handleLimitVal(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value}}))})}connectedCallback(){this.init()}}O=new WeakMap,h=new WeakMap,C=new WeakMap,z=new WeakMap;const $e=`
-@import url('/easy-component-ui/icon/index.css');
-`;var J;class Re extends m{constructor(){super();c(this,J,void 0);const e=this.attachShadow({mode:"open"});this.shadowRoot=e;const t=document.createElement("div");t.className="ea-select_wrap",n(this,J,t),this.build(e,$e),this.shadowRoot.appendChild(t)}init(){}connectedCallback(){this.init()}}J=new WeakMap;const Be=`
-@import url('/easy-component-ui/icon/index.css');
-
-.ea-switch_wrap {
-  display: flex;
-  align-items: center;
-}
-.ea-switch_wrap input {
-  display: none;
-}
-.ea-switch_wrap span {
-  display: block;
-  cursor: default;
-}
-.ea-switch_wrap .ea-switch_label {
-  color: #606266;
-  font-size: 0.875rem;
-  cursor: pointer;
-  transition: color 0.2s;
-}
-.ea-switch_wrap .ea-switch_label.ea-switch_label--active {
-  color: #409eff;
-}
-.ea-switch_wrap .ea-switch_core {
-  position: relative;
-  cursor: pointer;
-  margin: 0 0.75rem;
-  width: 2.5rem;
-  height: 1.25rem;
-  line-height: 1.25rem;
-  background-color: #dcdfe6;
-  border-radius: 999px;
-  transition: background-color 0.2s;
-}
-.ea-switch_wrap .ea-switch_core.ea-switch_core--checked {
-  background-color: #409eff;
-}
-.ea-switch_wrap .ea-switch_core::after {
-  content: "";
-  display: block;
-  position: absolute;
-  left: 2px;
-  top: 50%;
-  transform: translate(0, -50%);
-  width: 1rem;
-  height: 1rem;
-  border-radius: 999px;
-  background-color: #fff;
-  transition: left 0.2s, transform 0.2s;
-}
-.ea-switch_wrap .ea-switch_core.ea-switch_core--checked::after {
-  left: calc(100% - 1rem - 2px);
-}
-.ea-switch_wrap .ea-switch_core.ea-switch_core--disabled {
-  background-color: #c0c4cc;
-}
-.ea-switch_wrap.ea-switch_wrap--disabled {
-  cursor: not-allowed;
-}
-.ea-switch_wrap.ea-switch_wrap--disabled .ea-switch_label,
-.ea-switch_wrap.ea-switch_wrap--disabled .ea-switch_core {
-  pointer-events: none;
-}
-.ea-switch_wrap.ea-switch_wrap--disabled .ea-switch_core {
-  background-color: #eff1f5;
-}
-.ea-switch_wrap.ea-switch_wrap--disabled .ea-switch_label {
-  color: #c0c4cc;
-}
-.ea-switch_wrap.ea-switch_wrap--disabled .ea-switch_label.ea-switch_label--active {
-  color: #7ebfff;
-}
-`,Pe=()=>{const s=document.createElement("input");return s.type="checkbox",s.className="ea-switch_input",s},qe=()=>{const s=document.createElement("span");return s.className="ea-switch_core",s},re=s=>{const i=document.createElement("span");return i.className=`ea-switch_label ea-switch_label--${s}`,i};var F,G,x,$,k,R;class De extends m{constructor(){super();c(this,F,!1);c(this,G,void 0);c(this,x,void 0);c(this,$,void 0);c(this,k,void 0);c(this,R,void 0);const e=this.attachShadow({mode:"open"}),t=document.createElement("div");t.className="ea-switch_wrap";const o=Pe(),a=re("left"),d=qe(),_=re("right");t.appendChild(o),t.appendChild(a),t.appendChild(d),t.appendChild(_),n(this,G,t),n(this,x,o),n(this,$,a),n(this,k,d),n(this,R,_),this.build(e,Be),this.shadowRoot.appendChild(t)}static get observedAttributes(){return["checked"]}get inactiveText(){return this.getAttribute("inactive-text")}set inactiveText(e){this.setAttribute("inactive-text",e),r(this,$).innerText=e}get activeText(){return this.getAttribute("active-text")}set activeText(e){this.setAttribute("active-text",e),r(this,R).innerText=e}get checked(){return this.getAttrBoolean("checked")}set checked(e){this.setAttribute("checked",e),r(this,x).checked=e,r(this,x).setAttribute("checked",e),e?(r(this,k).classList.add("ea-switch_core--checked"),r(this,R).classList.add("ea-switch_label--active"),r(this,$).classList.remove("ea-switch_label--active")):(r(this,k).classList.remove("ea-switch_core--checked"),r(this,$).classList.add("ea-switch_label--active"),r(this,R).classList.remove("ea-switch_label--active"))}get disabled(){return this.getAttrBoolean("disabled")}set disabled(e){this.setAttribute("disabled",e),r(this,x).disabled=e,r(this,G).classList.toggle("ea-switch_wrap--disabled",e)}get inactiveColor(){return this.getAttribute("inactive-color")}set inactiveColor(e){e&&(this.setAttribute("inactive-color",e),e&&(r(this,k).style.backgroundColor=e))}get activeColor(){return this.getAttribute("active-color")}set activeColor(e){e&&(this.setAttribute("active-color",e),r(this,k).style.backgroundColor=e)}handleInputChecked(e){const t=r(this,x).checked;this.inactiveColor&&this.activeColor?r(this,k).style.backgroundColor=t?this.inactiveColor:this.activeColor:r(this,k).classList.toggle("ea-switch_core--checked",t)}init(){const e=this;this.checked=this.checked,this.inactiveText=this.inactiveText,this.activeText=this.activeText,this.disabled=this.disabled,this.activeColor&&this.inactiveColor&&(this.checked?this.activeColor=this.activeColor:this.inactiveColor=this.inactiveColor),r(this,$).addEventListener("click",function(t){e.checked=!r(e,x).checked}),r(this,R).addEventListener("click",function(t){e.checked=!r(e,x).checked}),r(this,k).addEventListener("click",function(t){e.checked=!r(e,x).checked})}connectedCallback(){this.init(),n(this,F,!0)}attributeChangedCallback(e,t,o){if(r(this,F)&&e==="checked"){const a=this.checked?this.activeText:this.inactiveText;this.handleInputChecked(),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:a}}))}}}F=new WeakMap,G=new WeakMap,x=new WeakMap,$=new WeakMap,k=new WeakMap,R=new WeakMap;const He=`
-@import url('/easy-component-ui/icon/index.css');
-
-:host {
-  --i-color: rgb(247, 186, 42);
-}
-.ea-rate_wrap {
-  --i-color: rgb(247, 186, 42);
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-.ea-rate_wrap .ea-rate_item {
-  cursor: pointer;
-  width: 24px;
-  height: 24px;
-}
-.ea-rate_wrap .ea-rate_item > i {
-  color: #c0c4cc;
-  font-size: 1rem;
-  line-height: 1;
-  transition: color 0.3s, font-size 0.1s;
-}
-.ea-rate_wrap .ea-rate_item.ea-rate_item--active > i {
-  color: var(--i-color);
-  font-size: 1.1rem;
-}
-.ea-rate_wrap .ea-rate_item.ea-rate_item--disabled {
-  pointer-events: none;
-  cursor: default;
-}
-.ea-rate_wrap .ea-rate_text {
-  margin-left: 0.25rem;
-  min-width: 2rem;
-  font-size: 0.8rem;
-  line-height: 0.8;
-  vertical-align: middle;
-}
-.ea-rate_wrap .ea-rate_score {
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-.ea-rate_wrap .ea-rate_score .ea-rate_score_item {
-  width: 24px;
-  height: 24px;
-}
-.ea-rate_wrap .ea-rate_score .ea-rate_score_item > i {
-  color: #c0c4cc;
-  font-size: 1rem;
-  line-height: 1;
-}
-`,We=s=>{const i=document.createElement("span");i.className="ea-rate_item",i.setAttribute("data-index",s);const e=document.createElement("i");return e.className="icon-star-empty",i.appendChild(e),i};var Y,w,K,q;class Me extends m{constructor(){super();c(this,Y,!1);c(this,w,void 0);c(this,K,void 0);c(this,q,["极差","失望","一般","满意","惊喜"]);const e=this.attachShadow({mode:"open"}),t=document.createElement("div");t.className="ea-rate_wrap";for(let a=0;a<5;a++){const d=We(a);t.appendChild(d)}const o=document.createElement("span");o.className="ea-rate_text",t.appendChild(o),n(this,w,t),n(this,K,o),this.build(e,He),this.shadowRoot.appendChild(t)}static get observedAttributes(){return["value"]}setCheckedStatus(e){const t=r(this,w).querySelectorAll(".ea-rate_item");for(let o=0;o<e;o++)t[o].classList.add("ea-rate_item--active"),t[o].querySelector("i").className=this.activeIconClass,this.showText&&(r(this,K).innerText=this.showTextList[e-1])}clearCheckedStatus(){r(this,w).querySelectorAll(".ea-rate_item").forEach(e=>{if(e.classList.remove("ea-rate_item--active"),e.querySelector("i").className=this.voidIconClass,this.showText){const t=r(this,w).querySelector(".ea-rate_text");t.innerText=""}})}get value(){const e=this.getAttribute("value")||0;return e<1||e>5||!e?0:Number(e)}set value(e){e=Number(e),this.setAttribute("value",e),this.clearCheckedStatus(),this.setCheckedStatus(e)}get color(){return this.getAttribute("color")||"rgb(247, 186, 42)"}set color(e){this.setAttribute("color",e),r(this,w).querySelectorAll(".ea-rate_item").forEach(t=>{t.querySelector("i").style.setProperty("--i-color",e)})}get showText(){return this.getAttrBoolean("show-text")}set showText(e){this.toggleAttr("show-text",e)}get showTextList(){return r(this,q)}set showTextList(e){typeof e=="object"&&e.length===5&&n(this,q,e)}get voidIconClass(){return this.getAttribute("void-icon-class")||"icon-star-empty"}set voidIconClass(e){this.setAttribute("void-icon-class",e),r(this,w).querySelectorAll(".ea-rate_item").forEach(t=>{t.querySelector("i").className=e})}get activeIconClass(){return this.getAttribute("active-icon-class")||"icon-star"}set activeIconClass(e){this.setAttribute("active-icon-class",e),r(this,w).querySelectorAll(".ea-rate_item").forEach(t=>{t.querySelector("i").className=e})}get disabled(){return this.getAttrBoolean("disabled")}set disabled(e){this.toggleAttr("disabled",e),r(this,w).querySelectorAll(".ea-rate_item").forEach(t=>{t.classList.toggle("ea-rate_item--disabled",e)})}initRateEvent(){const e=this;r(this,w).querySelectorAll(".ea-rate_item").forEach(t=>{t.addEventListener("mouseenter",function(o){const a=Number(this.getAttribute("data-index"));e.clearCheckedStatus(),e.setCheckedStatus(a+1),e.dispatchEvent(new CustomEvent("hover",{detail:{value:a+1,rateText:r(e,q)[a]}}))}),t.addEventListener("mouseleave",function(o){e.clearCheckedStatus(),e.setCheckedStatus(e.value)}),t.addEventListener("click",function(o){const a=Number(this.getAttribute("data-index"));e.value=a+1,e.dispatchEvent(new CustomEvent("change",{detail:{value:a+1,rateText:r(e,q)[a]}}))})})}init(){this.activeIconClass=this.activeIconClass,this.voidIconClass=this.voidIconClass,this.showText=this.showText,this.color=this.color,this.value=this.value,this.disabled=this.disabled,this.disabled||this.initRateEvent()}connectedCallback(){this.init(),n(this,Y,!0)}attributeChangedCallback(e,t,o){r(this,Y)&&e=="value"&&(this.clearCheckedStatus(),this.setCheckedStatus(o))}}Y=new WeakMap,w=new WeakMap,K=new WeakMap,q=new WeakMap;const Ve=`
-@import url('/easy-component-ui/icon/index.css');
-
-.ea-tag_wrap {
-  display: inline-block;
-  height: 2rem;
-  line-height: 30px;
-  white-space: nowrap;
-  padding: 0 0.625rem;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-}
-.ea-tag_wrap.ea-tag--default {
-  color: #409eff;
-  background-color: #ecf5ff;
-  border-color: #dcdfe6;
-}
-.ea-tag_wrap.ea-tag--default.ea-tag--dark {
-  color: #fff;
-  background-color: #409eff;
-  border-color: #409eff;
-}
-.ea-tag_wrap.ea-tag--default.ea-tag--plain {
-  color: #409eff;
-  background-color: #fff;
-  border-color: #dcdfe6;
-}
-.ea-tag_wrap.ea-tag--success {
-  color: #67c23a;
-  background-color: #f0f9eb;
-  border-color: #e1f3d8;
-}
-.ea-tag_wrap.ea-tag--success.ea-tag--dark {
-  color: #fff;
-  background-color: #67c23a;
-  border-color: #67c23a;
-}
-.ea-tag_wrap.ea-tag--success.ea-tag--plain {
-  color: #67c23a;
-  background-color: #fff;
-  border-color: #e1f3d8;
-}
-.ea-tag_wrap.ea-tag--info {
-  color: #909399;
-  background-color: #f4f4f5;
-  border-color: #e9e9eb;
-}
-.ea-tag_wrap.ea-tag--info.ea-tag--dark {
-  color: #fff;
-  background-color: #909399;
-  border-color: #909399;
-}
-.ea-tag_wrap.ea-tag--info.ea-tag--plain {
-  color: #909399;
-  background-color: #fff;
-  border-color: #e9e9eb;
-}
-.ea-tag_wrap.ea-tag--warning {
-  color: #e6a23c;
-  background-color: #fdf6ec;
-  border-color: #faecd8;
-}
-.ea-tag_wrap.ea-tag--warning.ea-tag--dark {
-  color: #fff;
-  background-color: #e6a23c;
-  border-color: #e6a23c;
-}
-.ea-tag_wrap.ea-tag--warning.ea-tag--plain {
-  color: #e6a23c;
-  background-color: #fff;
-  border-color: #faecd8;
-}
-.ea-tag_wrap.ea-tag--danger {
-  color: #f56c6c;
-  background-color: #fef0f0;
-  border-color: #fbc4c4;
-}
-.ea-tag_wrap.ea-tag--danger.ea-tag--dark {
-  color: #fff;
-  background-color: #f56c6c;
-  border-color: #f56c6c;
-}
-.ea-tag_wrap.ea-tag--danger.ea-tag--plain {
-  color: #f56c6c;
-  background-color: #fff;
-  border-color: #fbc4c4;
-}
-`,Ue=()=>{const s=document.createElement("i");return s.className="icon-cancel-circled2",s.style.cssText=`
-        font-size: 1rem;
-        margin-left: 0.5rem;
-        cursor: pointer;
-    `,s};var W,j;class Oe extends m{constructor(){super();c(this,W,void 0);c(this,j,void 0);const e=this.attachShadow({mode:"open"}),t=document.createElement("div");t.className="ea-tag_wrap";const o=document.createElement("slot");t.appendChild(o);const a=document.createElement("slot");a.name="close",t.appendChild(a),n(this,W,t),n(this,j,a),this.build(e,Ve),this.shadowRoot.appendChild(t)}get type(){return this.getAttribute("type")||"default"}set type(e){this.setAttribute("type",e),r(this,W).classList.add(`ea-tag--${e}`)}get closable(){return this.getAttrBoolean("closable")}set closable(e){this.toggleAttr("closable",e)}get effect(){return this.getAttribute("effect")||"light"}set effect(e){e!=="light"&&(this.setAttribute("effect",e),r(this,W).classList.add(`ea-tag--${e}`))}initCloseEvent(){const e=this,t=Ue();t.addEventListener("mouseenter",function(o){t.className="icon-cancel-circled"}),t.addEventListener("mouseleave",function(o){t.className="icon-cancel-circled2"}),t.addEventListener("click",function(o){e.dispatchEvent(new CustomEvent("close",{detail:{value:e.innerText},bubbles:!0}))}),r(this,j).appendChild(t)}init(){this.type=this.type,this.closable=this.closable,this.closable&&this.initCloseEvent(),this.effect=this.effect}connectedCallback(){this.init()}}W=new WeakMap,j=new WeakMap;const Fe=`
-@import url('/easy-component-ui/icon/index.css');
-
-.ea-progress_wrap {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  line-height: 1;
-  height: 1rem;
-}
-.ea-progress_wrap .ea-progress_track,
-.ea-progress_wrap .ea-progress_path {
-  height: 0.5rem;
-  line-height: 1;
-  background-color: rgb(235, 238, 245);
-  border-radius: 999px;
-}
-.ea-progress_wrap .ea-progress_track {
-  width: 100%;
-}
-.ea-progress_wrap .ea-progress_track .ea-progress_path {
-  box-sizing: border-box;
-  padding-right: 0.5rem;
-  color: aliceblue;
-  font-size: 0.8rem;
-  text-align: right;
-  width: 0%;
-  background-color: #409eff;
-  transition: width 0.2s;
-}
-.ea-progress_wrap .ea-progress_text {
-  margin-left: 0.5rem;
-  font-size: 0.8rem;
-  width: 3rem;
-}
-.ea-progress_wrap .ea-progress_text--circle,
-.ea-progress_wrap .ea-progress_text--dashboard {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.ea-progress_wrap svg circle {
-  stroke-width: 4px;
-  transform-origin: center center;
-  transition: stroke-dashoffset 0.2s;
-}
-.ea-progress_wrap svg .track--circle,
-.ea-progress_wrap svg .path--circle {
-  transform: rotate(-90deg);
-}
-.ea-progress_wrap svg .track--dashboard,
-.ea-progress_wrap svg .path--dashboard {
-  transform: rotate(161deg);
-}
-`,Ge={dashboard:`
-    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-        <circle class="track--dashboard" cx="50" cy="50" r="40" fill="none" stroke-dasharray="252px" stroke="aliceblue"
-            stroke-width="4px" stroke-dashoffset="100" stroke-linecap="round" />
-        <circle class="path--dashboard" cx="50" cy="50" r="40" fill="none" stroke-dasharray="252px" stroke="rgb(32, 160, 255)" stroke-width="4px"
-            stroke-dashoffset="252" stroke-linecap="round" />
-    </svg>
-    <span class="ea-progress_text--dashboard"></span>
-    `,circle:`
-    <svg viewBox="0 0 100 100">
-        <circle class="track--circle" cx="50" cy="50" r="48" fill="none" stroke="aliceblue" stroke-width="4" stroke-dasharray="302px" stroke-dashoffset="0" />
-        <circle class="path--circle" cx="50" cy="50" r="48" fill="none" stroke="rgb(32, 160, 255)" stroke-width="4" stroke-dasharray="302px" stroke-dashoffset="0"  stroke-linecap="round" />
-    </svg>
-    <span class="ea-progress_text--circle"></span>
-    `};var N,B,b,v;class Ye extends m{constructor(){super();c(this,N,void 0);c(this,B,void 0);c(this,b,void 0);c(this,v,void 0);const e=this.attachShadow({mode:"open"}),t=document.createElement("div");t.className="ea-progress_wrap";const o=document.createElement("section");o.className="ea-progress_track";const a=document.createElement("section");a.className="ea-progress_path",o.appendChild(a),t.appendChild(o);const d=document.createElement("section");d.className="ea-progress_text",t.appendChild(d),n(this,N,t),n(this,B,o),n(this,b,a),n(this,v,d),this.build(e,Fe),this.shadowRoot.appendChild(t)}handleSVGTemplate(e){r(this,N).style.height="126px",r(this,N).style.width="126px",r(this,N).innerHTML=Ge[e];const t=r(this,N).querySelector(`circle[class="track--${e}"]`),o=r(this,N).querySelector(`circle[class="path--${e}"]`),a=r(this,N).querySelector(`span[class="ea-progress_text--${e}"]`);n(this,B,t),n(this,b,o),n(this,v,a)}get type(){return this.getAttribute("type")}set type(e){if(!(e==null||e===""))switch(this.setAttribute("type",e),this.type){case"circle":this.handleSVGTemplate("circle");break;case"dashboard":this.handleSVGTemplate("dashboard");break}}get percentage(){return this.getAttribute("percentage")||0}getCirclePercentageValue(e){return 302*(100-Number(e))/100}getDashboardPercentageValue(e){return 152*(100-Number(e))/100+100}set percentage(e){if(!(e==null||e===""))switch(Number(e)<0?e=0:Number(e)>100&&(e=100),this.setAttribute("percentage",e),r(this,v).innerHTML=`${e}%`,this.type){case"circle":{r(this,b).style.strokeDashoffset=`${this.getCirclePercentageValue(e)}px`;break}case"dashboard":{r(this,b).style.strokeDashoffset=`${this.getDashboardPercentageValue(e)}px`;break}default:{r(this,b).style.width=`${e}%`,this.textInside&&this.handleTextInside(e);break}}}get statusList(){return{success:{icon:"icon-ok-circled",color:"#67c23a"},warning:{icon:"icon-attention-circled",color:"#e6a23c"},exception:{icon:"icon-cancel-circled",color:"#f56c6c"},primary:""}}handleStatusStyle(e,t){r(this,v).innerText=this.statusList[e]?"":`${this.percentage}%`,r(this,v).className=`${t} ${this.statusList[e].icon||""}`,r(this,v).style.color=this.statusList[e].color}get status(){return this.getAttribute("status")||"primary"}set status(e){switch(this.setAttribute("status",e),this.type){case"circle":this.handleStatusStyle(e,"ea-progress_text--circle"),r(this,b).style.stroke=this.statusList[e].color;break;case"dashboard":this.handleStatusStyle(e,"ea-progress_text--dashboard"),r(this,b).style.stroke=this.statusList[e].color;break;default:this.handleStatusStyle(e,"ea-progress_text"),r(this,b).style.backgroundColor=this.statusList[e].color;break}}handleTextInside(e){this.type!=="circle"&&(e?(r(this,v).style.display="none",r(this,b).innerText=`${this.percentage}%`):(r(this,v).style.display="block",r(this,b).innerText=""))}get textInside(){return this.getAttrBoolean("text-inside")}set textInside(e){this.setAttribute("text-inside",e),this.handleTextInside(e)}get strokeWidth(){return this.getAttribute("stroke-width")}set strokeWidth(e){e=e||4,this.toggleAttr("stroke-width",e),this.type==="circle"?(r(this,B).style.strokeWidth=`${Number(e)}px`,r(this,b).style.strokeWidth=`${Number(e)}px`):(e=Number(e)+4,r(this,B).style.height=`${e}px`,r(this,B).style.lineHeight=`${e}px`,r(this,b).style.height=`${e}px`,r(this,b).style.lineHeight=`${e}px`)}init(){this.type=this.type,this.percentage=this.percentage,this.status=this.status,this.textInside=this.textInside,this.strokeWidth=this.strokeWidth}connectedCallback(){this.init()}}N=new WeakMap,B=new WeakMap,b=new WeakMap,v=new WeakMap;const g=(s,i)=>{window.customElements.get(s)||window.customElements.define(s,i)};g("ea-button",se);g("ea-button-group",ne);g("ea-link",de);g("ea-radio",pe);g("ea-radio-group",ge);g("ea-checkbox",we);g("ea-checkbox-group",ke);g("ea-input",Le);g("ea-textarea",Ne);g("ea-input-number",Ie);g("ea-select",Re);g("ea-switch",De);g("ea-rate",Me);g("ea-tag",Oe);g("ea-progress",Ye);