@touchvue/ui 1.0.0-beta.5 → 1.0.0-beta.50

package/es/packages/components/table/src/table-head.vue2.mjs

@@ -1,16 +1,65 @@
-import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, inject, ref, watch, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, normalizeClass, toDisplayString, createCommentVNode, computed } from 'vue';
 
+const __default__ = defineComponent({
+  name: "ToTableHead"
+});
 var _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "table-head",
+  ...__default__,
   props: {
     data: { default: () => [] },
     checkedAll: { type: Boolean, default: false }
   },
   emits: ["change"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const tableRef = inject("TableRef");
     const emit = __emit;
     const props = __props;
     const row = ref(null);
+    const sortSet = ref({});
+    watch(
+      () => props.data,
+      (val) => {
+        val.forEach((item) => {
+          if (item.sortable) {
+            sortSet.value[item.prop] = sortSet.value[item.prop] || "";
+          }
+        });
+      },
+      { deep: true }
+    );
+    onMounted(() => {
+      props.data.forEach((item) => {
+        if (item.sortable) {
+          sortSet.value[item.prop] = sortSet.value[item.prop] || "";
+        }
+      });
+    });
+    const sortClick = (column) => {
+      if (!column.sortable)
+        return false;
+      if (sortSet.value[column.prop] === "asc") {
+        sortSet.value[column.prop] = "desc";
+      } else if (sortSet.value[column.prop] === "desc") {
+        sortSet.value[column.prop] = "";
+      } else {
+        sortSet.value[column.prop] = "asc";
+      }
+      tableRef.handleTheadCellClick(column, sortSet.value[column.prop]);
+    };
+    const setThClass = (column) => {
+      return computed(() => {
+        const classes = [];
+        if (column.thWrap) {
+          classes.push("is-wrap");
+        } else if (column.thWrap === false) {
+          classes.push("is-nowrap");
+        }
+        if (sortSet.value[column.prop]) {
+          classes.push(`type-${sortSet.value[column.prop]}`);
+        }
+        return classes;
+      });
+    };
     function change(checked) {
       emit("change", checked);
     }
@@ -19,30 +68,64 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_ToCheckbox = resolveComponent("ToCheckbox");
-      return openBlock(), createElementBlock("thead", {
-        ref_key: "row",
-        ref: row,
-        class: "to-table-head"
-      }, [
-        createElementVNode("tr", { class: "to-table-head-row" }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (column) => {
-            return openBlock(), createElementBlock(Fragment, null, [
-              column.type === "check" ? (openBlock(), createElementBlock("th", {
-                key: column.prop + "check",
-                class: "to-table-th is-check"
-              }, [
-                createVNode(_component_ToCheckbox, {
-                  "model-value": _ctx.checkedAll,
-                  onChange: change
-                }, null, 8, ["model-value"])
-              ])) : column._show !== false ? (openBlock(), createElementBlock("th", {
-                key: column.prop,
-                class: "to-table-th"
-              }, toDisplayString(column.label), 1)) : createCommentVNode("", true)
-            ], 64);
-          }), 256))
-        ])
-      ], 512);
+      return openBlock(), createElementBlock(
+        "thead",
+        {
+          ref_key: "row",
+          ref: row,
+          class: "to-table-head"
+        },
+        [
+          createElementVNode("tr", { class: "to-table-head-row" }, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(props.data, (column) => {
+                return openBlock(), createElementBlock(
+                  Fragment,
+                  null,
+                  [
+                    column.type === "check" ? (openBlock(), createElementBlock("th", {
+                      key: column.prop + "check",
+                      class: "to-table-th is-check"
+                    }, [
+                      createVNode(_component_ToCheckbox, {
+                        "model-value": _ctx.checkedAll,
+                        onChange: change
+                      }, null, 8, ["model-value"])
+                    ])) : column._show !== false ? (openBlock(), createElementBlock("th", {
+                      key: column.prop,
+                      class: normalizeClass(["to-table-th", setThClass(column).value]),
+                      onClick: ($event) => sortClick(column)
+                    }, [
+                      createElementVNode(
+                        "span",
+                        null,
+                        toDisplayString(column.label),
+                        1
+                        /* TEXT */
+                      ),
+                      column.sortable ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "to-table-sorticon"
+                      }, [
+                        createElementVNode("span", { class: "to-table-sorticon-item ascending" }),
+                        createElementVNode("span", { class: "to-table-sorticon-item descending" })
+                      ])) : createCommentVNode("v-if", true)
+                    ], 10, ["onClick"])) : createCommentVNode("v-if", true)
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
+              }),
+              256
+              /* UNKEYED_FRAGMENT */
+            ))
+          ])
+        ],
+        512
+        /* NEED_PATCH */
+      );
     };
   }
 });

package/es/packages/components/table/src/table-head.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table-head.vue2.mjs","sources":["../../../../../../packages/components/table/src/table-head.vue"],"sourcesContent":["<template>\n\t<thead ref=\"row\" class=\"to-table-head\">\n\t\t<tr class=\"to-table-head-row\">\n\t\t\t<template v-for=\"column in props.data\">\n\t\t\t\t<th\n\t\t\t\t\tv-if=\"column.type === 'check'\"\n\t\t\t\t\t:key=\"column.prop + 'check'\"\n\t\t\t\t\tclass=\"to-table-th is-check\"\n\t\t\t\t>\n\t\t\t\t\t<ToCheckbox :model-value=\"checkedAll\" @change=\"change\"></ToCheckbox>\n\t\t\t\t</th>\n\t\t\t\t<th v-else-if=\"column._show !== false\" :key=\"column.prop\" class=\"to-table-th\">\n\t\t\t\t\t{{ column.label }}\n\t\t\t\t</th>\n\t\t\t</template>\n\t\t</tr>\n\t</thead>\n</template>\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nconst emit = defineEmits(['change'])\ninterface Props {\n\tdata?: { prop?: string; label?: string; type?: string; toggler?: boolean; _show: boolean }[]\n\tcheckedAll?: boolean\n}\nconst props = withDefaults(defineProps<Props>(), {\n\tdata: () => [],\n\tcheckedAll: false,\n})\n\nconst row = ref(null)\n\nfunction change(checked) {\n\temit('change', checked)\n}\n\ndefineExpose({\n\trow,\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","_createVNode","checkedAll","_toDisplayString"],"mappings":";;;;;;;;;;AAoBA,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAKb,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAM,MAAA,GAAA,GAAM,IAAI,IAAI,CAAA,CAAA;AAEpB,IAAA,SAAS,OAAO,OAAS,EAAA;AACxB,MAAA,IAAA,CAAK,UAAU,OAAO,CAAA,CAAA;AAAA,KACvB;AAEA,IAAa,QAAA,CAAA;AAAA,MACZ,GAAA;AAAA,KACA,CAAA,CAAA;;;wBArCA,EAAAA,kBAAA,CAeQ,OAAA,EAAA;AAAA,eAfG,EAAA,KAAA;AAAA,QAAJ,GAAI,EAAA,GAAA;AAAA,QAAM,KAAM,EAAA,eAAA;AAAA;QACtBC,kBAaK,CAAA,IAAA,EAAA,EAbD,KAAA,EAAM,qBAAmB,EAAA;AAAA,WAC5BC,SAAA,CAAA,IAAA,CAAA,EAAAF,kBAWW,CAAAG,QAAA,EAXgB,MAAAC,UAAA,CAAA,KAAA,CAAM,OAAhB,MAAM,KAAA;;cAEf,OAAO,IAAI,KAAA,OAAA,iBADlBJ,mBAMK,IAAA,EAAA;AAAA,gBAJH,GAAA,EAAK,OAAO,IAAI,GAAA,OAAA;AAAA,gBACjB,KAAM,EAAA,sBAAA;AAAA;gBAENK,YAAoE,qBAAA,EAAA;AAAA,kBAAvD,eAAaC,IAAU,CAAA,UAAA;AAAA,kBAAG,QAAQ,EAAA,MAAA;AAAA;oBAEjC,MAAO,CAAA,KAAA,KAAK,sBAA3BN,mBAEK,IAAA,EAAA;AAAA,gBAFmC,KAAK,MAAO,CAAA,IAAA;AAAA,gBAAM,KAAM,EAAA,aAAA;AAAA,eAC5D,EAAAO,gBAAA,MAAO,CAAA,KAAK,GAAA,CAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"table-head.vue2.mjs","sources":["../../../../../../packages/components/table/src/table-head.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToTableHead'\n});\n</script>\n<template>\n\t<thead ref=\"row\" class=\"to-table-head\">\n\t\t<tr class=\"to-table-head-row\">\n\t\t\t<template v-for=\"column in props.data\">\n\t\t\t\t<th v-if=\"column.type === 'check'\" :key=\"column.prop + 'check'\" class=\"to-table-th is-check\">\n\t\t\t\t\t<ToCheckbox :model-value=\"checkedAll\" @change=\"change\"></ToCheckbox>\n\t\t\t\t</th>\n\t\t\t\t<th v-else-if=\"column._show !== false\" :key=\"column.prop\" class=\"to-table-th\" :class=\"setThClass(column).value\" @click=\"sortClick(column)\">\n\t\t\t\t\t<span>{{ column.label }}</span>\n\t\t\t\t\t<span v-if=\"column.sortable\" class=\"to-table-sorticon\">\n\t\t\t\t\t\t<span class=\"to-table-sorticon-item ascending\"></span>\n\t\t\t\t\t\t<span class=\"to-table-sorticon-item descending\"></span>\n\t\t\t\t\t</span>\n\t\t\t\t</th>\n\t\t\t</template>\n\t\t</tr>\n\t</thead>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject, onMounted, ref, watch } from 'vue'\nimport { TableProvideType } from './table.vue'\n\nconst tableRef: TableProvideType = inject('TableRef')\nconst emit = defineEmits(['change'])\ninterface Props {\n\tdata?: { prop?: string; label?: string; type?: string; toggler?: boolean; _show: boolean; thWrap?: boolean; sortable?: boolean; sortType?: boolean }[]\n\tcheckedAll?: boolean\n}\nconst props = withDefaults(defineProps<Props>(), {\n\tdata: () => [],\n\tcheckedAll: false\n})\n\nconst row = ref(null)\nconst sortSet = ref({})\n\nwatch(\n\t() => props.data,\n\tval => {\n\t\tval.forEach(item => {\n\t\t\tif (item.sortable) {\n\t\t\t\tsortSet.value[item.prop] = sortSet.value[item.prop] || ''\n\t\t\t}\n\t\t})\n\t},\n\t{ deep: true }\n)\n\nonMounted(() => {\n\tprops.data.forEach(item => {\n\t\tif (item.sortable) {\n\t\t\tsortSet.value[item.prop] = sortSet.value[item.prop] || ''\n\t\t}\n\t})\n})\n\nconst sortClick = column => {\n\tif (!column.sortable) return false\n\tif (sortSet.value[column.prop] === 'asc') {\n\t\tsortSet.value[column.prop] = 'desc'\n\t} else if (sortSet.value[column.prop] === 'desc') {\n\t\tsortSet.value[column.prop] = ''\n\t} else {\n\t\tsortSet.value[column.prop] = 'asc'\n\t}\n\ttableRef.handleTheadCellClick(column, sortSet.value[column.prop])\n}\nconst setThClass = column => {\n\treturn computed(() => {\n\t\tconst classes: string[] = []\n\t\tif (column.thWrap) {\n\t\t\tclasses.push('is-wrap')\n\t\t} else if (column.thWrap === false) {\n\t\t\tclasses.push('is-nowrap')\n\t\t}\n\t\tif (sortSet.value[column.prop]) {\n\t\t\tclasses.push(`type-${sortSet.value[column.prop]}`)\n\t\t}\n\t\treturn classes\n\t})\n}\nfunction change(checked) {\n\temit('change', checked)\n}\n\ndefineExpose({\n\trow\n})\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","_createVNode","checkedAll","_toDisplayString"],"mappings":";;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,aAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;AAwBD,IAAM,MAAA,QAAA,GAA6B,OAAO,UAAU,CAAA,CAAA;AACpD,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAKb,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAM,MAAA,GAAA,GAAM,IAAI,IAAI,CAAA,CAAA;AACpB,IAAM,MAAA,OAAA,GAAU,GAAI,CAAA,EAAE,CAAA,CAAA;AAEtB,IAAA,KAAA;AAAA,MACC,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACN,QAAA,GAAA,CAAI,QAAQ,CAAQ,IAAA,KAAA;AACnB,UAAA,IAAI,KAAK,QAAU,EAAA;AAClB,YAAQ,OAAA,CAAA,KAAA,CAAM,KAAK,IAAI,CAAA,GAAI,QAAQ,KAAM,CAAA,IAAA,CAAK,IAAI,CAAK,IAAA,EAAA,CAAA;AAAA,WACxD;AAAA,SACA,CAAA,CAAA;AAAA,OACF;AAAA,MACA,EAAE,MAAM,IAAK,EAAA;AAAA,KACd,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACf,MAAM,KAAA,CAAA,IAAA,CAAK,QAAQ,CAAQ,IAAA,KAAA;AAC1B,QAAA,IAAI,KAAK,QAAU,EAAA;AAClB,UAAQ,OAAA,CAAA,KAAA,CAAM,KAAK,IAAI,CAAA,GAAI,QAAQ,KAAM,CAAA,IAAA,CAAK,IAAI,CAAK,IAAA,EAAA,CAAA;AAAA,SACxD;AAAA,OACA,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,YAAY,CAAU,MAAA,KAAA;AAC3B,MAAA,IAAI,CAAC,MAAO,CAAA,QAAA;AAAU,QAAO,OAAA,KAAA,CAAA;AAC7B,MAAA,IAAI,OAAQ,CAAA,KAAA,CAAM,MAAO,CAAA,IAAI,MAAM,KAAO,EAAA;AACzC,QAAQ,OAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAI,CAAI,GAAA,MAAA,CAAA;AAAA,iBACnB,OAAQ,CAAA,KAAA,CAAM,MAAO,CAAA,IAAI,MAAM,MAAQ,EAAA;AACjD,QAAQ,OAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAI,CAAI,GAAA,EAAA,CAAA;AAAA,OACvB,MAAA;AACN,QAAQ,OAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAI,CAAI,GAAA,KAAA,CAAA;AAAA,OAC9B;AACA,MAAA,QAAA,CAAS,qBAAqB,MAAQ,EAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,CAAO,IAAI,CAAC,CAAA,CAAA;AAAA,KACjE,CAAA;AACA,IAAA,MAAM,aAAa,CAAU,MAAA,KAAA;AAC5B,MAAA,OAAO,SAAS,MAAM;AACrB,QAAA,MAAM,UAAoB,EAAC,CAAA;AAC3B,QAAA,IAAI,OAAO,MAAQ,EAAA;AAClB,UAAA,OAAA,CAAQ,KAAK,SAAS,CAAA,CAAA;AAAA,SACvB,MAAA,IAAW,MAAO,CAAA,MAAA,KAAW,KAAO,EAAA;AACnC,UAAA,OAAA,CAAQ,KAAK,WAAW,CAAA,CAAA;AAAA,SACzB;AACA,QAAA,IAAI,OAAQ,CAAA,KAAA,CAAM,MAAO,CAAA,IAAI,CAAG,EAAA;AAC/B,UAAA,OAAA,CAAQ,KAAK,CAAQ,KAAA,EAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,CAAO,IAAI,CAAG,CAAA,CAAA,CAAA,CAAA;AAAA,SAClD;AACA,QAAO,OAAA,OAAA,CAAA;AAAA,OACP,CAAA,CAAA;AAAA,KACF,CAAA;AACA,IAAA,SAAS,OAAO,OAAS,EAAA;AACxB,MAAA,IAAA,CAAK,UAAU,OAAO,CAAA,CAAA;AAAA,KACvB;AAEA,IAAa,QAAA,CAAA;AAAA,MACZ,GAAA;AAAA,KACA,CAAA,CAAA;;;wBAtFA,EAAAC,kBAAA;AAAA,QAeQ,OAAA;AAAA,QAAA;AAAA,iBAfG,EAAA,KAAA;AAAA,UAAJ,GAAI,EAAA,GAAA;AAAA,UAAM,KAAM,EAAA,eAAA;AAAA;;UACtBC,kBAaK,CAAA,IAAA,EAAA,EAbD,KAAA,EAAM,qBAAmB,EAAA;AAAA,aAC5BC,SAAA,CAAA,IAAA,CAAA,EAAAF,kBAAA;AAAA,cAWWG,QAAA;AAAA,cAXgB,IAAA;AAAA,cAAAC,UAAA,CAAA,KAAA,CAAM,OAAhB,MAAM,KAAA;;;;;oBACZ,OAAO,IAAI,KAAA,OAAA,iBAArBJ,mBAEK,IAAA,EAAA;AAAA,sBAF+B,GAAA,EAAK,OAAO,IAAI,GAAA,OAAA;AAAA,sBAAY,KAAM,EAAA,sBAAA;AAAA;sBACrEK,YAAoE,qBAAA,EAAA;AAAA,wBAAvD,eAAaC,IAAU,CAAA,UAAA;AAAA,wBAAG,QAAQ,EAAA,MAAA;AAAA;0BAEjC,MAAO,CAAA,KAAA,KAAK,sBAA3BN,mBAMK,IAAA,EAAA;AAAA,sBANmC,KAAK,MAAO,CAAA,IAAA;AAAA,sBAAM,KAAA,kBAAM,aAAA,EAAsB,WAAW,MAAM,CAAA,CAAE,KAAK,CAAA,CAAA;AAAA,sBAAG,OAAK,EAAA,CAAA,MAAE,KAAA,SAAA,CAAU,MAAM,CAAA;AAAA;sBACvIC,kBAAA;AAAA,wBAA+B,MAAA;AAAA,wBAAA,IAAA;AAAA,wBAAAM,eAAA,CAAtB,OAAO,KAAK,CAAA;AAAA,wBAAA,CAAA;AAAA;AAAA,uBAAA;AAAA,sBACT,MAAO,CAAA,QAAA,iBAAnBP,mBAGO,MAAA,EAAA;AAAA;wBAHsB,KAAM,EAAA,mBAAA;AAAA;wBAClCC,kBAAsD,CAAA,MAAA,EAAA,EAAhD,KAAA,EAAM,oCAAkC,CAAA;AAAA,wBAC9CA,kBAAuD,CAAA,MAAA,EAAA,EAAjD,KAAA,EAAM,qCAAmC,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/table/src/table.vue.mjs

@@ -1,6 +1,7 @@
 import _sfc_main from './table.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "table.vue"]]);
 
-
-export { _sfc_main as default };
+export { Table as default };
 //# sourceMappingURL=table.vue.mjs.map

package/es/packages/components/table/src/table.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"table.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}