easy-component-ui 1.0.3 → 2.0.1

package/components/ea-input/src/components/createFixIcon.js

@@ -0,0 +1 @@
+export function createFixIcon(e,n,a){const c=document.createElement("ea-icon");return c.className=`fix-icon ${a}-icon`,c.icon=n,c.part=`${a}-icon`,e.classList.add(a),e.appendChild(c),c}function handleIconDisplay(e,n){e.style.display=n?"block":"none"}function clearableEvent(e,n,a){n.addEventListener(e,(e=>{handleIconDisplay(a,e.target?.value)}))}export function createClearableFixIcon(e,n,a){const c=createFixIcon(e,a,"surfix");return c.addEventListener("click",(()=>{this.value="",n.focus()})),handleIconDisplay(c,n.value),clearableEvent("input",n,c),clearableEvent("focus",n,c),clearableEvent("blur",n,c),c}export function createShowPasswordIcon(e,n,a){const c=createFixIcon(e,a,"surfix");return c.addEventListener("click",(()=>{n.type="password"===n.type?"text":"password",c.icon="password"===n.type?"icon-eye":"icon-eye-off",n.focus()})),n.addEventListener("input",(()=>{handleIconDisplay(c,n.value)})),handleIconDisplay(c,n.value),c}

package/components/ea-input/src/components/createSuggestionBoard.js

@@ -0,0 +1 @@
+function handleSuggestionBoardClose(e){e.classList.remove("is-open")}export function createSuggestionBoard(e,n){const t=this.shadowRoot.querySelector(".ea-input_suggestion-wrap"),a=document.createElement("ul");a.className="ea-input_suggestion-wrap",n.forEach((e=>{const n=document.createElement("li");n.innerText=e.value,n.addEventListener("click",(()=>{this.value=e.value,handleSuggestionBoardClose(a)})),a.appendChild(n)}));const o=document.createElement("ea-icon");return o.className="loading-icon animate-spin",o.icon="icon-spin6 ",a.appendChild(o),window.addEventListener("click",(e=>{this.contains(e.target)||handleSuggestionBoardClose(a)})),t&&(t.remove(),a.classList.add("is-open")),e.appendChild(a),a}

package/components/ea-input/src/components/createWordLimitElement.js

@@ -0,0 +1 @@
+export function createWordLimitElement(e){const t=document.createElement("span");return t.className="ea-input_word-limit",t.innerText=`${e.value.length}/${this.maxLength}`,e.addEventListener("input",(e=>{t.innerText=`${e.target.value.length}/${this.maxLength}`})),t}

package/components/ea-input/src/style/stylesheet.js

@@ -0,0 +1 @@
+export const stylesheet="\n.ea-input_container {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n}\n.ea-input_container .ea-input_wrap {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n}\n.ea-input_container .ea-input_wrap .ea-input_inner {\n  flex: 1;\n  box-sizing: border-box;\n  box-shadow: none;\n  border: 1px solid #dcdfe6;\n  outline: 0;\n  border-radius: 3px;\n  padding: 0.5rem;\n  width: 100%;\n  line-height: 0.8;\n  font-size: 0.8rem;\n  scrollbar-width: none;\n}\n.ea-input_container .ea-input_wrap .ea-input_inner:focus {\n  border-color: #409eff;\n}\n.ea-input_container .ea-input_wrap .ea-input_inner::placeholder {\n  color: #c0c4cc;\n}\n.ea-input_container .ea-input_wrap .ea-input_inner:invalid {\n  border-color: #f56c6c;\n}\n.ea-input_container .ea-input_wrap .ea-input_inner[disabled] {\n  background-color: #eeeeee;\n  color: #c0c4cc;\n}\n.ea-input_container .ea-input_wrap .fix-icon {\n  position: absolute;\n  top: 50%;\n  font-size: 0.8rem;\n  line-height: 0.8rem;\n}\n.ea-input_container .ea-input_wrap.prefix .ea-input_inner {\n  padding-left: 1.75rem;\n}\n.ea-input_container .ea-input_wrap.prefix .prefix-icon {\n  left: 1rem;\n  transform: translate(-50%, -50%);\n}\n.ea-input_container .ea-input_wrap.surfix .ea-input_inner {\n  padding-right: 1.75rem;\n}\n.ea-input_container .ea-input_wrap.surfix .surfix-icon {\n  right: 1rem;\n  transform: translate(50%, -50%);\n}\n.ea-input_container .ea-input_wrap .ea-input_prepend-slot,\n.ea-input_container .ea-input_wrap .ea-input_append-slot {\n  height: 100%;\n}\n.ea-input_container .ea-input_wrap .ea-input_suggestion-wrap {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n  margin-block-start: 0;\n  margin-block-end: 0;\n  padding-inline-start: 0;\n  unicode-bidi: unset;\n  position: absolute;\n  box-sizing: border-box;\n  z-index: 3;\n  top: calc(100% + 5px);\n  left: 0;\n  transform-origin: top center;\n  transform: scaleY(0);\n  padding: 0.5rem 0;\n  width: 100%;\n  max-height: 10rem;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  background-color: white;\n  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);\n}\n.ea-input_container .ea-input_wrap .ea-input_suggestion-wrap li {\n  padding: 0.5rem;\n  font-size: 0.9rem;\n  cursor: pointer;\n}\n.ea-input_container .ea-input_wrap .ea-input_suggestion-wrap li:hover {\n  background-color: #f5f7fa;\n}\n.ea-input_container .ea-input_wrap .ea-input_suggestion-wrap .loading-icon {\n  display: none;\n}\n.ea-input_container .ea-input_wrap .ea-input_suggestion-wrap.loading {\n  height: 5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ea-input_container .ea-input_wrap .ea-input_suggestion-wrap.loading li {\n  display: none;\n}\n.ea-input_container .ea-input_wrap .ea-input_suggestion-wrap.loading .loading-icon {\n  display: block;\n}\n.ea-input_container .ea-input_wrap .ea-input_suggestion-wrap.is-open {\n  transform: scaleY(1);\n}\n.ea-input_container .ea-input_wrap.word-limit {\n  border: 1px solid #dcdfe6;\n  border-radius: 3px;\n}\n.ea-input_container .ea-input_wrap.word-limit .ea-input_inner {\n  border: 0;\n}\n.ea-input_container .ea-input_wrap.word-limit .ea-input_word-limit {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  padding-right: 0.5rem;\n  font-size: 0.75rem;\n  text-align: center;\n}\n.ea-input_container .ea-input_wrap.with-transition .ea-input_inner {\n  transition: border 0.3s;\n}\n.ea-input_container .ea-input_wrap.with-transition .ea-input_suggestion-wrap {\n  transition: transform 0.3s;\n}\n";

package/components/ea-input/src/utils/dispatchEvent.js

@@ -0,0 +1 @@
+export function dispatchEvent(t,e){this.dispatchEvent(new CustomEvent(e,{detail:{value:t.target.value}}))}

package/components/ea-input/src/utils/handleSearchResult.js

@@ -0,0 +1 @@
+export function handleSearchResult(e,l){e.querySelectorAll("li").forEach((e=>{e.innerText.includes(l)?e.style.display="block":e.style.display="none"}))}

package/components/ea-input/src/utils/handleSuggestionBoardTrigger.js

@@ -0,0 +1 @@
+export function initTriggerAfterInputEvent(e,t){e.addEventListener("input",(e=>{const n=Array.from(t.querySelectorAll("li")).some(((t,n)=>t.innerText.includes(e.target.value)));t.classList.toggle("is-open",n&&""!==e.target.value)}))}export function initTriggerOnFocusEvent(e,t){t.addEventListener("focus",(t=>{e.classList.add("is-open")}))}

package/components/ea-input-number/index.js

@@ -1,458 +1 @@
-// @ts-nocheck
-import Base from '../Base.js';
-
-const stylesheet = `
-.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;
-}
-`;
-
-// +/- 符号dom
-const signDom = (sign) => {
-    const dom = document.createElement('span');
-    dom.className = `ea-input-number_sign ${sign}`;
-
-    dom.innerHTML = sign === 'minus' ? '-' : '+';
-
-    return dom;
-}
-
-// input dom
-const inputDom = () => {
-    const input = document.createElement('input');
-    input.className = 'ea-input-number_inner';
-    input.type = 'text';
-    input.value = 0;
-
-    return input;
-}
-
-export class EaInputNumber extends Base {
-    #wrap;
-    #input;
-    #signMinus;
-    #signPlus;
-    constructor() {
-        super();
-
-        const shadowRoot = this.attachShadow({ mode: 'open' });
-        const wrap = document.createElement('div');
-        wrap.className = 'ea-input-number_wrap';
-
-        const input = inputDom();
-        const signMinus = signDom('minus');
-        const signPlus = signDom('plus');
-        wrap.appendChild(signMinus);
-        wrap.appendChild(input);
-        wrap.appendChild(signPlus);
-
-        this.#wrap = wrap;
-        this.#input = input;
-        this.#signMinus = signMinus;
-        this.#signPlus = signPlus;
-
-        this.build(shadowRoot, stylesheet);
-        this.shadowRoot.appendChild(wrap);
-    }
-
-    // 处理输入框加减事件
-    signEvent(sign, precision, eventName) {
-        if (this.getAttrBoolean('disabled')) return;
-
-        const val = Number(this.#input.value);
-
-        const defaultStepPrecision = this.#input.value.split('.')[1]; // 简单处理精度问题
-        const res = sign === "minu" ? val - this.step : val + this.step; // 处理加减问题
-
-        if (precision) {
-            this.#input.value = (res).toFixed(precision);
-        }
-        // 简单处理精度问题
-        else if (defaultStepPrecision?.length) {
-            this.#input.value = (res).toFixed(defaultStepPrecision.length);
-        } else {
-            this.#input.value = res;
-        }
-
-        // 为外部dom添加事件监听
-        if (eventName) {
-            this.#input.dispatchEvent(
-                new CustomEvent(eventName, {
-                    detail: {
-                        value: this.#input.value
-                    }
-                })
-            )
-        }
-
-        // 限制输入框的值
-        this.handleLimitVal();
-    }
-
-    // 处理连加连减事件
-    handleCounterEvent(sign) {
-        let timer = setInterval(() => {
-            this.signEvent(sign, this.precision);
-            this.handleLimitVal();
-        }, 100);
-
-        this.addEventListener('mouseup', function () {
-            clearInterval(timer);
-            timer = null;
-        })
-    }
-
-    // 处理输入框聚焦失焦事件
-    handleWrapBorder(flag) {
-        this.#wrap.classList.toggle('focus', flag)
-    }
-
-    handleLimitVal() {
-        if (this.min === false && this.max === false) return;
-
-        // 限制输入框的值
-        if (this.min !== undefined && this.#input.value < this.min) {
-            this.#input.value = this.min;
-        } else if (this.max !== undefined && this.#input.value > this.max) {
-            this.#input.value = this.max;
-        }
-
-        // 当达到限制值时, 禁用加减按钮
-        if (this.#input.value == this.min) {
-            this.#signMinus.classList.add('disabled');
-        } else if (this.#input.value == this.max) {
-            this.#signPlus.classList.add('disabled');
-        } else {
-            try {
-                this.#signMinus.classList.remove('disabled');
-                this.#signPlus.classList.remove('disabled');
-            } catch (error) {
-
-            }
-        }
-    }
-
-    // ------- value 值 -------
-    // #region
-    get value() {
-        return this.getAttribute('value') || 0;
-    }
-
-    set value(val) {
-        val = this.precision ? Number(val).toFixed(this.precision) : Number(val);
-        this.setAttribute('value', val);
-
-        this.#input.value = val;
-    }
-    // #endregion
-    // ------- end -------
-
-    // ------- disabled 禁用 -------
-    // #region
-    get disabled() {
-        return this.getAttrBoolean('disabled');
-    }
-
-    set disabled(flag) {
-        this.toggleAttr('disabled', flag);
-
-        this.#input.disabled = flag;
-        this.#input.classList.toggle('disabled', flag);
-        this.#signMinus.classList.toggle('disabled', flag);
-        this.#signPlus.classList.toggle('disabled', flag);
-    }
-    // #endregion
-    // ------- end -------
-
-    // ------- step 加减的步长 -------
-    // #region
-    get step() {
-        return Number(this.getAttribute('step')) || 1;
-    }
-
-    set step(step) {
-        this.setAttribute('step', step);
-    }
-    // #endregion
-    // ------- end -------
-
-    // ------- step-strictly 严格步长 -------
-    // #region
-    get stepStrictly() {
-        return this.getAttrBoolean('step-strictly');
-    }
-
-    set stepStrictly(flag) {
-        this.toggleAttr('step-strictly', flag);
-    }
-    // #endregion
-    // ------- end -------
-
-    // ------- min/max 限制最大/最小值 -------
-    // #region
-    get min() {
-        if (this.getAttribute('min') === null) return false;
-        else return Number(this.getAttribute('min')) || 0;
-    }
-
-    set min(min) {
-        if (min === false) {
-            this.removeAttribute('min');
-            return;
-        }
-
-        this.setAttribute('min', min);
-    }
-
-    get max() {
-        if (this.getAttribute('max') === null) return false;
-        else return Number(this.getAttribute('max'));
-    }
-
-    set max(max) {
-        this.setAttribute('max', max);
-    }
-    // #endregion
-    // ------- end -------
-
-    // ------- precision 精度 -------
-    // #region
-    get precision() {
-        const num = Number(this.getAttribute('precision'));
-        if (num < 0 || !Number.isInteger(num)) {
-            console.warn(`precision must be a positive integer(precisionValue: ${num})`);
-            return false;
-        }
-
-        return Number(this.getAttribute('precision')) || 0;
-    }
-
-    set precision(precision) {
-        this.setAttribute('precision', precision);
-    }
-    // #endregion
-    // ------- end -------
-
-    // ------- size 按钮大小(medium、small、mini) -------
-    // #region
-    get size() {
-        return this.getAttribute('size') || '';
-    }
-
-    handleSize(size) {
-        this.#signMinus.classList.add(`ea-input-number_sign--${size}`);
-        this.#signPlus.classList.add(`ea-input-number_sign--${size}`);
-        this.#input.classList.add(`ea-input-number_inner--${size}`);
-        this.setAttribute('size', size);
-    }
-
-    set size(size) {
-        switch (size) {
-            case 'medium':
-                this.handleSize('medium');
-                break;
-            case 'small':
-                this.handleSize('small');
-                break;
-            case 'mini':
-                this.handleSize('mini');
-                break;
-            default:
-                break;
-        }
-    }
-    // #endregion
-    // ------- end -------
-
-    init() {
-        const that = this;
-
-        // 禁用
-        this.disabled = this.disabled;
-
-        // 大小
-        this.size = this.size;
-
-        // 默认值
-        if (this.min) this.value = this.min;
-        else this.value = this.value;
-
-        // 限制值初始化
-        this.handleLimitVal();
-
-        // 输入框获取焦点
-        this.#input.addEventListener('focus', function (e) {
-            that.handleWrapBorder(true);
-
-            this.dispatchEvent(new CustomEvent("blur",
-                { detail: { value: this.value } }
-            ))
-        })
-
-        // 输入框失去焦点
-        this.#input.addEventListener('blur', function (e) {
-            that.handleWrapBorder(false);
-
-            if (that.stepStrictly) {
-                const step = that.step;
-                const val = Number(that.#input.value);
-                const mod = val % step;
-
-                if (val < 0 && mod !== 0) that.#input.value = val - mod - step;
-                else if (val < 0 && mod === 0) that.#input.value = val;
-                else if (mod === 0) that.#input.value = val;
-                else that.#input.value = val - mod + step;
-            }
-
-            that.handleLimitVal();
-
-            this.dispatchEvent(new CustomEvent("blur",
-                { detail: { value: this.value } }
-            ))
-        })
-
-        // 减号
-        this.#signMinus.addEventListener('click', function () {
-            that.signEvent("minu", that.precision, "minus");
-        })
-
-        // 加号
-        this.#signPlus.addEventListener('click', function (e) {
-            that.signEvent("plus", that.precision, "plus");
-        })
-
-        // 连减
-        this.#signMinus.addEventListener('mousedown', function (e) {
-            that.handleCounterEvent("minu", that.precision);
-        })
-
-        // 连加
-        this.#signPlus.addEventListener('mousedown', function () {
-            that.handleCounterEvent("plus", that.precision);
-        })
-
-        // 输入框值改变时
-        this.#input.addEventListener('change', function (e) {
-            that.handleLimitVal();
-
-            this.dispatchEvent(new CustomEvent("change", { detail: { value: this.value } }))
-        })
-
-    }
-
-    connectedCallback() {
-        this.init();
-    }
-}
-
-if (!window.customElements.get("ea-input-number")) {
-    window.customElements.define("ea-input-number", EaInputNumber);
-}
+import Base from"../Base.js";import{stylesheet}from"./src/style/stylesheet.js";import{handleCustomEvent}from"./src/utils/handleCustomEvent.js";export class EaInputNumber extends Base{#t;#e;#i;#s;constructor(){super();const t=this.attachShadow({mode:"open"});t.innerHTML='\n            <div class="ea-input-number_wrap" part="container">\n                <span class="ea-input-number_sign minus" part="minus-wrap">-</span>\n                <input class="ea-input-number_inner" part="input" type="text" />\n                <span class="ea-input-number_sign plus" part="plus-wrap">+</span>\n            </div>\n        ',this.#t=t.querySelector(".ea-input-number_wrap"),this.#e=t.querySelector(".ea-input-number_inner"),this.#i=t.querySelector(".minus"),this.#s=t.querySelector(".plus"),this.build(t,stylesheet)}#n(t,e,i){if(this.getAttrBoolean("disabled"))return;const s=Number(this.#e.value),n=this.#e.value.split(".")[1],u="minus"===t?s-this.step:s+this.step;this.#e.value=e?u.toFixed(e):n?.length?u.toFixed(n.length):u,this.#u(),i&&this.#a("change",u)}#l(t){let e=setInterval((()=>{this.#n(t,this.precision),this.#u()}),100);this.addEventListener("mouseup",(function(){clearInterval(e),e=null}))}#u(){!1===this.min&&!1===this.max||(void 0!==this.min&&this.#e.value<this.min?this.#e.value=this.min:void 0!==this.max&&this.#e.value>this.max&&(this.#e.value=this.max),this.#i.classList.toggle("disabled",this.#e.value==this.min),this.#s.classList.toggle("disabled",this.#e.value==this.max))}#h(){isNaN(Number(this.#e.value))?this.#e.value=this.value:this.value=Number(this.#e.value)}#a(t,e=this.value){handleCustomEvent.call(this,t,{value:e})}get value(){return Number(this.getAttribute("value"))||0}set value(t){t=this.precision?Number(t).toFixed(this.precision):Number(t),this.setAttribute("value",t),this.#e.value=t}get disabled(){return this.getAttrBoolean("disabled")}set disabled(t){this.toggleAttr("disabled",t),this.#e.disabled=t,this.#t.classList.toggle("disabled",t),this.style.cursor=t?"not-allowed":"pointer"}get readonly(){return this.getAttrBoolean("readonly")}set readonly(t){t&&(this.#e.readOnly=t)}get step(){return this.getAttrNumber("step")||1}set step(t){t&&this.setAttribute("step",t)}get stepStrictly(){return this.getAttrBoolean("step-strictly")}set stepStrictly(t){this.toggleAttr("step-strictly",t)}get min(){return this.getAttrNumber("min")||-1/0}set min(t){Number.isNaN(t)&&!Number.isFinite(t)&&this.setAttribute("min",t)}get max(){return this.getAttrNumber("max")||1/0}set max(t){t&&this.setAttribute("max",t)}get precision(){const t=this.getAttrNumber("precision");return t<0||!Number.isInteger(t)?0:t}set precision(t){t&&this.setAttribute("precision",t)}get sizeType(){return["medium","small","mini"]}get size(){const t=this.getAttribute("size");return this.sizeType.includes(t)?t:"medium"}set size(t){this.setAttribute("size",t),this.#t.classList.add(`ea-input-number--${t}`)}connectedCallback(){this.style.display="inline-block",this.disabled=this.disabled,this.readonly=this.readonly,this.size=this.size,this.value=this.value,this.min!==-1/0&&(this.value=this.min),this.#u(),this.#e.addEventListener("focus",(t=>{this.#t.classList.add("focus"),this.#a("focus")})),this.#e.addEventListener("blur",(t=>{if(this.#t.classList.remove("focus"),this.stepStrictly){const t=that.step,e=Number(that.#e.value),i=e%t;e<0&&0!==i?that.#e.value=e-i-t:e<0&&0===i||0===i?that.#e.value=e:this.#e.value=e-i+t}this.#u(),this.#a("blur")})),this.#i.addEventListener("click",(()=>{this.#h(),this.#n("minus",this.precision,"minus")})),this.#s.addEventListener("click",(()=>{this.#h(),this.#n("plus",this.precision,"plus")})),this.#i.addEventListener("mousedown",(()=>{this.#h(),this.#l("minus",this.precision)})),this.#s.addEventListener("mousedown",(()=>{this.#h(),this.#l("plus",this.precision)})),this.#e.addEventListener("input",(()=>{this.#h(),this.#u(),this.#a("change")}))}}window.customElements.get("ea-input-number")||window.customElements.define("ea-input-number",EaInputNumber);

package/components/ea-input-number/src/style/stylesheet.js

@@ -0,0 +1 @@
+export const stylesheet='\n.ea-input-number_wrap {\n  display: flex;\n  align-items: center;\n  border: 1px solid transparent;\n  border-radius: 3px;\n  transition: border 0.2s;\n}\n.ea-input-number_wrap .ea-input-number_sign {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  border: 1px solid #dcdfe6;\n  background-color: #f5f7fa;\n  height: 2rem;\n  width: 2rem;\n  cursor: pointer;\n  font-size: 1rem;\n  line-height: 1;\n  user-select: none;\n}\n.ea-input-number_wrap .ea-input-number_sign:first-child {\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px;\n  border-right: 0;\n}\n.ea-input-number_wrap .ea-input-number_sign:last-child {\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  border-left: 0;\n}\n.ea-input-number_wrap .ea-input-number_sign:hover {\n  color: #409eff;\n}\n.ea-input-number_wrap .ea-input-number_sign.disabled {\n  pointer-events: none;\n  cursor: not-allowed;\n  color: #c0c4cc;\n}\n.ea-input-number_wrap .ea-input-number_inner {\n  box-sizing: border-box;\n  box-shadow: none;\n  border: 1px solid #dcdfe6;\n  outline: 0;\n  transition: border 0.2s;\n  border-radius: 3px;\n  padding: 0.5rem;\n  line-height: 0.8;\n  font-size: 0.8rem;\n  scrollbar-width: none;\n  width: 5rem;\n  height: 2rem;\n  border-radius: 0;\n  text-align: center;\n}\n.ea-input-number_wrap .ea-input-number_inner:focus {\n  border-color: #409eff;\n}\n.ea-input-number_wrap .ea-input-number_inner::placeholder {\n  color: #c0c4cc;\n}\n.ea-input-number_wrap .ea-input-number_inner.invalid {\n  border-color: #f56c6c;\n}\n.ea-input-number_wrap .ea-input-number_inner.disabled {\n  background-color: #eeeeee;\n  color: #c0c4cc;\n}\n.ea-input-number_wrap .ea-input-number_inner.ea-input_clear ::before {\n  content: "e9c3";\n  display: block;\n}\n.ea-input-number_wrap .ea-input-number_inner:focus {\n  border-color: #dcdfe6;\n}\n.ea-input-number_wrap .ea-input-number_inner.disabled {\n  pointer-events: none;\n  cursor: not-allowed;\n  color: #c0c4cc;\n  background-color: #f5f7fa;\n}\n.ea-input-number_wrap.focus {\n  border: 1px solid #409eff;\n}\n.ea-input-number_wrap.focus .ea-input-number_sign {\n  border-color: transparent;\n}\n.ea-input-number_wrap.disabled {\n  pointer-events: none;\n  cursor: not-allowed;\n}\n.ea-input-number_wrap.disabled .ea-input-number_sign,\n.ea-input-number_wrap.disabled .ea-input-number_inner {\n  color: #c0c4cc;\n  border-color: #dcdfe6;\n}\n.ea-input-number_wrap.ea-input-number--medium .ea-input-number_sign {\n  height: 1.75rem;\n  width: 1.75rem;\n}\n.ea-input-number_wrap.ea-input-number--medium .ea-input-number_inner {\n  height: 1.75rem;\n  line-height: 1.75rem;\n}\n.ea-input-number_wrap.ea-input-number--small .ea-input-number_sign {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n.ea-input-number_wrap.ea-input-number--small .ea-input-number_inner {\n  height: 1.5rem;\n  line-height: 1.5rem;\n}\n.ea-input-number_wrap.ea-input-number--mini .ea-input-number_sign {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n.ea-input-number_wrap.ea-input-number--mini .ea-input-number_inner {\n  height: 1.25rem;\n  line-height: 1.25rem;\n}\n';

package/components/ea-input-number/src/utils/handleCustomEvent.js

@@ -0,0 +1 @@
+export function handleCustomEvent(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e}))}