npm - huiyi-select-table - Versions diffs - 0.0.1 → 0.0.2 - Mend

huiyi-select-table 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/{huiyi-select-table.es.js → huiyi-select-table.js} +53 -48
package/dist/huiyi-select-table.umd.cjs +1 -0
package/package.json +6 -5
package/dist/huiyi-select-table.umd.js +0 -1

package/dist/{huiyi-select-table.es.js → huiyi-select-table.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { defineComponent as M, resolveComponent as d, createElementBlock as y, openBlock as g, createVNode as C, withDirectives as j, unref as m, isRef as A, createElementVNode as H, withCtx as N, Fragment as F, renderList as K, createBlock as U, vShow as q } from "vue";
-const Q = { class: "spanDiv" }, $ = /* @__PURE__ */ M({
+import { defineComponent as j, resolveComponent as w, createElementBlock as C, openBlock as g, createVNode as I, withDirectives as A, unref as m, isRef as H, createElementVNode as N, withCtx as F, Fragment as K, renderList as U, createBlock as q, vShow as Q } from "vue";
+const $ = { class: "spanDiv" }, z = /* @__PURE__ */ j({
   name: "InputSelectCompont",
   __name: "SelectTable",
   props: {
@@ -8,37 +8,37 @@ const Q = { class: "spanDiv" }, $ = /* @__PURE__ */ M({
     columnList: Object
   },
   emits: ["slectValue"],
-  setup(n, { emit: r }) {
-    const u = n, a = ref(""), s = ref(!1), t = ref([]), b = ref([]), p = ref(!1), o = ref(-1), f = ref(-1), h = ref(null), w = () => {
-      s.value = !0, a.value ? (t.value = u.originalData.filter((e) => Object.keys(e).some((l) => String(e[l]).toLowerCase().includes(a.value.toLowerCase()))), console.log(t.value), o.value = -1, f.value = -1) : t.value = u.originalData;
-    }, V = r, D = (e) => {
-      b.value = e;
-    }, _ = (e) => {
-      b.value = e, e && (a.value = e[u.showValue], s.value = !1), V("slectValue", e);
-    }, x = () => {
-      p.value == !1 && (s.value = !1);
+  setup(n, { emit: u }) {
+    const r = n, a = ref(""), s = ref(!1), t = ref([]), _ = ref([]), p = ref(!1), o = ref(-1), f = ref(-1), h = ref(null), d = () => {
+      s.value = !0, a.value ? (t.value = r.originalData.filter((e) => Object.keys(e).some((l) => String(e[l]).toLowerCase().includes(a.value.toLowerCase()))), console.log(t.value), o.value = -1, f.value = -1) : t.value = r.originalData;
+    }, x = u, D = (e) => {
+      _.value = e;
+    }, k = (e) => {
+      _.value = e, e && (a.value = e[r.showValue], s.value = !1), x("slectValue", e);
     }, R = () => {
-      p.value = !0;
+      p.value == !1 && (s.value = !1);
     }, S = () => {
+      p.value = !0;
+    }, O = () => {
       p.value = !1;
-    }, O = (e) => {
+    }, E = (e) => {
       if (console.log(e.key, "event.key "), t.value.length !== 0)
         if (e.key == "ArrowDown") {
           e.preventDefault();
           let l = o.value + 1;
-          l >= t.value.length && (l = 0), console.log(l, "newIndex"), k(l);
+          l >= t.value.length && (l = 0), console.log(l, "newIndex"), y(l);
         } else if (e.key == "ArrowUp") {
           e.preventDefault();
           let l = o.value - 1;
-          l < 0 && (l = t.value.length - 1), k(l);
-        } else e.key === "Enter" && (e.preventDefault(), s.value == !0 ? E() : w());
-    }, E = () => {
+          l < 0 && (l = t.value.length - 1), y(l);
+        } else e.key === "Enter" && (e.preventDefault(), s.value == !0 ? T() : d());
+    }, T = () => {
       if (o.value >= 0) {
         f.value === o.value ? f.value = -1 : f.value = o.value;
         const e = t.value;
-        console.log(e[o.value], o.value, "hh[currentHighlightIndex]"), _(t.value[o.value]);
+        console.log(e[o.value], o.value, "hh[currentHighlightIndex]"), k(t.value[o.value]);
       }
-    }, k = (e) => {
+    }, y = (e) => {
       o.value = e, nextTick(() => {
         if (h.value && t.value.length > 0 && e >= 0 && e < t.value.length) {
           const c = h.value.$el.querySelectorAll(".el-table__row");
@@ -47,25 +47,25 @@ const Q = { class: "spanDiv" }, $ = /* @__PURE__ */ M({
       });
     };
     return (e, l) => {
-      const c = d("el-input"), T = d("el-table-column"), L = d("el-table");
-      return g(), y("span", {
+      const c = w("el-input"), L = w("el-table-column"), B = w("el-table");
+      return g(), C("span", {
         class: "spanInput",
-        onMouseover: R,
-        onMouseout: S
+        onMouseover: S,
+        onMouseout: O
       }, [
-        C(c, {
+        I(c, {
           placeholder: "请输入搜索内容",
           modelValue: m(a),
-          "onUpdate:modelValue": l[0] || (l[0] = (i) => A(a) ? a.value = i : null),
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => H(a) ? a.value = i : null),
           id: "filterInput",
-          onInput: w,
+          onInput: d,
           style: { width: "200px" },
-          onFocus: w,
-          onBlur: x,
-          onKeydown: O
+          onFocus: d,
+          onBlur: R,
+          onKeydown: E
         }, null, 8, ["modelValue"]),
-        j(H("div", Q, [
-          C(L, {
+        A(N("div", $, [
+          I(B, {
             ref_key: "singleTableRef",
             ref: h,
             border: "",
@@ -75,11 +75,11 @@ const Q = { class: "spanDiv" }, $ = /* @__PURE__ */ M({
             data: m(t),
             style: { width: "300px", height: "230px", position: "fixed" },
             onCurrentChange: D,
-            onRowClick: _
+            onRowClick: k
           }, {
-            default: N(() => [
-              (g(!0), y(F, null, K(n.columnList, (i, B) => (g(), U(T, {
-                key: B,
+            default: F(() => [
+              (g(!0), C(K, null, U(n.columnList, (i, M) => (g(), q(L, {
+                key: M,
                 prop: i.prop,
                 label: i.label,
                 width: i.width,
@@ -90,29 +90,34 @@ const Q = { class: "spanDiv" }, $ = /* @__PURE__ */ M({
             _: 1
           }, 8, ["row-class-name", "data"])
         ], 512), [
-          [q, m(s)]
+          [Q, m(s)]
         ])
       ], 32);
     };
   }
-}), z = (n, r) => {
-  const u = n.__vccOpts || n;
-  for (const [a, s] of r)
-    u[a] = s;
-  return u;
-}, v = /* @__PURE__ */ z($, [["__scopeId", "data-v-2d4704ea"]]);
+}), G = (n, u) => {
+  const r = n.__vccOpts || n;
+  for (const [a, s] of u)
+    r[a] = s;
+  return r;
+}, v = /* @__PURE__ */ G(z, [["__scopeId", "data-v-2d4704ea"]]);
 v.install = (n) => {
   n.component(v.name, v);
 };
-const G = [
+const V = [
   v
-], I = function(n) {
-  I.installed || G.forEach((r) => {
-    n.component(r.name, r);
+], b = function(n) {
+  b.installed || V.forEach((u) => {
+    n.component(u.name, u);
   });
 };
-typeof window < "u" && window.Vue && I(window.Vue);
+typeof window < "u" && window.Vue && b(window.Vue);
+const P = {
+  install: b,
+  ...V
+};
 export {
   v as SelectTable,
-  I as install
+  P as default,
+  b as install
 };

package/dist/huiyi-select-table.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,14 +1,15 @@
 {
   "name": "huiyi-select-table",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "select,table",
+  "type": "module",
   "types": "dist/index.d.ts",
   "main": "dist/huiyi-select-table.umd.js",
   "module": "dist/huiyi-select-table.es.js",
   "files": ["dist"],
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc --emitDeclarationOnly --declaration",
+    "build": "vite build --config vite.config.lib.ts && tsc --emitDeclarationOnly --declaration",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
@@ -19,8 +20,8 @@
     "@types/node": "^24.10.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/tsconfig": "^0.8.1",
-    "typescript": "~5.9.3",
+    "typescript": "^5.7.3",
     "vite": "^7.2.2",
-    "vue-tsc": "^3.1.3"
+    "vue-tsc": "^2.2.0"
   }
-}
+}

package/dist/huiyi-select-table.umd.js DELETED Viewed

@@ -1 +0,0 @@

- (function(s,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],l):(s=typeof globalThis<"u"?globalThis:s||self,l(s.HuiyiSelectTable={},s.Vue))})(this,(function(s,l){"use strict";const k={class:"spanDiv"},p=((a,u)=>{const i=a.__vccOpts||a;for(const[r,c]of u)i[r]=c;return i})(l.defineComponent({name:"InputSelectCompont",__name:"SelectTable",props:{originalData:Object,showValue:String,columnList:Object},emits:["slectValue"],setup(a,{emit:u}){const i=a,r=ref(""),c=ref(!1),n=ref([]),b=ref([]),g=ref(!1),o=ref(-1),h=ref(-1),w=ref(null),v=()=>{c.value=!0,r.value?(n.value=i.originalData.filter(e=>Object.keys(e).some(t=>String(e[t]).toLowerCase().includes(r.value.toLowerCase()))),console.log(n.value),o.value=-1,h.value=-1):n.value=i.originalData},I=u,V=e=>{b.value=e},_=e=>{b.value=e,e&&(r.value=e[i.showValue],c.value=!1),I("slectValue",e)},S=()=>{g.value==!1&&(c.value=!1)},x=()=>{g.value=!0},D=()=>{g.value=!1},T=e=>{if(console.log(e.key,"event.key "),n.value.length!==0)if(e.key=="ArrowDown"){e.preventDefault();let t=o.value+1;t>=n.value.length&&(t=0),console.log(t,"newIndex"),y(t)}else if(e.key=="ArrowUp"){e.preventDefault();let t=o.value-1;t<0&&(t=n.value.length-1),y(t)}else e.key==="Enter"&&(e.preventDefault(),c.value==!0?R():v())},R=()=>{if(o.value>=0){h.value===o.value?h.value=-1:h.value=o.value;const e=n.value;console.log(e[o.value],o.value,"hh[currentHighlightIndex]"),_(n.value[o.value])}},y=e=>{o.value=e,nextTick(()=>{if(w.value&&n.value.length>0&&e>=0&&e<n.value.length){const f=w.value.$el.querySelectorAll(".el-table__row");console.log(f,"rows"),f.length>0&&e<f.length&&f[e].scrollIntoView({behavior:"smooth",block:"nearest"}),w.value.setCurrentRow(n.value[o.value])}})};return(e,t)=>{const f=l.resolveComponent("el-input"),O=l.resolveComponent("el-table-column"),B=l.resolveComponent("el-table");return l.openBlock(),l.createElementBlock("span",{class:"spanInput",onMouseover:x,onMouseout:D},[l.createVNode(f,{placeholder:"请输入搜索内容",modelValue:l.unref(r),"onUpdate:modelValue":t[0]||(t[0]=d=>l.isRef(r)?r.value=d:null),id:"filterInput",onInput:v,style:{width:"200px"},onFocus:v,onBlur:S,onKeydown:T},null,8,["modelValue"]),l.withDirectives(l.createElementVNode("div",k,[l.createVNode(B,{ref_key:"singleTableRef",ref:w,border:"",class:"spanInputTable","row-class-name":e.tableRowClassName,"highlight-current-row":"",data:l.unref(n),style:{width:"300px",height:"230px",position:"fixed"},onCurrentChange:V,onRowClick:_},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(a.columnList,(d,E)=>(l.openBlock(),l.createBlock(O,{key:E,prop:d.prop,label:d.label,width:d.width,"show-overflow-tooltip":"",align:"center"},null,8,["prop","label","width"]))),128))]),_:1},8,["row-class-name","data"])],512),[[l.vShow,l.unref(c)]])],32)}}}),[["__scopeId","data-v-2d4704ea"]]);p.install=a=>{a.component(p.name,p)};const C=[p],m=function(a){m.installed||C.forEach(u=>{a.component(u.name,u)})};typeof window<"u"&&window.Vue&&m(window.Vue),s.SelectTable=p,s.install=m,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));