huiyi-select-table 0.0.9 → 0.1.1

package/huiyi-select-table.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as M, ref as a, resolveComponent as g, openBlock as _, createElementBlock as x, createVNode as I, withDirectives as j, createElementVNode as A, withCtx as H, Fragment as F, renderList as K, createBlock as N, vShow as U } from "vue";
-const q = { class: "spanDiv" }, Q = /* @__PURE__ */ M({
+const q = { class: "huiyi-select-spanDiv" }, Q = /* @__PURE__ */ M({
   name: "InputSelectCompont",
   __name: "SelectTable",
   props: {
@@ -9,18 +9,18 @@ const q = { class: "spanDiv" }, Q = /* @__PURE__ */ M({
   },
   emits: ["slectValue"],
   setup(o, { emit: c }) {
-    const r = o, s = a(""), u = a(!1), t = a([]), b = a([]), f = a(!1), n = a(-1), p = a(-1), d = a(null), w = () => {
-      u.value = !0, s.value ? (t.value = r.originalData.filter((e) => Object.keys(e).some((l) => String(e[l]).toLowerCase().includes(s.value.toLowerCase()))), console.log(t.value), n.value = -1, p.value = -1) : t.value = r.originalData;
+    const r = o, s = a(""), u = a(!1), t = a([]), b = a([]), d = a(!1), n = a(-1), f = a(-1), p = a(null), w = () => {
+      u.value = !0, s.value ? (t.value = r.originalData.filter((e) => Object.keys(e).some((l) => String(e[l]).toLowerCase().includes(s.value.toLowerCase()))), console.log(t.value), n.value = -1, f.value = -1) : t.value = r.originalData;
     }, C = c, D = (e) => {
       b.value = e;
     }, y = (e) => {
       b.value = e, e && (s.value = e[r.showValue], u.value = !1), C("slectValue", e);
     }, V = () => {
-      f.value == !1 && (u.value = !1);
+      d.value == !1 && (u.value = !1);
     }, S = () => {
-      f.value = !0;
+      d.value = !0;
     }, R = () => {
-      f.value = !1;
+      d.value = !1;
     }, T = (e) => {
       if (console.log(e.key, "event.key "), t.value.length !== 0)
         if (e.key == "ArrowDown") {
@@ -35,22 +35,22 @@ const q = { class: "spanDiv" }, Q = /* @__PURE__ */ M({
           e.key === "Enter" && (e.preventDefault(), u.value == !0 ? O() : w());
     }, O = () => {
       if (n.value >= 0) {
-        p.value === n.value ? p.value = -1 : p.value = n.value;
+        f.value === n.value ? f.value = -1 : f.value = n.value;
         const e = t.value;
         console.log(e[n.value], n.value, "hh[currentHighlightIndex]"), y(t.value[n.value]);
       }
     }, k = (e) => {
       n.value = e, nextTick(() => {
-        if (d.value && t.value.length > 0 && e >= 0 && e < t.value.length) {
-          const i = d.value.$el.querySelectorAll(".el-table__row");
-          console.log(i, "rows"), i.length > 0 && e < i.length && i[e].scrollIntoView({ behavior: "smooth", block: "nearest" }), d.value.setCurrentRow(t.value[n.value]);
+        if (p.value && t.value.length > 0 && e >= 0 && e < t.value.length) {
+          const i = p.value.$el.querySelectorAll(".el-table__row");
+          console.log(i, "rows"), i.length > 0 && e < i.length && i[e].scrollIntoView({ behavior: "smooth", block: "nearest" }), p.value.setCurrentRow(t.value[n.value]);
         }
       });
     };
     return (e, l) => {
       const i = g("el-input"), E = g("el-table-column"), L = g("el-table");
       return _(), x("span", {
-        class: "spanInput",
+        class: "huiyi-select-spanInput",
         onMouseover: S,
         onMouseout: R
       }, [
@@ -68,9 +68,9 @@ const q = { class: "spanDiv" }, Q = /* @__PURE__ */ M({
         j(A("div", q, [
           I(L, {
             ref_key: "singleTableRef",
-            ref: d,
+            ref: p,
             border: "",
-            class: "spanInputTable",
+            class: "huiyi-select-spanInputTable",
             "row-class-name": o.originalData,
             "highlight-current-row": "",
             data: t.value,
@@ -102,7 +102,7 @@ const $ = (o, c) => {
   for (const [s, u] of c)
     r[s] = u;
   return r;
-}, h = /* @__PURE__ */ $(Q, [["__scopeId", "data-v-1352b6c0"]]);
+}, h = /* @__PURE__ */ $(Q, [["__scopeId", "data-v-2055c2bf"]]);
 h.install = (o) => {
   o.component(h.name, h);
 };

package/huiyi-select-table.umd.js

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

package/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "huiyi-select-table",
-  "version": "0.0.9",
+  "version": "0.1.1",
   "description": "A Vue.js select table component",
   "main": "huiyi-select-table.umd.js",
   "module": "huiyi-select-table.mjs",
@@ -15,22 +15,5 @@
   "license": "MIT",
   "peerDependencies": {
     "vue": "^3.0.0"
-  },
-  "files": [
-    "huiyi-select-table.umd.js",
-    "huiyi-select-table.mjs",
-    "style.css"
-  ],
-  "scripts": {
-    "build": "vite build",
-    "release": "npm version patch && npm publish"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/yourname/huiyi-select-table.git"
-  },
-  "homepage": "https://github.com/yourname/huiyi-select-table#readme",
-  "bugs": {
-    "url": "https://github.com/yourname/huiyi-select-table/issues"
   }
 }

package/style.css

@@ -1 +1 @@
-.el-table .warning-row[data-v-1352b6c0]{--el-table-tr-bg-color: #141}.spanInput[data-v-1352b6c0]{display:inline-block;position:relative}.spanDiv[data-v-1352b6c0]{z-index:10000;position:absolute;top:35px;background-color:#fff;height:230px;border:1px solid #eee}
+.el-table .warning-row[data-v-2055c2bf]{--el-table-tr-bg-color: #141}.huiyi-select-spanInput[data-v-2055c2bf]{display:inline-block;position:relative}.huiyi-select-spanDiv[data-v-2055c2bf]{z-index:10000;position:absolute;top:35px;background-color:#fff;height:230px;border:1px solid #eee}