mortise-tenon-design 0.5.0 → 0.6.0

package/dist/es/index.mjs

@@ -1,15 +1,13 @@
 import t from "./src/installer.mjs";
-import { MtComponentNeo as p } from "./src/component-neo/index.mjs";
-import { MtExpand as f } from "./src/expand/index.mjs";
-import { MtSort as n } from "./src/sort/index.mjs";
-import { MtTable as l } from "./src/table/index.mjs";
-import { useComponentNeo as s } from "./src/component-neo/src/hooks/use-component-neo.mjs";
+import { MtExpand as p } from "./src/expand/index.mjs";
+import { MtResize as m } from "./src/resize/index.mjs";
+import { MtSort as a } from "./src/sort/index.mjs";
+import { MtTable as M } from "./src/table/index.mjs";
 export {
-  p as MtComponentNeo,
-  f as MtExpand,
-  n as MtSort,
-  l as MtTable,
-  t as default,
-  s as useComponentNeo
+  p as MtExpand,
+  m as MtResize,
+  a as MtSort,
+  M as MtTable,
+  t as default
 };
 //# sourceMappingURL=index.mjs.map

package/dist/es/index.mjs.map

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

package/dist/es/package.json.mjs

@@ -1,4 +1,4 @@
-const o = "0.5.0";
+const o = "0.6.0";
 export {
   o as version
 };

package/dist/es/src/expand/index.mjs

@@ -5,4 +5,3 @@ export {
   m as MtExpand
 };
 //# sourceMappingURL=index.mjs.map
-import './src/expand.css';

package/dist/es/src/expand/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/expand/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install';\nimport Expand from './src/expand.vue';\n\nexport const MtExpand = withInstall(Expand);\n\nexport * from './src/expand';\n"],"names":["MtExpand","withInstall","Expand"],"mappings":";;AAGa,MAAAA,IAAWC,EAAYC,CAAM;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/expand/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install';\nimport Expand from './src/expand.vue';\n\nexport const MtExpand = withInstall(Expand);\n\nexport * from './src/expand';\n"],"names":["MtExpand","withInstall","Expand"],"mappings":";;AAGO,MAAMA,IAAWC,EAAYC,CAAM;"}

package/dist/es/src/expand/src/expand.css

@@ -1 +1 @@
-.mt-expand[data-v-22b2ddba]{overflow:hidden}.mt-expand-transition[data-v-22b2ddba]{transition:height var(--3f24abce) ease-in-out}
+.mt-expand[data-v-80e6c6dd]{overflow:hidden}.mt-expand-transition[data-v-80e6c6dd]{transition:height var(--662fdf4a) ease-in-out}

package/dist/es/src/expand/src/expand.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./expand.vue2.mjs";
 /* empty css             */
 import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-22b2ddba"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-80e6c6dd"]]);
 export {
   d as default
 };

package/dist/es/src/expand/src/expand.vue2.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as c, useCssVars as p, computed as o, ref as r, createElementBlock as m, openBlock as f, normalizeStyle as d, normalizeClass as v, renderSlot as g } from "vue";
+import { defineComponent as p, useCssVars as c, computed as o, ref as r, createElementBlock as f, openBlock as m, normalizeStyle as d, normalizeClass as v, renderSlot as g } from "vue";
 import { useResizeObserver as R, useDebounceFn as x } from "@vueuse/core";
-const h = /* @__PURE__ */ c({
+const h = /* @__PURE__ */ p({
   name: "MtExpand",
   __name: "expand",
   props: {
@@ -9,23 +9,22 @@ const h = /* @__PURE__ */ c({
     transitionTime: { default: 200 }
   },
   setup(i) {
-    p((e) => ({
-      "3f24abce": l.value
+    c((t) => ({
+      "662fdf4a": l.value
     }));
-    const t = i, l = o(() => `${t.transitionTime}ms`), a = r(), n = r(0);
+    const e = i, l = o(() => `${e.transitionTime}ms`), a = r(), n = r(0);
     R(a, x(() => {
-      var e;
-      n.value = ((e = a.value) == null ? void 0 : e.scrollHeight) || 0;
+      n.value = a.value?.scrollHeight || 0;
     }, 200));
-    const s = o(() => n.value > t.targetRange), u = o(() => n.value ? { height: `${!s.value || t.open ? n.value : t.targetRange}px` } : {});
-    return (e, y) => (f(), m("div", {
+    const s = o(() => n.value > e.targetRange), u = o(() => !n.value && e.open ? {} : { height: `${!s.value || e.open ? n.value : e.targetRange}px` });
+    return (t, y) => (m(), f("div", {
       ref_key: "contentRef",
       ref: a,
-      class: v(["mt-expand", { "mt-expand-transition": !!e.transitionTime }]),
+      class: v(["mt-expand", { "mt-expand-transition": !!t.transitionTime }]),
       style: d(u.value)
     }, [
-      g(e.$slots, "default", {
-        open: e.open,
+      g(t.$slots, "default", {
+        open: t.open,
         isOutRange: s.value
       }, void 0, !0)
     ], 6));

package/dist/es/src/expand/src/expand.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"expand.vue2.mjs","sources":["../../../../../src/expand/src/expand.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExpandProps } from './expand.ts';\nimport { useDebounceFn, useResizeObserver } from '@vueuse/core';\nimport { computed, ref } from 'vue';\n\ndefineOptions({ name: 'MtExpand' });\n\nconst props = withDefaults(defineProps<ExpandProps>(), {\n  open: false,\n  targetRange: 0,\n  transitionTime: 200,\n});\n\nconst transitionDuration = computed(() => `${props.transitionTime}ms`);\n\n/** 容器实例 */\nconst contentRef = ref<HTMLDivElement>();\n/** 容器的范围 */\nconst contentRange = ref(0);\n// 监听容器变化\nuseResizeObserver(contentRef, useDebounceFn(() => {\n  contentRange.value = contentRef.value?.scrollHeight || 0;\n}, 200));\n\n/** 是否超出目标范围 */\nconst isOutRange = computed(() => contentRange.value > props.targetRange);\n\n/** 展开或收起后容器样式 */\nconst contentStyle = computed(() => {\n  if (!contentRange.value) {\n    return {};\n  }\n  const size = !isOutRange.value || props.open ? contentRange.value : props.targetRange;\n  return { height: `${size}px` };\n});\n</script>\n\n<template>\n  <div\n    ref=\"contentRef\"\n    class=\"mt-expand\"\n    :class=\"{ 'mt-expand-transition': !!transitionTime }\"\n    :style=\"contentStyle\"\n  >\n    <slot :open=\"open\" :is-out-range=\"isOutRange\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.mt-expand {\n  overflow: hidden;\n}\n\n.mt-expand-transition {\n  transition: height v-bind(transitionDuration) ease-in-out;\n}\n</style>\n"],"names":["props","__props","transitionDuration","computed","contentRef","ref","contentRange","useResizeObserver","useDebounceFn","_a","isOutRange","contentStyle"],"mappings":";;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAMRC,IAAqBC,EAAS,MAAM,GAAGH,EAAM,cAAc,IAAI,GAG/DI,IAAaC,EAAoB,GAEjCC,IAAeD,EAAI,CAAC;AAER,IAAAE,EAAAH,GAAYI,EAAc,MAAM;;AACnC,MAAAF,EAAA,UAAQG,IAAAL,EAAW,UAAX,gBAAAK,EAAkB,iBAAgB;AAAA,IACzD,GAAG,GAAG,CAAC;AAGP,UAAMC,IAAaP,EAAS,MAAMG,EAAa,QAAQN,EAAM,WAAW,GAGlEW,IAAeR,EAAS,MACvBG,EAAa,QAIX,EAAE,QAAQ,GADJ,CAACI,EAAW,SAASV,EAAM,OAAOM,EAAa,QAAQN,EAAM,WAClD,KAAK,IAHpB,CAAC,CAIX;;;;;;;;;;;;;;"}
+{"version":3,"file":"expand.vue2.mjs","sources":["../../../../../src/expand/src/expand.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ExpandProps } from './expand.ts';\nimport { useDebounceFn, useResizeObserver } from '@vueuse/core';\nimport { computed, ref } from 'vue';\n\ndefineOptions({ name: 'MtExpand' });\n\nconst props = withDefaults(defineProps<ExpandProps>(), {\n  open: false,\n  targetRange: 0,\n  transitionTime: 200,\n});\n\nconst transitionDuration = computed(() => `${props.transitionTime}ms`);\n\n/** 容器实例 */\nconst contentRef = ref<HTMLDivElement>();\n/** 容器的范围 */\nconst contentRange = ref(0);\n// 监听容器变化\nuseResizeObserver(contentRef, useDebounceFn(() => {\n  contentRange.value = contentRef.value?.scrollHeight || 0;\n}, 200));\n\n/** 是否超出目标范围 */\nconst isOutRange = computed(() => contentRange.value > props.targetRange);\n\n/** 展开或收起后容器样式 */\nconst contentStyle = computed(() => {\n  if (!contentRange.value && props.open) {\n    return {};\n  }\n  const size = !isOutRange.value || props.open ? contentRange.value : props.targetRange;\n  return { height: `${size}px` };\n});\n</script>\n\n<template>\n  <div\n    ref=\"contentRef\"\n    class=\"mt-expand\"\n    :class=\"{ 'mt-expand-transition': !!transitionTime }\"\n    :style=\"contentStyle\"\n  >\n    <slot :open=\"open\" :is-out-range=\"isOutRange\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.mt-expand {\n  overflow: hidden;\n}\n\n.mt-expand-transition {\n  transition: height v-bind(transitionDuration) ease-in-out;\n}\n</style>\n"],"names":["props","__props","transitionDuration","computed","contentRef","ref","contentRange","useResizeObserver","useDebounceFn","isOutRange","contentStyle"],"mappings":";;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAMRC,IAAqBC,EAAS,MAAM,GAAGH,EAAM,cAAc,IAAI,GAG/DI,IAAaC,EAAA,GAEbC,IAAeD,EAAI,CAAC;AAE1B,IAAAE,EAAkBH,GAAYI,EAAc,MAAM;AAChD,MAAAF,EAAa,QAAQF,EAAW,OAAO,gBAAgB;AAAA,IACzD,GAAG,GAAG,CAAC;AAGP,UAAMK,IAAaN,EAAS,MAAMG,EAAa,QAAQN,EAAM,WAAW,GAGlEU,IAAeP,EAAS,MACxB,CAACG,EAAa,SAASN,EAAM,OACxB,CAAA,IAGF,EAAE,QAAQ,GADJ,CAACS,EAAW,SAAST,EAAM,OAAOM,EAAa,QAAQN,EAAM,WAClD,KAAA,CACzB;;;;;;;;;;;;;;"}

package/dist/es/src/installer.mjs

@@ -1,24 +1,24 @@
-import { version as e } from "../package.json.mjs";
-import { MtComponentNeo as m } from "./component-neo/index.mjs";
+import { version as n } from "../package.json.mjs";
 import { MtExpand as i } from "./expand/index.mjs";
+import { MtResize as m } from "./resize/index.mjs";
 import { MtSort as l } from "./sort/index.mjs";
 import { MtTable as s } from "./table/index.mjs";
-const o = Symbol("MT_INSTALLED_KEY");
-function f(r = []) {
+const r = Symbol("MT_INSTALLED_KEY");
+function f(o = []) {
   return {
-    version: e,
+    version: n,
     install: (t) => {
-      t[o] || (t[o] = !0, r.forEach((n) => t.use(n)));
+      t[r] || (t[r] = !0, o.forEach((e) => t.use(e)));
     }
   };
 }
-const L = f([
-  m,
+const S = f([
   i,
+  m,
   l,
   s
 ]);
 export {
-  L as default
+  S as default
 };
 //# sourceMappingURL=installer.mjs.map

package/dist/es/src/installer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"installer.mjs","sources":["../../../src/installer.ts"],"sourcesContent":["import type { App, Component, Plugin } from 'vue';\nimport { version } from '../package.json';\nimport { MtComponentNeo } from './component-neo';\nimport { MtExpand } from './expand';\nimport { MtSort } from './sort';\nimport { MtTable } from './table';\n\nconst INSTALLED_KEY = Symbol('MT_INSTALLED_KEY');\n\nfunction makeInstaller(components: Component[] = []) {\n  const install = (app: App & { [INSTALLED_KEY]?: boolean }) => {\n    if (app[INSTALLED_KEY])\n      return;\n\n    app[INSTALLED_KEY] = true;\n    components.forEach(c => app.use(c as Plugin));\n  };\n\n  return {\n    version,\n    install,\n  };\n}\n\nconst installer = makeInstaller([\n  MtComponentNeo,\n  MtExpand,\n  MtSort,\n  MtTable,\n]);\n\nexport default installer;\n"],"names":["INSTALLED_KEY","makeInstaller","components","version","app","c","installer","MtComponentNeo","MtExpand","MtSort","MtTable"],"mappings":";;;;;AAOA,MAAMA,IAAgB,OAAO,kBAAkB;AAE/C,SAASC,EAAcC,IAA0B,IAAI;AAS5C,SAAA;AAAA,IACL,SAAAC;AAAA,IACA,SAVc,CAACC,MAA6C;AAC5D,MAAIA,EAAIJ,CAAa,MAGrBI,EAAIJ,CAAa,IAAI,IACrBE,EAAW,QAAQ,CAAAG,MAAKD,EAAI,IAAIC,CAAW,CAAC;AAAA,IAC9C;AAAA,EAKA;AACF;AAEA,MAAMC,IAAYL,EAAc;AAAA,EAC9BM;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AACF,CAAC;"}
+{"version":3,"file":"installer.mjs","sources":["../../../src/installer.ts"],"sourcesContent":["import type { App, Component, Plugin } from 'vue';\nimport { version } from '../package.json';\nimport { MtExpand } from './expand';\nimport { MtResize } from './resize';\nimport { MtSort } from './sort';\nimport { MtTable } from './table';\n\nconst INSTALLED_KEY = Symbol('MT_INSTALLED_KEY');\n\nfunction makeInstaller(components: Component[] = []) {\n  const install = (app: App & { [INSTALLED_KEY]?: boolean }) => {\n    if (app[INSTALLED_KEY]) { return; }\n\n    app[INSTALLED_KEY] = true;\n    components.forEach(c => app.use(c as Plugin));\n  };\n\n  return {\n    version,\n    install,\n  };\n}\n\nconst installer = makeInstaller([\n  MtExpand,\n  MtResize,\n  MtSort,\n  MtTable,\n]);\n\nexport default installer;\n"],"names":["INSTALLED_KEY","makeInstaller","components","version","app","c","installer","MtExpand","MtResize","MtSort","MtTable"],"mappings":";;;;;AAOA,MAAMA,IAAgB,OAAO,kBAAkB;AAE/C,SAASC,EAAcC,IAA0B,IAAI;AAQnD,SAAO;AAAA,IACL,SAAAC;AAAA,IACA,SATc,CAACC,MAA6C;AAC5D,MAAIA,EAAIJ,CAAa,MAErBI,EAAIJ,CAAa,IAAI,IACrBE,EAAW,QAAQ,CAAAG,MAAKD,EAAI,IAAIC,CAAW,CAAC;AAAA,IAC9C;AAAA,EAIE;AAEJ;AAEA,MAAMC,IAAYL,EAAc;AAAA,EAC9BM;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AACF,CAAC;"}

package/dist/es/src/resize/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../utils/install.mjs";
+import o from "./src/resize.vue.mjs";
+const r = t(o);
+export {
+  r as MtResize
+};
+//# sourceMappingURL=index.mjs.map

package/dist/es/src/resize/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/resize/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install';\r\nimport Resize from './src/resize.vue';\r\n\r\nexport const MtResize = withInstall(Resize);\r\n\r\nexport * from './src/resize';\r\n"],"names":["MtResize","withInstall","Resize"],"mappings":";;AAGO,MAAMA,IAAWC,EAAYC,CAAM;"}

package/dist/es/src/resize/src/resize.css

@@ -0,0 +1 @@
+.mt-resize[data-v-d512c549]{position:relative;overflow:visible}.mt-resize .left-box[data-v-d512c549]{position:absolute;top:4px;left:-4px;width:8px;height:calc(100% - 8px);cursor:w-resize}.mt-resize .right-box[data-v-d512c549]{position:absolute;top:4px;right:-4px;width:8px;height:calc(100% - 8px);cursor:e-resize}.mt-resize .top-box[data-v-d512c549]{position:absolute;top:-4px;left:4px;width:calc(100% - 8px);height:8px;cursor:n-resize}.mt-resize .bottom-box[data-v-d512c549]{position:absolute;bottom:-4px;left:4px;width:calc(100% - 8px);height:8px;cursor:s-resize}.mt-resize .left-top-box[data-v-d512c549]{position:absolute;top:-4px;left:-4px;width:8px;height:8px;cursor:nw-resize}.mt-resize .right-top-box[data-v-d512c549]{position:absolute;top:-4px;right:-4px;width:8px;height:8px;cursor:ne-resize}.mt-resize .left-bottom-box[data-v-d512c549]{position:absolute;bottom:-4px;left:-4px;width:8px;height:8px;cursor:sw-resize}.mt-resize .right-bottom-box[data-v-d512c549]{position:absolute;right:-4px;bottom:-4px;width:8px;height:8px;cursor:se-resize}

package/dist/es/src/resize/src/resize.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./resize.vue2.mjs";
+/* empty css             */
+import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d512c549"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=resize.vue.mjs.map

package/dist/es/src/resize/src/resize.vue.mjs.map

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

package/dist/es/src/resize/src/resize.vue2.mjs

@@ -0,0 +1,84 @@
+import { defineComponent as w, ref as b, computed as d, createElementBlock as o, openBlock as i, createCommentVNode as n, renderSlot as z, Fragment as P, withModifiers as r } from "vue";
+import { domResize as A } from "dom-transform-tool";
+const x = /* @__PURE__ */ w({
+  name: "MtResize",
+  __name: "resize",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    offset: {},
+    directions: { default: () => ["right"] },
+    lockAspectRatio: { type: Boolean, default: !1 },
+    grid: { default: () => [0.5, 0.5] }
+  },
+  emits: ["resize"],
+  setup(c, { emit: g }) {
+    const u = c, R = g, m = b(), k = b("");
+    function s(l, e) {
+      k.value = e, A({
+        event: l,
+        direction: e,
+        target: m.value,
+        offset: u.offset,
+        lockAspectRatio: u.lockAspectRatio,
+        grid: u.grid,
+        callback: (t, y) => {
+          R("resize", t, y);
+        }
+      });
+    }
+    const p = d(() => u.directions.includes("left")), a = d(() => u.directions.includes("right")), f = d(() => u.directions.includes("top")), v = d(() => u.directions.includes("bottom"));
+    return (l, e) => (i(), o("div", {
+      ref_key: "contentRef",
+      ref: m,
+      class: "mt-resize"
+    }, [
+      l.disabled ? n("", !0) : (i(), o(P, { key: 0 }, [
+        p.value && !l.lockAspectRatio ? (i(), o("div", {
+          key: 0,
+          class: "left-box",
+          onPointerdown: e[0] || (e[0] = r((t) => s(t, "left"), ["stop", "prevent"]))
+        }, null, 32)) : n("", !0),
+        a.value && !l.lockAspectRatio ? (i(), o("div", {
+          key: 1,
+          class: "right-box",
+          onPointerdown: e[1] || (e[1] = r((t) => s(t, "right"), ["stop", "prevent"]))
+        }, null, 32)) : n("", !0),
+        f.value && !l.lockAspectRatio ? (i(), o("div", {
+          key: 2,
+          class: "top-box",
+          onPointerdown: e[2] || (e[2] = r((t) => s(t, "top"), ["stop", "prevent"]))
+        }, null, 32)) : n("", !0),
+        v.value && !l.lockAspectRatio ? (i(), o("div", {
+          key: 3,
+          class: "bottom-box",
+          onPointerdown: e[3] || (e[3] = r((t) => s(t, "bottom"), ["stop", "prevent"]))
+        }, null, 32)) : n("", !0),
+        p.value && f.value ? (i(), o("div", {
+          key: 4,
+          class: "left-top-box",
+          onPointerdown: e[4] || (e[4] = r((t) => s(t, "left-top"), ["stop", "prevent"]))
+        }, null, 32)) : n("", !0),
+        a.value && f.value ? (i(), o("div", {
+          key: 5,
+          class: "right-top-box",
+          onPointerdown: e[5] || (e[5] = r((t) => s(t, "right-top"), ["stop", "prevent"]))
+        }, null, 32)) : n("", !0),
+        p.value && v.value ? (i(), o("div", {
+          key: 6,
+          class: "left-bottom-box",
+          onPointerdown: e[6] || (e[6] = r((t) => s(t, "left-bottom"), ["stop", "prevent"]))
+        }, null, 32)) : n("", !0),
+        a.value && v.value ? (i(), o("div", {
+          key: 7,
+          class: "right-bottom-box",
+          onPointerdown: e[7] || (e[7] = r((t) => s(t, "right-bottom"), ["stop", "prevent"]))
+        }, null, 32)) : n("", !0)
+      ], 64)),
+      z(l.$slots, "default", { direction: k.value }, void 0, !0)
+    ], 512));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=resize.vue2.mjs.map

package/dist/es/src/resize/src/resize.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.vue2.mjs","sources":["../../../../../src/resize/src/resize.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { DomResizeContent, DomResizeDirection, DomResizeStyle } from 'dom-transform-tool';\r\nimport type { ResizeProps } from './resize';\r\nimport { domResize } from 'dom-transform-tool';\r\nimport { computed, ref } from 'vue';\r\n\r\ndefineOptions({ name: 'MtResize' });\r\n\r\nconst props = withDefaults(\r\n  defineProps<ResizeProps>(),\r\n  {\r\n    disabled: false,\r\n    directions: () => ['right'],\r\n    lockAspectRatio: false,\r\n    grid: () => [0.5, 0.5],\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'resize', content: DomResizeContent, style: DomResizeStyle): void\r\n}>();\r\n\r\n/** 元素实例 */\r\nconst contentRef = ref<HTMLDivElement>();\r\n/** 调整的方向 */\r\nconst resizeDirection = ref('');\r\n/** 调整函数 */\r\nfunction handleResize(event: PointerEvent, direction: DomResizeDirection) {\r\n  resizeDirection.value = direction;\r\n  domResize({\r\n    event,\r\n    direction,\r\n    target: contentRef.value,\r\n    offset: props.offset,\r\n    lockAspectRatio: props.lockAspectRatio,\r\n    grid: props.grid,\r\n    callback: (content, style) => {\r\n      emit('resize', content, style);\r\n    },\r\n  });\r\n};\r\n\r\nconst isLeftDir = computed(() => props.directions.includes('left'));\r\nconst isRightDir = computed(() => props.directions.includes('right'));\r\nconst isTopDir = computed(() => props.directions.includes('top'));\r\nconst isBottomDir = computed(() => props.directions.includes('bottom'));\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"contentRef\"\r\n    class=\"mt-resize\"\r\n  >\r\n    <template v-if=\"!disabled\">\r\n      <div v-if=\"isLeftDir && !lockAspectRatio\" class=\"left-box\" @pointerdown.stop.prevent=\"(e) => handleResize(e, 'left')\" />\r\n      <div v-if=\"isRightDir && !lockAspectRatio\" class=\"right-box\" @pointerdown.stop.prevent=\"(e) => handleResize(e, 'right')\" />\r\n      <div v-if=\"isTopDir && !lockAspectRatio\" class=\"top-box\" @pointerdown.stop.prevent=\"(e) => handleResize(e, 'top')\" />\r\n      <div v-if=\"isBottomDir && !lockAspectRatio\" class=\"bottom-box\" @pointerdown.stop.prevent=\"(e) => handleResize(e, 'bottom')\" />\r\n      <div v-if=\"isLeftDir && isTopDir\" class=\"left-top-box\" @pointerdown.stop.prevent=\"(e) => handleResize(e, 'left-top')\" />\r\n      <div v-if=\"isRightDir && isTopDir\" class=\"right-top-box\" @pointerdown.stop.prevent=\"(e) => handleResize(e, 'right-top')\" />\r\n      <div v-if=\"isLeftDir && isBottomDir\" class=\"left-bottom-box\" @pointerdown.stop.prevent=\"(e) => handleResize(e, 'left-bottom')\" />\r\n      <div v-if=\"isRightDir && isBottomDir\" class=\"right-bottom-box\" @pointerdown.stop.prevent=\"(e) => handleResize(e, 'right-bottom')\" />\r\n    </template>\r\n    <slot :direction=\"resizeDirection\" />\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n.mt-resize {\r\n  position: relative;\r\n  overflow: visible;\r\n\r\n  .left-box {\r\n    position: absolute;\r\n    top: 4px;\r\n    left: -4px;\r\n    width: 8px;\r\n    height: calc(100% - 8px);\r\n    cursor: w-resize;\r\n  }\r\n\r\n  .right-box {\r\n    position: absolute;\r\n    top: 4px;\r\n    right: -4px;\r\n    width: 8px;\r\n    height: calc(100% - 8px);\r\n    cursor: e-resize;\r\n  }\r\n\r\n  .top-box {\r\n    position: absolute;\r\n    top: -4px;\r\n    left: 4px;\r\n    width: calc(100% - 8px);\r\n    height: 8px;\r\n    cursor: n-resize;\r\n  }\r\n\r\n  .bottom-box {\r\n    position: absolute;\r\n    bottom: -4px;\r\n    left: 4px;\r\n    width: calc(100% - 8px);\r\n    height: 8px;\r\n    cursor: s-resize;\r\n  }\r\n\r\n  .left-top-box {\r\n    position: absolute;\r\n    top: -4px;\r\n    left: -4px;\r\n    width: 8px;\r\n    height: 8px;\r\n    cursor: nw-resize;\r\n  }\r\n\r\n  .right-top-box {\r\n    position: absolute;\r\n    top: -4px;\r\n    right: -4px;\r\n    width: 8px;\r\n    height: 8px;\r\n    cursor: ne-resize;\r\n  }\r\n\r\n  .left-bottom-box {\r\n    position: absolute;\r\n    bottom: -4px;\r\n    left: -4px;\r\n    width: 8px;\r\n    height: 8px;\r\n    cursor: sw-resize;\r\n  }\r\n\r\n  .right-bottom-box {\r\n    position: absolute;\r\n    right: -4px;\r\n    bottom: -4px;\r\n    width: 8px;\r\n    height: 8px;\r\n    cursor: se-resize;\r\n  }\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","contentRef","ref","resizeDirection","handleResize","event","direction","domResize","content","style","isLeftDir","computed","isRightDir","isTopDir","isBottomDir"],"mappings":";;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAURC,IAAOC,GAKPC,IAAaC,EAAA,GAEbC,IAAkBD,EAAI,EAAE;AAE9B,aAASE,EAAaC,GAAqBC,GAA+B;AACxE,MAAAH,EAAgB,QAAQG,GACxBC,EAAU;AAAA,QACR,OAAAF;AAAA,QACA,WAAAC;AAAA,QACA,QAAQL,EAAW;AAAA,QACnB,QAAQJ,EAAM;AAAA,QACd,iBAAiBA,EAAM;AAAA,QACvB,MAAMA,EAAM;AAAA,QACZ,UAAU,CAACW,GAASC,MAAU;AAC5B,UAAAV,EAAK,UAAUS,GAASC,CAAK;AAAA,QAC/B;AAAA,MAAA,CACD;AAAA,IACH;AAEA,UAAMC,IAAYC,EAAS,MAAMd,EAAM,WAAW,SAAS,MAAM,CAAC,GAC5De,IAAaD,EAAS,MAAMd,EAAM,WAAW,SAAS,OAAO,CAAC,GAC9DgB,IAAWF,EAAS,MAAMd,EAAM,WAAW,SAAS,KAAK,CAAC,GAC1DiB,IAAcH,EAAS,MAAMd,EAAM,WAAW,SAAS,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/es/src/sort/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/sort/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install';\nimport Sort from './src/sort';\n\nexport const MtSort = withInstall(Sort);\n\nexport * from './src/sort';\n"],"names":["MtSort","withInstall","Sort"],"mappings":";;AAGa,MAAAA,IAASC,EAAYC,CAAI;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/sort/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install';\nimport Sort from './src/sort';\n\nexport const MtSort = withInstall(Sort);\n\nexport * from './src/sort';\n"],"names":["MtSort","withInstall","Sort"],"mappings":";;AAGO,MAAMA,IAASC,EAAYC,CAAI;"}

package/dist/es/src/sort/src/sort.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as l, computed as y } from "vue";
-const h = l({
+import { defineComponent as u, computed as l } from "vue";
+const d = u({
   name: "MtSort",
   props: {
     /** 排序配置 */
@@ -13,42 +13,39 @@ const h = l({
       default: "sort-key"
     }
   },
-  setup(t, { slots: s }) {
-    const o = y(() => {
-      var i;
-      const e = ((i = s.default) == null ? void 0 : i.call(s)) || [], n = a(t.keyName, e), r = Array.from(new Set(t.sortList)).map((c) => n[c]).filter(Boolean);
-      return u(t.keyName, e, t.sortList, r);
+  setup(r, { slots: o }) {
+    const n = l(() => {
+      const t = o.default?.() || [], e = f(r.keyName, t), s = Array.from(new Set(r.sortList)).map((i) => e[i]).filter(Boolean);
+      return a(r.keyName, t, r.sortList, s);
     });
-    return () => o.value;
+    return () => n.value;
   }
 });
-function a(t, s, o = {}) {
-  return s.forEach((e) => {
-    var r;
-    const n = (r = e.props) == null ? void 0 : r[t];
-    if (n) {
-      o[n] ? console.warn(`<mt-sort> ${t}: ${n} repeat`) : o[n] = e;
+function f(r, o, n = {}) {
+  return o.forEach((t) => {
+    const e = t.props?.[r];
+    if (e) {
+      n[e] ? console.warn(`<mt-sort> ${r}: ${e} repeat`) : n[e] = t;
       return;
     }
-    Array.isArray(e.children) && a(t, e.children, o);
-  }), o;
+    Array.isArray(t.children) && f(r, t.children, n);
+  }), n;
 }
-function u(t, s, o, e) {
-  const n = [];
-  return s.forEach((r) => {
-    var c;
-    const i = (c = r.props) == null ? void 0 : c[t];
-    if (i && o.includes(i)) {
-      const f = e.shift();
-      if (f) {
-        n.push(f);
+function a(r, o, n, t) {
+  const e = [];
+  return o.forEach((s) => {
+    const i = s.props?.[r];
+    if (i && n.includes(i)) {
+      const c = t.shift();
+      if (c) {
+        e.push(c);
         return;
       }
     }
-    Array.isArray(r.children) && (r = { ...r }, r.children = u(t, r.children, o, e)), n.push(r);
-  }), n;
+    Array.isArray(s.children) && (s = { ...s }, s.children = a(r, s.children, n, t)), e.push(s);
+  }), e;
 }
 export {
-  h as default
+  d as default
 };
 //# sourceMappingURL=sort.mjs.map

package/dist/es/src/sort/src/sort.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sort.mjs","sources":["../../../../../src/sort/src/sort.ts"],"sourcesContent":["import type { PropType, VNode } from 'vue';\nimport { computed, defineComponent } from 'vue';\n\nexport interface SortProps {\n  /** 排序配置 */\n  sortList?: (string | number)[]\n  /** 排序key名 */\n  keyName?: string\n}\n\nexport default defineComponent({\n  name: 'MtSort',\n  props: {\n    /** 排序配置 */\n    sortList: {\n      type: Array as PropType<(string | number)[]>,\n      default: () => [],\n    },\n    /** 排序key名 */\n    keyName: {\n      type: String,\n      default: 'sort-key',\n    },\n  },\n  setup(props, { slots }) {\n    const renderVNodes = computed(() => {\n      const vNodeList = slots.default?.() || [];\n      const sortVNodeMap = getVNodeMap(props.keyName, vNodeList);\n      const sortVNodeList = Array.from(new Set(props.sortList)).map(key => sortVNodeMap[key]).filter(Boolean);\n      return sortDefaultVNodes(props.keyName, vNodeList, props.sortList, sortVNodeList);\n    });\n\n    return () => renderVNodes.value;\n  },\n});\n\n/** 获取插槽中需要排序的节点 */\nfunction getVNodeMap(keyName: string, vNodeList: VNode[], vNodeMap: Record<(string | number), VNode> = {}) {\n  vNodeList.forEach((item) => {\n    const sortKey = item.props?.[keyName];\n    if (sortKey) {\n      if (vNodeMap[sortKey]) {\n        console.warn(`<mt-sort> ${keyName}: ${sortKey} repeat`);\n      }\n      else {\n        vNodeMap[sortKey] = item;\n      }\n      return;\n    }\n    if (Array.isArray(item.children)) {\n      getVNodeMap(keyName, item.children as VNode[], vNodeMap);\n    }\n  });\n  return vNodeMap;\n}\n\n/** 根据排序后的节点跟换位置 */\nfunction sortDefaultVNodes(keyName: string, vNodeList: VNode[], sortList: (string | number)[], sortVNodeList: VNode[]) {\n  const newList: VNode[] = [];\n  vNodeList.forEach((vNode) => {\n    const sortKey = vNode.props?.[keyName];\n    if (sortKey && sortList.includes(sortKey)) {\n      const sortVNode = sortVNodeList.shift();\n      if (sortVNode) {\n        newList.push(sortVNode);\n        return;\n      }\n    }\n    if (Array.isArray(vNode.children)) {\n      vNode = { ...vNode }; // 避免修改原节点数据\n      vNode.children = sortDefaultVNodes(keyName, vNode.children as VNode[], sortList, sortVNodeList);\n    }\n    newList.push(vNode);\n  });\n  return newList;\n}\n"],"names":["Sort","defineComponent","props","slots","renderVNodes","computed","vNodeList","_a","sortVNodeMap","getVNodeMap","sortVNodeList","key","sortDefaultVNodes","keyName","vNodeMap","item","sortKey","sortList","newList","vNode","sortVNode"],"mappings":";AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACjB;AAAA;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,MAAMC,GAAO,EAAE,OAAAC,KAAS;AAChB,UAAAC,IAAeC,EAAS,MAAM;;AAClC,YAAMC,MAAYC,IAAAJ,EAAM,YAAN,gBAAAI,EAAA,KAAAJ,OAAqB,CAAC,GAClCK,IAAeC,EAAYP,EAAM,SAASI,CAAS,GACnDI,IAAgB,MAAM,KAAK,IAAI,IAAIR,EAAM,QAAQ,CAAC,EAAE,IAAI,OAAOM,EAAaG,CAAG,CAAC,EAAE,OAAO,OAAO;AACtG,aAAOC,EAAkBV,EAAM,SAASI,GAAWJ,EAAM,UAAUQ,CAAa;AAAA,IAAA,CACjF;AAED,WAAO,MAAMN,EAAa;AAAA,EAAA;AAE9B,CAAC;AAGD,SAASK,EAAYI,GAAiBP,GAAoBQ,IAA6C,CAAA,GAAI;AAC/F,SAAAR,EAAA,QAAQ,CAACS,MAAS;;AACpB,UAAAC,KAAUT,IAAAQ,EAAK,UAAL,gBAAAR,EAAaM;AAC7B,QAAIG,GAAS;AACP,MAAAF,EAASE,CAAO,IAClB,QAAQ,KAAK,aAAaH,CAAO,KAAKG,CAAO,SAAS,IAGtDF,EAASE,CAAO,IAAID;AAEtB;AAAA,IAAA;AAEF,IAAI,MAAM,QAAQA,EAAK,QAAQ,KACjBN,EAAAI,GAASE,EAAK,UAAqBD,CAAQ;AAAA,EACzD,CACD,GACMA;AACT;AAGA,SAASF,EAAkBC,GAAiBP,GAAoBW,GAA+BP,GAAwB;AACrH,QAAMQ,IAAmB,CAAC;AAChB,SAAAZ,EAAA,QAAQ,CAACa,MAAU;;AACrB,UAAAH,KAAUT,IAAAY,EAAM,UAAN,gBAAAZ,EAAcM;AAC9B,QAAIG,KAAWC,EAAS,SAASD,CAAO,GAAG;AACnC,YAAAI,IAAYV,EAAc,MAAM;AACtC,UAAIU,GAAW;AACb,QAAAF,EAAQ,KAAKE,CAAS;AACtB;AAAA,MAAA;AAAA,IACF;AAEF,IAAI,MAAM,QAAQD,EAAM,QAAQ,MACtBA,IAAA,EAAE,GAAGA,EAAM,GACnBA,EAAM,WAAWP,EAAkBC,GAASM,EAAM,UAAqBF,GAAUP,CAAa,IAEhGQ,EAAQ,KAAKC,CAAK;AAAA,EAAA,CACnB,GACMD;AACT;"}
+{"version":3,"file":"sort.mjs","sources":["../../../../../src/sort/src/sort.ts"],"sourcesContent":["import type { PropType, VNode } from 'vue';\nimport { computed, defineComponent } from 'vue';\n\nexport interface SortProps {\n  /** 排序配置 */\n  sortList?: (string | number)[]\n  /** 排序key名 */\n  keyName?: string\n}\n\nexport default defineComponent({\n  name: 'MtSort',\n  props: {\n    /** 排序配置 */\n    sortList: {\n      type: Array as PropType<(string | number)[]>,\n      default: () => [],\n    },\n    /** 排序key名 */\n    keyName: {\n      type: String,\n      default: 'sort-key',\n    },\n  },\n  setup(props, { slots }) {\n    const renderVNodes = computed(() => {\n      const vNodeList = slots.default?.() || [];\n      const sortVNodeMap = getVNodeMap(props.keyName, vNodeList);\n      const sortVNodeList = Array.from(new Set(props.sortList)).map(key => sortVNodeMap[key]).filter(Boolean);\n      return sortDefaultVNodes(props.keyName, vNodeList, props.sortList, sortVNodeList);\n    });\n\n    return () => renderVNodes.value;\n  },\n});\n\n/** 获取插槽中需要排序的节点 */\nfunction getVNodeMap(keyName: string, vNodeList: VNode[], vNodeMap: Record<(string | number), VNode> = {}) {\n  vNodeList.forEach((item) => {\n    const sortKey = item.props?.[keyName];\n    if (sortKey) {\n      if (vNodeMap[sortKey]) {\n        console.warn(`<mt-sort> ${keyName}: ${sortKey} repeat`);\n      }\n      else {\n        vNodeMap[sortKey] = item;\n      }\n      return;\n    }\n    if (Array.isArray(item.children)) {\n      getVNodeMap(keyName, item.children as VNode[], vNodeMap);\n    }\n  });\n  return vNodeMap;\n}\n\n/** 根据排序后的节点跟换位置 */\nfunction sortDefaultVNodes(keyName: string, vNodeList: VNode[], sortList: (string | number)[], sortVNodeList: VNode[]) {\n  const newList: VNode[] = [];\n  vNodeList.forEach((vNode) => {\n    const sortKey = vNode.props?.[keyName];\n    if (sortKey && sortList.includes(sortKey)) {\n      const sortVNode = sortVNodeList.shift();\n      if (sortVNode) {\n        newList.push(sortVNode);\n        return;\n      }\n    }\n    if (Array.isArray(vNode.children)) {\n      vNode = { ...vNode }; // 避免修改原节点数据\n      vNode.children = sortDefaultVNodes(keyName, vNode.children as VNode[], sortList, sortVNodeList);\n    }\n    newList.push(vNode);\n  });\n  return newList;\n}\n"],"names":["Sort","defineComponent","props","slots","renderVNodes","computed","vNodeList","sortVNodeMap","getVNodeMap","sortVNodeList","key","sortDefaultVNodes","keyName","vNodeMap","item","sortKey","sortList","newList","vNode","sortVNode"],"mappings":";AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA;AAAA,IAGlB,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAMC,GAAO,EAAE,OAAAC,KAAS;AACtB,UAAMC,IAAeC,EAAS,MAAM;AAClC,YAAMC,IAAYH,EAAM,UAAA,KAAe,CAAA,GACjCI,IAAeC,EAAYN,EAAM,SAASI,CAAS,GACnDG,IAAgB,MAAM,KAAK,IAAI,IAAIP,EAAM,QAAQ,CAAC,EAAE,IAAI,OAAOK,EAAaG,CAAG,CAAC,EAAE,OAAO,OAAO;AACtG,aAAOC,EAAkBT,EAAM,SAASI,GAAWJ,EAAM,UAAUO,CAAa;AAAA,IAClF,CAAC;AAED,WAAO,MAAML,EAAa;AAAA,EAC5B;AACF,CAAC;AAGD,SAASI,EAAYI,GAAiBN,GAAoBO,IAA6C,CAAA,GAAI;AACzG,SAAAP,EAAU,QAAQ,CAACQ,MAAS;AAC1B,UAAMC,IAAUD,EAAK,QAAQF,CAAO;AACpC,QAAIG,GAAS;AACX,MAAIF,EAASE,CAAO,IAClB,QAAQ,KAAK,aAAaH,CAAO,KAAKG,CAAO,SAAS,IAGtDF,EAASE,CAAO,IAAID;AAEtB;AAAA,IACF;AACA,IAAI,MAAM,QAAQA,EAAK,QAAQ,KAC7BN,EAAYI,GAASE,EAAK,UAAqBD,CAAQ;AAAA,EAE3D,CAAC,GACMA;AACT;AAGA,SAASF,EAAkBC,GAAiBN,GAAoBU,GAA+BP,GAAwB;AACrH,QAAMQ,IAAmB,CAAA;AACzB,SAAAX,EAAU,QAAQ,CAACY,MAAU;AAC3B,UAAMH,IAAUG,EAAM,QAAQN,CAAO;AACrC,QAAIG,KAAWC,EAAS,SAASD,CAAO,GAAG;AACzC,YAAMI,IAAYV,EAAc,MAAA;AAChC,UAAIU,GAAW;AACb,QAAAF,EAAQ,KAAKE,CAAS;AACtB;AAAA,MACF;AAAA,IACF;AACA,IAAI,MAAM,QAAQD,EAAM,QAAQ,MAC9BA,IAAQ,EAAE,GAAGA,EAAA,GACbA,EAAM,WAAWP,EAAkBC,GAASM,EAAM,UAAqBF,GAAUP,CAAa,IAEhGQ,EAAQ,KAAKC,CAAK;AAAA,EACpB,CAAC,GACMD;AACT;"}

package/dist/es/src/table/index.mjs

@@ -5,4 +5,3 @@ export {
   m as MtTable
 };
 //# sourceMappingURL=index.mjs.map
-import './src/table.css';

package/dist/es/src/table/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/table/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install';\nimport Table from './src/table.vue';\n\nexport const MtTable = withInstall(Table);\n\nexport * from './src/table';\n"],"names":["MtTable","withInstall","Table"],"mappings":";;AAGa,MAAAA,IAAUC,EAAYC,CAAK;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/table/index.ts"],"sourcesContent":["import { withInstall } from '../utils/install';\nimport Table from './src/table.vue';\n\nexport const MtTable = withInstall(Table);\n\nexport * from './src/table';\n"],"names":["MtTable","withInstall","Table"],"mappings":";;AAGO,MAAMA,IAAUC,EAAYC,CAAK;"}

package/dist/es/src/table/src/table.vue2.mjs

@@ -1,93 +1,75 @@
-import { defineComponent as M, computed as i, createElementBlock as o, openBlock as u, createElementVNode as v, Fragment as p, renderList as d, normalizeStyle as m, renderSlot as _, createTextVNode as k, toDisplayString as b } from "vue";
-const D = { class: "mt-table" }, E = ["colspan", "rowspan"], N = ["colspan", "rowspan"], T = /* @__PURE__ */ M({
+import { defineComponent as K, computed as i, createElementBlock as o, openBlock as u, createElementVNode as C, Fragment as c, renderList as d, normalizeStyle as m, renderSlot as g, createTextVNode as v, toDisplayString as _ } from "vue";
+const L = { class: "mt-table" }, M = ["colspan", "rowspan"], D = ["colspan", "rowspan"], N = /* @__PURE__ */ K({
   name: "MtTable",
   __name: "table",
   props: {
     data: { default: () => [] },
     config: { default: () => [] }
   },
-  setup($) {
-    const S = $, h = i(() => S.config.map((t) => ({ ...t, columns: t.columns.filter((s) => s.title) }))), y = i(() => S.config.map((t) => ({ ...t, columns: t.columns.filter((s) => s.dataKey) }))), B = i(() => {
-      const t = h.value.map((a) => a.columns.reduce((e, n) => {
-        var l;
-        return e + (((l = n.head) == null ? void 0 : l.colSpan) || 1);
-      }, 0)), s = y.value.map((a) => a.columns.reduce((e, n) => {
-        var l;
-        return e + (((l = n.cell) == null ? void 0 : l.colSpan) || 1);
-      }, 0));
-      return Math.max(...t, ...s);
-    }), K = i(() => {
-      const t = h.value.map((s) => s.columns.map((a) => {
-        var e;
-        return ((e = a.head) == null ? void 0 : e.colSpan) || 0;
-      }));
-      return f(t);
-    }), L = i(() => {
-      const t = y.value.map((s) => s.columns.map((a) => {
-        var e;
-        return ((e = a.cell) == null ? void 0 : e.colSpan) || 0;
-      }));
-      return f(t);
+  setup(k) {
+    const S = k, h = i(() => S.config.map((e) => ({ ...e, columns: e.columns.filter((l) => l.title) }))), y = i(() => S.config.map((e) => ({ ...e, columns: e.columns.filter((l) => l.dataKey) }))), b = i(() => {
+      const e = h.value.map((t) => t.columns.reduce((n, a) => n + (a.head?.colSpan || 1), 0)), l = y.value.map((t) => t.columns.reduce((n, a) => n + (a.cell?.colSpan || 1), 0));
+      return Math.max(...e, ...l);
+    }), $ = i(() => {
+      const e = h.value.map((l) => l.columns.map((t) => t.head?.colSpan || 0));
+      return f(e);
+    }), B = i(() => {
+      const e = y.value.map((l) => l.columns.map((t) => t.cell?.colSpan || 0));
+      return f(e);
     });
-    function f(t) {
-      return t.map((s) => {
-        const a = s.filter(Boolean), e = a.reduce((r, c) => r + c, 0);
-        let n = s.length - a.length, l = B.value - e;
-        return s.map((r) => (!r && l > 0 && (r = Math.ceil(l / n), n--, l -= r), r));
+    function f(e) {
+      return e.map((l) => {
+        const t = l.filter(Boolean), n = t.reduce((r, p) => r + p, 0);
+        let a = l.length - t.length, s = b.value - n;
+        return l.map((r) => (!r && s > 0 && (r = Math.ceil(s / a), a--, s -= r), r));
       });
     }
-    return (t, s) => (u(), o("table", D, [
-      v("thead", null, [
-        (u(!0), o(p, null, d(h.value, (a, e) => (u(), o("tr", {
-          key: e,
-          style: m(a.headStyle)
+    return (e, l) => (u(), o("table", L, [
+      C("thead", null, [
+        (u(!0), o(c, null, d(h.value, (t, n) => (u(), o("tr", {
+          key: n,
+          style: m(t.headStyle)
         }, [
-          (u(!0), o(p, null, d(a.columns, (n, l) => {
-            var r, c;
-            return u(), o("th", {
-              key: `${n.title}-${l}`,
-              colspan: K.value[e][l],
-              rowspan: (r = n.head) == null ? void 0 : r.rowSpan,
-              style: m((c = n.head) == null ? void 0 : c.style)
+          (u(!0), o(c, null, d(t.columns, (a, s) => (u(), o("th", {
+            key: `${a.title}-${s}`,
+            colspan: $.value[n][s],
+            rowspan: a.head?.rowSpan,
+            style: m(a.head?.style)
+          }, [
+            g(e.$slots, "header", {
+              column: a,
+              columnIndex: s,
+              row: t,
+              rowIndex: n
+            }, () => [
+              v(_(a.title), 1)
+            ], !0)
+          ], 12, M))), 128))
+        ], 4))), 128))
+      ]),
+      C("tbody", null, [
+        (u(!0), o(c, null, d(e.data, (t, n) => (u(), o(c, { key: n }, [
+          (u(!0), o(c, null, d(y.value, (a, s) => (u(), o("tr", {
+            key: s,
+            style: m(a.rowStyle)
+          }, [
+            (u(!0), o(c, null, d(a.columns, (r, p) => (u(), o("td", {
+              key: `${r.dataKey}-${p}`,
+              colspan: B.value[s][p],
+              rowspan: r.cell?.rowSpan,
+              style: m(r.cell?.style)
             }, [
-              _(t.$slots, "header", {
-                column: n,
-                columnIndex: l,
+              g(e.$slots, "cell", {
+                column: r,
+                columnIndex: p,
+                dataIndex: n,
+                record: t,
                 row: a,
-                rowIndex: e
+                rowIndex: s
               }, () => [
-                k(b(n.title), 1)
+                v(_(t[r.dataKey]), 1)
               ], !0)
-            ], 12, E);
-          }), 128))
-        ], 4))), 128))
-      ]),
-      v("tbody", null, [
-        (u(!0), o(p, null, d(t.data, (a, e) => (u(), o(p, { key: e }, [
-          (u(!0), o(p, null, d(y.value, (n, l) => (u(), o("tr", {
-            key: l,
-            style: m(n.rowStyle)
-          }, [
-            (u(!0), o(p, null, d(n.columns, (r, c) => {
-              var C, g;
-              return u(), o("td", {
-                key: `${r.dataKey}-${c}`,
-                colspan: L.value[l][c],
-                rowspan: (C = r.cell) == null ? void 0 : C.rowSpan,
-                style: m((g = r.cell) == null ? void 0 : g.style)
-              }, [
-                _(t.$slots, "cell", {
-                  column: r,
-                  columnIndex: c,
-                  dataIndex: e,
-                  record: a,
-                  row: n,
-                  rowIndex: l
-                }, () => [
-                  k(b(a[r.dataKey]), 1)
-                ], !0)
-              ], 12, N);
-            }), 128))
+            ], 12, D))), 128))
           ], 4))), 128))
         ], 64))), 128))
       ])
@@ -95,6 +77,6 @@ const D = { class: "mt-table" }, E = ["colspan", "rowspan"], N = ["colspan", "ro
   }
 });
 export {
-  T as default
+  N as default
 };
 //# sourceMappingURL=table.vue2.mjs.map

package/dist/es/src/table/src/table.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.vue2.mjs","sources":["../../../../../src/table/src/table.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { TableProps } from './table';\nimport { computed } from 'vue';\n\ndefineOptions({ name: 'MtTable' });\n\nconst props = withDefaults(defineProps<TableProps>(), {\n  data: () => [],\n  config: () => [],\n});\n\n/** 表头配置 */\nconst headConfig = computed(() => {\n  return props.config.map(rowItem => ({ ...rowItem, columns: rowItem.columns.filter(column => column.title) }));\n});\n\n/** 数据配置 */\nconst dataConfig = computed(() => {\n  return props.config.map(rowItem => ({ ...rowItem, columns: rowItem.columns.filter(column => column.dataKey) }));\n});\n\n/** 最大列数 */\nconst maxColSpan = computed(() => {\n  const handReduce = headConfig.value.map(item => item.columns.reduce((pre, cur) => pre + (cur.head?.colSpan || 1), 0));\n  const cellReduce = dataConfig.value.map(item => item.columns.reduce((pre, cur) => pre + (cur.cell?.colSpan || 1), 0));\n  return Math.max(...handReduce, ...cellReduce);\n});\n\n/** 表头列合并 */\nconst headColSpan = computed(() => {\n  const colSpanList = headConfig.value.map(item => item.columns.map(column => column.head?.colSpan || 0));\n  return getColSpanData(colSpanList);\n});\n\n/** 数据列合并 */\nconst dataColSpan = computed(() => {\n  const colSpanList = dataConfig.value.map(item => item.columns.map(column => column.cell?.colSpan || 0));\n  return getColSpanData(colSpanList);\n});\n\n/** 获取合并列数组 */\nfunction getColSpanData(colSpanList: number[][]) {\n  return colSpanList.map((columns) => {\n    const colSpanColumns = columns.filter(Boolean); // 已分配colSpan的列\n    const beenColSpan = colSpanColumns.reduce((pur, cur) => pur + cur, 0); // 总colSpan\n    let remainCount = columns.length - colSpanColumns.length; // 剩余未配置colSpan的列数\n    let remainColSpan = maxColSpan.value - beenColSpan; // 剩余可分配的colSpan\n    return columns.map((colSpan) => {\n      if (!colSpan && remainColSpan > 0) {\n        colSpan = Math.ceil(remainColSpan / remainCount); // 每列平均分配colSpan\n        remainCount--;\n        remainColSpan -= colSpan;\n      }\n      return colSpan;\n    });\n  });\n}\n</script>\n\n<template>\n  <table class=\"mt-table\">\n    <!-- 表头 -->\n    <thead>\n      <tr\n        v-for=\"(row, rowIndex) in headConfig\"\n        :key=\"rowIndex\"\n        :style=\"row.headStyle\"\n      >\n        <template v-for=\"(column, columnIndex) in row.columns\" :key=\"`${column.title}-${columnIndex}`\">\n          <th\n            :colspan=\"headColSpan[rowIndex][columnIndex]\"\n            :rowspan=\"column.head?.rowSpan\"\n            :style=\"column.head?.style\"\n          >\n            <slot\n              :column=\"column\"\n              :column-index=\"columnIndex\"\n              :row=\"row\"\n              :row-index=\"rowIndex\"\n              name=\"header\"\n            >\n              {{ column.title }}\n            </slot>\n          </th>\n        </template>\n      </tr>\n    </thead>\n    <!-- 表体 -->\n    <tbody>\n      <template\n        v-for=\"(record, dataIndex) in data\"\n        :key=\"dataIndex\"\n      >\n        <tr\n          v-for=\"(row, rowIndex) in dataConfig\"\n          :key=\"rowIndex\"\n          :style=\"row.rowStyle\"\n        >\n          <template v-for=\"(column, columnIndex) in row.columns\" :key=\"`${column.dataKey}-${columnIndex}`\">\n            <td\n              :colspan=\"dataColSpan[rowIndex][columnIndex]\"\n              :rowspan=\"column.cell?.rowSpan\"\n              :style=\"column.cell?.style\"\n            >\n              <slot\n                :column=\"column\"\n                :column-index=\"columnIndex\"\n                :data-index=\"dataIndex\"\n                name=\"cell\"\n                :record=\"record\"\n                :row=\"row\"\n                :row-index=\"rowIndex\"\n              >\n                {{ record[column.dataKey!] }}\n              </slot>\n            </td>\n          </template>\n        </tr>\n      </template>\n    </tbody>\n  </table>\n</template>\n\n<style lang=\"scss\" scoped>\n.mt-table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  thead {\n    tr {\n      th {\n        padding: 8px 16px;\n        border: 1px #f0f0f0 solid;\n      }\n    }\n  }\n\n  tbody {\n    tr {\n      td {\n        padding: 16px;\n        border: 1px #f0f0f0 solid;\n      }\n    }\n  }\n}\n</style>\n"],"names":["props","__props","headConfig","computed","rowItem","column","dataConfig","maxColSpan","handReduce","item","pre","cur","_a","cellReduce","headColSpan","colSpanList","getColSpanData","dataColSpan","columns","colSpanColumns","beenColSpan","pur","remainCount","remainColSpan","colSpan"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC,GAMRC,IAAaC,EAAS,MACnBH,EAAM,OAAO,IAAI,CAAAI,OAAY,EAAE,GAAGA,GAAS,SAASA,EAAQ,QAAQ,OAAO,CAAAC,MAAUA,EAAO,KAAK,IAAI,CAC7G,GAGKC,IAAaH,EAAS,MACnBH,EAAM,OAAO,IAAI,CAAAI,OAAY,EAAE,GAAGA,GAAS,SAASA,EAAQ,QAAQ,OAAO,CAAAC,MAAUA,EAAO,OAAO,IAAI,CAC/G,GAGKE,IAAaJ,EAAS,MAAM;AAChC,YAAMK,IAAaN,EAAW,MAAM,IAAI,CAAAO,MAAQA,EAAK,QAAQ,OAAO,CAACC,GAAKC;;AAAQ,eAAAD,OAAOE,IAAAD,EAAI,SAAJ,gBAAAC,EAAU,YAAW;AAAA,SAAI,CAAC,CAAC,GAC9GC,IAAaP,EAAW,MAAM,IAAI,CAAAG,MAAQA,EAAK,QAAQ,OAAO,CAACC,GAAKC;;AAAQ,eAAAD,OAAOE,IAAAD,EAAI,SAAJ,gBAAAC,EAAU,YAAW;AAAA,SAAI,CAAC,CAAC;AACpH,aAAO,KAAK,IAAI,GAAGJ,GAAY,GAAGK,CAAU;AAAA,IAAA,CAC7C,GAGKC,IAAcX,EAAS,MAAM;AACjC,YAAMY,IAAcb,EAAW,MAAM,IAAI,CAAQO,MAAAA,EAAK,QAAQ,IAAI,CAAUJ,MAAA;;AAAA,iBAAAO,IAAAP,EAAO,SAAP,gBAAAO,EAAa,YAAW;AAAA,OAAC,CAAC;AACtG,aAAOI,EAAeD,CAAW;AAAA,IAAA,CAClC,GAGKE,IAAcd,EAAS,MAAM;AACjC,YAAMY,IAAcT,EAAW,MAAM,IAAI,CAAQG,MAAAA,EAAK,QAAQ,IAAI,CAAUJ,MAAA;;AAAA,iBAAAO,IAAAP,EAAO,SAAP,gBAAAO,EAAa,YAAW;AAAA,OAAC,CAAC;AACtG,aAAOI,EAAeD,CAAW;AAAA,IAAA,CAClC;AAGD,aAASC,EAAeD,GAAyB;AACxC,aAAAA,EAAY,IAAI,CAACG,MAAY;AAC5B,cAAAC,IAAiBD,EAAQ,OAAO,OAAO,GACvCE,IAAcD,EAAe,OAAO,CAACE,GAAKV,MAAQU,IAAMV,GAAK,CAAC;AAChE,YAAAW,IAAcJ,EAAQ,SAASC,EAAe,QAC9CI,IAAgBhB,EAAW,QAAQa;AAChC,eAAAF,EAAQ,IAAI,CAACM,OACd,CAACA,KAAWD,IAAgB,MACpBC,IAAA,KAAK,KAAKD,IAAgBD,CAAW,GAC/CA,KACiBC,KAAAC,IAEZA,EACR;AAAA,MAAA,CACF;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"table.vue2.mjs","sources":["../../../../../src/table/src/table.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { TableProps } from './table';\nimport { computed } from 'vue';\n\ndefineOptions({ name: 'MtTable' });\n\nconst props = withDefaults(defineProps<TableProps>(), {\n  data: () => [],\n  config: () => [],\n});\n\n/** 表头配置 */\nconst headConfig = computed(() => {\n  return props.config.map(rowItem => ({ ...rowItem, columns: rowItem.columns.filter(column => column.title) }));\n});\n\n/** 数据配置 */\nconst dataConfig = computed(() => {\n  return props.config.map(rowItem => ({ ...rowItem, columns: rowItem.columns.filter(column => column.dataKey) }));\n});\n\n/** 最大列数 */\nconst maxColSpan = computed(() => {\n  const handReduce = headConfig.value.map(item => item.columns.reduce((pre, cur) => pre + (cur.head?.colSpan || 1), 0));\n  const cellReduce = dataConfig.value.map(item => item.columns.reduce((pre, cur) => pre + (cur.cell?.colSpan || 1), 0));\n  return Math.max(...handReduce, ...cellReduce);\n});\n\n/** 表头列合并 */\nconst headColSpan = computed(() => {\n  const colSpanList = headConfig.value.map(item => item.columns.map(column => column.head?.colSpan || 0));\n  return getColSpanData(colSpanList);\n});\n\n/** 数据列合并 */\nconst dataColSpan = computed(() => {\n  const colSpanList = dataConfig.value.map(item => item.columns.map(column => column.cell?.colSpan || 0));\n  return getColSpanData(colSpanList);\n});\n\n/** 获取合并列数组 */\nfunction getColSpanData(colSpanList: number[][]) {\n  return colSpanList.map((columns) => {\n    const colSpanColumns = columns.filter(Boolean); // 已分配colSpan的列\n    const beenColSpan = colSpanColumns.reduce((pur, cur) => pur + cur, 0); // 总colSpan\n    let remainCount = columns.length - colSpanColumns.length; // 剩余未配置colSpan的列数\n    let remainColSpan = maxColSpan.value - beenColSpan; // 剩余可分配的colSpan\n    return columns.map((colSpan) => {\n      if (!colSpan && remainColSpan > 0) {\n        colSpan = Math.ceil(remainColSpan / remainCount); // 每列平均分配colSpan\n        remainCount--;\n        remainColSpan -= colSpan;\n      }\n      return colSpan;\n    });\n  });\n}\n</script>\n\n<template>\n  <table class=\"mt-table\">\n    <!-- 表头 -->\n    <thead>\n      <tr\n        v-for=\"(row, rowIndex) in headConfig\"\n        :key=\"rowIndex\"\n        :style=\"row.headStyle\"\n      >\n        <template v-for=\"(column, columnIndex) in row.columns\" :key=\"`${column.title}-${columnIndex}`\">\n          <th\n            :colspan=\"headColSpan[rowIndex][columnIndex]\"\n            :rowspan=\"column.head?.rowSpan\"\n            :style=\"column.head?.style\"\n          >\n            <slot\n              :column=\"column\"\n              :column-index=\"columnIndex\"\n              :row=\"row\"\n              :row-index=\"rowIndex\"\n              name=\"header\"\n            >\n              {{ column.title }}\n            </slot>\n          </th>\n        </template>\n      </tr>\n    </thead>\n    <!-- 表体 -->\n    <tbody>\n      <template\n        v-for=\"(record, dataIndex) in data\"\n        :key=\"dataIndex\"\n      >\n        <tr\n          v-for=\"(row, rowIndex) in dataConfig\"\n          :key=\"rowIndex\"\n          :style=\"row.rowStyle\"\n        >\n          <template v-for=\"(column, columnIndex) in row.columns\" :key=\"`${column.dataKey}-${columnIndex}`\">\n            <td\n              :colspan=\"dataColSpan[rowIndex][columnIndex]\"\n              :rowspan=\"column.cell?.rowSpan\"\n              :style=\"column.cell?.style\"\n            >\n              <slot\n                :column=\"column\"\n                :column-index=\"columnIndex\"\n                :data-index=\"dataIndex\"\n                name=\"cell\"\n                :record=\"record\"\n                :row=\"row\"\n                :row-index=\"rowIndex\"\n              >\n                {{ record[column.dataKey!] }}\n              </slot>\n            </td>\n          </template>\n        </tr>\n      </template>\n    </tbody>\n  </table>\n</template>\n\n<style lang=\"scss\" scoped>\n.mt-table {\n  width: 100%;\n  max-width: 100%;\n  border-spacing: 0;\n  border-collapse: collapse;\n\n  thead {\n    tr {\n      th {\n        padding: 8px 16px;\n        border: 1px #f0f0f0 solid;\n      }\n    }\n  }\n\n  tbody {\n    tr {\n      td {\n        padding: 16px;\n        border: 1px #f0f0f0 solid;\n      }\n    }\n  }\n}\n</style>\n"],"names":["props","__props","headConfig","computed","rowItem","column","dataConfig","maxColSpan","handReduce","item","pre","cur","cellReduce","headColSpan","colSpanList","getColSpanData","dataColSpan","columns","colSpanColumns","beenColSpan","pur","remainCount","remainColSpan","colSpan"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC,GAMRC,IAAaC,EAAS,MACnBH,EAAM,OAAO,IAAI,CAAAI,OAAY,EAAE,GAAGA,GAAS,SAASA,EAAQ,QAAQ,OAAO,CAAAC,MAAUA,EAAO,KAAK,IAAI,CAC7G,GAGKC,IAAaH,EAAS,MACnBH,EAAM,OAAO,IAAI,CAAAI,OAAY,EAAE,GAAGA,GAAS,SAASA,EAAQ,QAAQ,OAAO,CAAAC,MAAUA,EAAO,OAAO,IAAI,CAC/G,GAGKE,IAAaJ,EAAS,MAAM;AAChC,YAAMK,IAAaN,EAAW,MAAM,IAAI,CAAAO,MAAQA,EAAK,QAAQ,OAAO,CAACC,GAAKC,MAAQD,KAAOC,EAAI,MAAM,WAAW,IAAI,CAAC,CAAC,GAC9GC,IAAaN,EAAW,MAAM,IAAI,CAAAG,MAAQA,EAAK,QAAQ,OAAO,CAACC,GAAKC,MAAQD,KAAOC,EAAI,MAAM,WAAW,IAAI,CAAC,CAAC;AACpH,aAAO,KAAK,IAAI,GAAGH,GAAY,GAAGI,CAAU;AAAA,IAC9C,CAAC,GAGKC,IAAcV,EAAS,MAAM;AACjC,YAAMW,IAAcZ,EAAW,MAAM,IAAI,CAAAO,MAAQA,EAAK,QAAQ,IAAI,CAAAJ,MAAUA,EAAO,MAAM,WAAW,CAAC,CAAC;AACtG,aAAOU,EAAeD,CAAW;AAAA,IACnC,CAAC,GAGKE,IAAcb,EAAS,MAAM;AACjC,YAAMW,IAAcR,EAAW,MAAM,IAAI,CAAAG,MAAQA,EAAK,QAAQ,IAAI,CAAAJ,MAAUA,EAAO,MAAM,WAAW,CAAC,CAAC;AACtG,aAAOU,EAAeD,CAAW;AAAA,IACnC,CAAC;AAGD,aAASC,EAAeD,GAAyB;AAC/C,aAAOA,EAAY,IAAI,CAACG,MAAY;AAClC,cAAMC,IAAiBD,EAAQ,OAAO,OAAO,GACvCE,IAAcD,EAAe,OAAO,CAACE,GAAKT,MAAQS,IAAMT,GAAK,CAAC;AACpE,YAAIU,IAAcJ,EAAQ,SAASC,EAAe,QAC9CI,IAAgBf,EAAW,QAAQY;AACvC,eAAOF,EAAQ,IAAI,CAACM,OACd,CAACA,KAAWD,IAAgB,MAC9BC,IAAU,KAAK,KAAKD,IAAgBD,CAAW,GAC/CA,KACAC,KAAiBC,IAEZA,EACR;AAAA,MACH,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}