huiyi-select-table 0.0.7

package/huiyi-select-table.mjs

@@ -0,0 +1,95 @@
+import { defineComponent as L, resolveComponent as c, createBlock as f, openBlock as a, unref as _, isRef as O, withCtx as d, createElementBlock as h, Fragment as b, renderList as g, createVNode as j } from "vue";
+const E = /* @__PURE__ */ L({
+  name: "InputSelectCom",
+  __name: "SelectTable",
+  props: {
+    originalData: Object,
+    showValue: String,
+    columnList: Object
+  },
+  emits: ["slectValue"],
+  setup(e, { emit: l }) {
+    const r = e, n = ref(""), u = ref(""), v = ref(!1), V = ref([]), m = ref([]);
+    ref(!1), ref(-1), ref(-1);
+    const k = ref(null), x = l, y = (t) => {
+      m.value = t;
+    }, R = (t) => {
+      m.value = t, t && (u.value = t[r.showValue], v.value = !1), x("slectValue", t);
+    };
+    return (t, w) => {
+      const S = c("el-table-column"), T = c("el-table"), B = c("el-option"), D = c("el-select");
+      return a(), f(D, {
+        modelValue: _(n),
+        "onUpdate:modelValue": w[0] || (w[0] = (o) => O(n) ? n.value = o : null),
+        filterable: "",
+        placeholder: "Select",
+        style: { width: "240px" }
+      }, {
+        default: d(() => [
+          (a(!0), h(b, null, g(e.originalData, (o) => (a(), f(B, {
+            key: o.name,
+            label: o.name,
+            value: o.name
+          }, {
+            default: d(() => [
+              j(T, {
+                ref_for: !0,
+                ref_key: "singleTableRef",
+                ref: k,
+                border: "",
+                class: "spanInputTable",
+                "row-class-name": t.tableRowClassName,
+                "highlight-current-row": "",
+                data: _(V),
+                style: { width: "300px", height: "230px", position: "fixed" },
+                onCurrentChange: y,
+                onRowClick: R
+              }, {
+                default: d(() => [
+                  (a(!0), h(b, null, g(e.columnList, (i, I) => (a(), f(S, {
+                    key: I,
+                    prop: i.prop,
+                    label: i.label,
+                    width: i.width,
+                    "show-overflow-tooltip": "",
+                    align: "center"
+                  }, null, 8, ["prop", "label", "width"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["row-class-name", "data"])
+            ]),
+            _: 2
+          }, 1032, ["label", "value"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), N = (e, l) => {
+  const r = e.__vccOpts || e;
+  for (const [n, u] of l)
+    r[n] = u;
+  return r;
+}, s = /* @__PURE__ */ N(E, [["__scopeId", "data-v-3cde86ca"]]);
+s.install = (e) => {
+  e.component(s.name, s);
+};
+const C = [
+  s
+], p = function(e) {
+  p.installed || C.forEach((l) => {
+    e.component(l.name, l);
+  });
+};
+typeof window < "u" && window.Vue && p(window.Vue);
+const Q = {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install: p,
+  // 以下是具体的组件列表
+  ...C
+};
+export {
+  s as SelectTable,
+  Q as default,
+  p as install
+};

package/huiyi-select-table.umd.js

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.HuiyiSelectTable={},n.Vue))})(this,function(n,e){"use strict";const a=((t,o)=>{const i=t.__vccOpts||t;for(const[c,f]of o)i[c]=f;return i})(e.defineComponent({name:"InputSelectCom",__name:"SelectTable",props:{originalData:Object,showValue:String,columnList:Object},emits:["slectValue"],setup(t,{emit:o}){const i=t,c=ref(""),f=ref(""),h=ref(!1),w=ref([]),u=ref([]);ref(!1),ref(-1),ref(-1);const b=ref(null),k=o,C=l=>{u.value=l},g=l=>{u.value=l,l&&(f.value=l[i.showValue],h.value=!1),k("slectValue",l)};return(l,m)=>{const y=e.resolveComponent("el-table-column"),V=e.resolveComponent("el-table"),x=e.resolveComponent("el-option"),B=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(B,{modelValue:e.unref(c),"onUpdate:modelValue":m[0]||(m[0]=r=>e.isRef(c)?c.value=r:null),filterable:"",placeholder:"Select",style:{width:"240px"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.originalData,r=>(e.openBlock(),e.createBlock(x,{key:r.name,label:r.name,value:r.name},{default:e.withCtx(()=>[e.createVNode(V,{ref_for:!0,ref_key:"singleTableRef",ref:b,border:"",class:"spanInputTable","row-class-name":l.tableRowClassName,"highlight-current-row":"",data:e.unref(w),style:{width:"300px",height:"230px",position:"fixed"},onCurrentChange:C,onRowClick:g},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columnList,(d,S)=>(e.openBlock(),e.createBlock(y,{key:S,prop:d.prop,label:d.label,width:d.width,"show-overflow-tooltip":"",align:"center"},null,8,["prop","label","width"]))),128))]),_:2},1032,["row-class-name","data"])]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue"])}}}),[["__scopeId","data-v-3cde86ca"]]);a.install=t=>{t.component(a.name,a)};const p=[a],s=function(t){s.installed||p.forEach(o=>{t.component(o.name,o)})};typeof window<"u"&&window.Vue&&s(window.Vue);const _={install:s,...p};n.SelectTable=a,n.default=_,n.install=s,Object.defineProperties(n,{__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

@@ -0,0 +1,20 @@
+{
+  "name": "huiyi-select-table",
+  "version": "0.0.7",
+  "description": "A Vue.js time range picker component",
+  "main": "huiyi-select-table.umd.min.js",
+  "module": "huiyi-select-table.common.js",
+  "unpkg": "huiyi-select-table.umd.min.js",
+  "browser": "huiyi-select-table.umd.min.js",
+  "keywords": [
+    "vue",
+    "component",
+    "time-picker",
+    "date-range"
+  ],
+  "author": "Time Components Up",
+  "license": "MIT",
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  }
+}

package/style.css

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