@ipa-community/element-plus 0.0.3 → 0.0.4

package/lib/{table-forQfWBb.cjs → table-DnNkGrLR.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-C_s6bFgm.cjs"),a={class:"h-400px"},r=e.defineComponent({__name:"table",setup(u){const l=e.ref([{id:1,name:"张三",age:18},{id:2,name:"李四",age:20}]);return(s,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",a,[e.createVNode(e.unref(t.ElTablePlus),{version:"v2","auto-load":!1,modelValue:e.unref(l),"onUpdate:modelValue":n[0]||(n[0]=o=>e.isRef(l)?l.value=o:null)},null,8,["modelValue"])])]))}});exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-C3NSW_8F.cjs"),a={class:"h-400px"},r=e.defineComponent({__name:"table",setup(u){const l=e.ref([{id:1,name:"张三",age:18},{id:2,name:"李四",age:20}]);return(s,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",a,[e.createVNode(e.unref(t.ElTablePlus),{version:"v2","auto-load":!1,modelValue:e.unref(l),"onUpdate:modelValue":n[0]||(n[0]=o=>e.isRef(l)?l.value=o:null)},null,8,["modelValue"])])]))}});exports.default=r;

package/lib/{table-LdapiE0J.js → table-T2Jkjf7q.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, ref as t, createElementBlock as r, openBlock as s, createElementVNode as d, createVNode as m, unref as o, isRef as u } from "vue";
-import { E as i } from "./index-FUqkHp7t.js";
+import { E as i } from "./index-Dkgs1rld.js";
 const p = { class: "h-400px" }, V = /* @__PURE__ */ n({
   __name: "table",
   setup(c) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ipa-community/element-plus",
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "files": [
     "lib",

package/lib/index-u8W1XFVy.cjs

@@ -1 +0,0 @@
-"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:"index",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)},g=t=>{l.value[t]===""&&t>0&&n.value[t-1]?.focus()},h=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=>g(u),["delete"]),onFocus:c=>h(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-4cd9f76d"]]);exports.default=k;

package/lib/index2.css

@@ -1 +0,0 @@
-.code-input-group[data-v-4cd9f76d]{display:flex;flex-direction:row;gap:12px;margin:5px;height:40px}.code-input-item[data-v-4cd9f76d]{text-align:center;font-size:16px;letter-spacing:0;border-radius:8px;width:40px}[data-v-4cd9f76d] .el-input__wrapper{box-shadow:none!important;border:1px solid #dcdfe6!important}[data-v-4cd9f76d] .el-input__wrapper:focus-within{border-color:#409eff!important;box-shadow:0 0 0 2px #409eff33!important}[data-v-4cd9f76d] .el-input.is-disabled .el-input__wrapper{background-color:#f5f7fa!important;color:#c0c4cc!important}[data-v-4cd9f76d] .el-input__inner{text-align:center}