@ipa-community/element-plus 0.0.2 → 0.0.4

package/README.md

@@ -1,8 +1,6 @@
-# vite7 + vitest + i18n + prettier + eslint + unplugin... + husky
+# @ipa-community/element-plus
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+based on [vue-component-library](https://github.com/ipa-community/vue-component-library)
 
 1. [unplugin-vue-component](https://github.com/unplugin/unplugin-vue-components#readme)
 2. [unplugin-auto-import](https://github.com/unplugin/unplugin-auto-import)
@@ -85,3 +83,7 @@ or test release
 ```bash
 bun run release --dry-run
 ```
+
+## TODO
+
+- [ ] decrease package size

package/components.d.ts

@@ -11,6 +11,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    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']
@@ -18,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/ElAuthCode-BtEs4aSF.js

@@ -0,0 +1,84 @@
+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: {
+      type: Number,
+      default: 6
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    itemStyle: {
+      type: Object,
+      default: () => ({
+        width: "40px"
+      })
+    }
+  }, {
+    modelValue: {
+      type: String,
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ m(["complete", "update:modelValue"], ["update:modelValue"]),
+  setup(a, { expose: p, emit: h }) {
+    const l = a, v = I(a, "modelValue"), c = h, t = i(Array(l.length).fill(""));
+    k(
+      v,
+      (e) => {
+        t.value = [
+          ...(e ?? "").split(""),
+          ...Array(l.length).fill("")
+        ], t.value.length != l.length && (t.value = t.value.slice(0, l.length));
+      },
+      {
+        immediate: !0
+      }
+    );
+    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 && u.value[e + 1]?.focus();
+      const n = t.value.join("");
+      n.length === l.length && c("complete", n), c("update:modelValue", n);
+    }, V = (e) => {
+      t.value[e] === "" && e > 0 && u.value[e - 1]?.focus();
+    }, _ = (e) => {
+      u.value[e]?.select();
+    };
+    return p({ reset: () => {
+      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: 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: $((s) => V(o), ["delete"]),
+        onFocus: (s) => _(o),
+        disabled: y.value,
+        type: "tel",
+        style: S(a.itemStyle)
+      }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput", "onKeydown", "onFocus", "disabled", "style"]))), 128))
+    ]));
+  }
+}), U = /* @__PURE__ */ K(j, [["__scopeId", "data-v-a341dfde"]]);
+export {
+  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;