@ipa-community/element-plus 0.0.3 → 0.0.4

package/README.md

@@ -84,7 +84,6 @@ or test release
 bun run release --dry-run
 ```
 
-
 ## TODO
 
-- [ ] decrease package size
+- [ ] decrease package size

package/components.d.ts

@@ -11,7 +11,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    ElAuthCode: typeof import('./src/components/ElAuthCode/index.vue')['default']
+    ElAuthCode: typeof import('./src/components/input/ElAuthCode.vue')['default']
     ElAutoResizer: typeof import('element-plus/es')['ElAutoResizer']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElEmpty: typeof import('element-plus/es')['ElEmpty']
@@ -19,7 +19,7 @@ declare module 'vue' {
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTablePlus: typeof import('./src/components/ElTablePlus/index.vue')['default']
+    ElTablePlus: typeof import('./src/components/table/ElTablePlus.vue')['default']
     ElTableV2: typeof import('element-plus/es')['ElTableV2']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']

package/eslint.config.js

@@ -28,8 +28,14 @@ export default [
   { ignores: ["dist", ".eslintrc-auto-import.cjs", "lib"] },
   {
     rules: {
-      "vue/multi-word-component-names": "warn",
+      "vue/multi-word-component-names": "error",
       "@typescript-eslint/no-explicit-any": "warn",
     },
   },
+  {
+    files: ["src/pages/**/*.vue"],
+    rules: {
+      "vue/multi-word-component-names": "off",
+    },
+  },
 ];

package/lib/{index-DaeDazhE.js → ElAuthCode-BtEs4aSF.js}

@@ -1,8 +1,8 @@
-import { defineComponent as b, mergeModels as m, useModel as I, ref as i, watch as k, computed as w, createElementBlock as f, openBlock as c, Fragment as B, renderList as F, createBlock as S, unref as $, normalizeStyle as A, withKeys as K } from "vue";
-import { ElInput as M } from "element-plus";
-import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const z = { class: "code-input-group" }, D = /* @__PURE__ */ b({
-  __name: "index",
+import { defineComponent as b, mergeModels as m, useModel as I, ref as i, watch as k, computed as w, createElementBlock as f, openBlock as r, Fragment as A, renderList as B, createBlock as E, unref as F, normalizeStyle as S, withKeys as $ } from "vue";
+import { ElInput as C } from "element-plus";
+import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const M = { class: "code-input-group" }, j = /* @__PURE__ */ b({
+  __name: "ElAuthCode",
   props: /* @__PURE__ */ m({
     // 验证码长度（默认6位）
     length: {
@@ -28,10 +28,10 @@ const z = { class: "code-input-group" }, D = /* @__PURE__ */ b({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ m(["complete", "update:modelValue"], ["update:modelValue"]),
-  setup(u, { expose: p, emit: v }) {
-    const l = u, h = I(u, "modelValue"), r = v, t = i(Array(l.length).fill(""));
+  setup(a, { expose: p, emit: h }) {
+    const l = a, v = I(a, "modelValue"), c = h, t = i(Array(l.length).fill(""));
     k(
-      h,
+      v,
       (e) => {
         t.value = [
           ...(e ?? "").split(""),
@@ -42,43 +42,43 @@ const z = { class: "code-input-group" }, D = /* @__PURE__ */ b({
         immediate: !0
       }
     );
-    const a = i([]), y = w(() => l.disabled), g = (e) => {
+    const u = i([]), y = w(() => l.disabled), g = (e) => {
       const d = t.value[e];
       if (!/^\d?$/.test(d)) {
         t.value[e] = "";
         return;
       }
-      d && e < l.length - 1 && a.value[e + 1]?.focus();
+      d && e < l.length - 1 && u.value[e + 1]?.focus();
       const n = t.value.join("");
-      n.length === l.length && r("complete", n), r("update:modelValue", n);
+      n.length === l.length && c("complete", n), c("update:modelValue", n);
     }, V = (e) => {
-      t.value[e] === "" && e > 0 && a.value[e - 1]?.focus();
+      t.value[e] === "" && e > 0 && u.value[e - 1]?.focus();
     }, _ = (e) => {
-      a.value[e]?.select();
+      u.value[e]?.select();
     };
     return p({ reset: () => {
-      t.value = Array(l.length).fill(""), a.value[0]?.focus();
-    } }), (e, d) => (c(), f("div", z, [
-      (c(!0), f(B, null, F(u.length, (n, o) => (c(), S($(M), {
+      t.value = Array(l.length).fill(""), u.value[0]?.focus();
+    } }), (e, d) => (r(), f("div", M, [
+      (r(!0), f(A, null, B(a.length, (n, o) => (r(), E(F(C), {
         key: o,
         ref_for: !0,
         ref_key: "codeInputRefs",
-        ref: a,
+        ref: u,
         modelValue: t.value[o],
         "onUpdate:modelValue": (s) => t.value[o] = s,
         class: "code-input-item",
         size: "small",
         maxlength: "1",
         onInput: (s) => g(o),
-        onKeydown: K((s) => V(o), ["delete"]),
+        onKeydown: $((s) => V(o), ["delete"]),
         onFocus: (s) => _(o),
         disabled: y.value,
         type: "tel",
-        style: A(u.itemStyle)
+        style: S(a.itemStyle)
       }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput", "onKeydown", "onFocus", "disabled", "style"]))), 128))
     ]));
   }
-}), q = /* @__PURE__ */ j(D, [["__scopeId", "data-v-4cd9f76d"]]);
+}), U = /* @__PURE__ */ K(j, [["__scopeId", "data-v-a341dfde"]]);
 export {
-  q as default
+  U as default
 };

package/lib/ElAuthCode-CjW7VQCs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("element-plus"),V=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),_={class:"code-input-group"},b=e.defineComponent({__name:"ElAuthCode",props:e.mergeModels({length:{type:Number,default:6},disabled:{type:Boolean,default:!1},itemStyle:{type:Object,default:()=>({width:"40px"})}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:e.mergeModels(["complete","update:modelValue"],["update:modelValue"]),setup(a,{expose:i,emit:m}){const o=a,p=e.useModel(a,"modelValue"),d=m,l=e.ref(Array(o.length).fill(""));e.watch(p,t=>{l.value=[...(t??"").split(""),...Array(o.length).fill("")],l.value.length!=o.length&&(l.value=l.value.slice(0,o.length))},{immediate:!0});const n=e.ref([]),f=e.computed(()=>o.disabled),v=t=>{const r=l.value[t];if(!/^\d?$/.test(r)){l.value[t]="";return}r&&t<o.length-1&&n.value[t+1]?.focus();const s=l.value.join("");s.length===o.length&&d("complete",s),d("update:modelValue",s)},h=t=>{l.value[t]===""&&t>0&&n.value[t-1]?.focus()},g=t=>{n.value[t]?.select()};return i({reset:()=>{l.value=Array(o.length).fill(""),n.value[0]?.focus()}}),(t,r)=>(e.openBlock(),e.createElementBlock("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.length,(s,u)=>(e.openBlock(),e.createBlock(e.unref(y.ElInput),{key:u,ref_for:!0,ref_key:"codeInputRefs",ref:n,modelValue:l.value[u],"onUpdate:modelValue":c=>l.value[u]=c,class:"code-input-item",size:"small",maxlength:"1",onInput:c=>v(u),onKeydown:e.withKeys(c=>h(u),["delete"]),onFocus:c=>g(u),disabled:f.value,type:"tel",style:e.normalizeStyle(a.itemStyle)},null,8,["modelValue","onUpdate:modelValue","onInput","onKeydown","onFocus","disabled","style"]))),128))]))}}),k=V._export_sfc(b,[["__scopeId","data-v-a341dfde"]]);exports.default=k;