vft 0.0.110 → 0.0.112

package/es/components/pagination/components/sizes.vue2.js

@@ -1,13 +1,14 @@
-import { defineComponent as p, ref as m, watch as t, computed as c, openBlock as g, createElementBlock as z, normalizeClass as u, unref as f } from "vue";
-import { isEqual as l } from "lodash";
-import { useNamespace as S } from "../../../hooks/use-namespace/index.js";
+import { defineComponent as c, ref as z, watch as n, computed as g, openBlock as d, createElementBlock as f, normalizeClass as S, unref as t, createVNode as h } from "vue";
+import { isEqual as v } from "lodash";
+import { useNamespace as C } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-import { usePagination as d } from "../usePagination.js";
-const b = /* @__PURE__ */ p({
+import { usePagination as b } from "../usePagination.js";
+import { VftSelect as y } from "../../select/index.js";
+const G = /* @__PURE__ */ c({
   __name: "sizes",
   props: {
     pageSize: {},
@@ -17,28 +18,42 @@ const b = /* @__PURE__ */ p({
     size: {}
   },
   emits: ["page-size-change"],
-  setup(e, { emit: s }) {
-    const n = S("pagination");
-    d();
-    const o = m(e.pageSize);
-    return t(
-      () => e.pageSizes,
-      (i, a) => {
-        if (!l(i, a) && Array.isArray(i)) {
-          const r = i.includes(e.pageSize) ? e.pageSize : e.pageSizes[0];
-          s("page-size-change", r);
+  setup(a, { emit: l }) {
+    const p = C("pagination"), o = b(), i = z(a.pageSize);
+    n(
+      () => a.pageSizes,
+      (e, s) => {
+        if (!v(e, s) && Array.isArray(e)) {
+          const u = e.includes(a.pageSize) ? a.pageSize : a.pageSizes[0];
+          l("page-size-change", u);
         }
       }
-    ), t(
-      () => e.pageSize,
-      (i) => {
-        o.value = i;
+    ), n(
+      () => a.pageSize,
+      (e) => {
+        i.value = e;
       }
-    ), c(() => e.pageSizes), (i, a) => (g(), z("span", {
-      class: u(f(n).e("sizes"))
-    }, " 暂无 ", 2));
+    ), console.log(i);
+    const r = g(() => a.pageSizes.map((e) => ({ label: e + "条/页", value: e })));
+    function m(e) {
+      var s;
+      e !== i.value && (i.value = e, (s = o.handleSizeChange) == null || s.call(o, Number(e)));
+    }
+    return (e, s) => (d(), f("span", {
+      class: S(t(p).e("sizes"))
+    }, [
+      h(t(y), {
+        "model-value": i.value,
+        disabled: e.disabled,
+        "popper-class": e.popperClass,
+        size: e.size,
+        "validate-event": !1,
+        onChange: m,
+        options: r.value
+      }, null, 8, ["model-value", "disabled", "popper-class", "size", "options"])
+    ], 2));
   }
 });
 export {
-  b as default
+  G as default
 };

package/es/components/table/columns.js

@@ -1,10 +1,174 @@
-const e = {
+import { createVNode as o, Fragment as d, isVNode as u } from "vue";
+import { formatToDateTime as a } from "@vft/utils";
+import "../divider/index.js";
+import "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import "../tooltip/index.js";
+import "../popover/index.js";
+import "../menu/index.js";
+import "../context-menu/context-menu.vue2.js";
+import "../multiple-tabs/index.js";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../backtop/index.js";
+import "../container/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import { VftTag as f } from "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import { VftButton as l } from "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select/index.js";
+import "../verify-code/index.js";
+import "./index.js";
+import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
+import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import { VftPopconfirm as c } from "../popconfirm/index.js";
+import "../alert/index.js";
+import "../drawer/index.js";
+import "../input-number/index.js";
+import "../slider/index.js";
+import "../autocomplete/index.js";
+import "../super-form/index.js";
+import "../progress/index.js";
+import "../upload/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+function e(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !u(t);
+}
+const wt = {
   type: "seq",
   title: "序号",
-  width: 70,
-  fixed: "left",
-  align: "center"
-};
+  minWidth: 70,
+  fixed: "left"
+}, Tt = {
+  field: "name",
+  title: "名称",
+  minWidth: 100
+}, xt = (t) => ({
+  minWidth: 170,
+  field: "updateTime",
+  title: "更新时间",
+  formatter: ({
+    row: i
+  }) => a(i.updateTime, t)
+}), ti = (t) => ({
+  minWidth: 170,
+  field: "createTime",
+  title: "创建时间",
+  formatter: ({
+    row: i
+  }) => a(i.updateTime, t)
+}), ii = (t = "status", i = "正常", m = "禁用") => ({
+  field: t,
+  title: "状态",
+  width: 100,
+  slots: {
+    default: ({
+      row: r
+    }) => r != null && r[t] ? o(f, {
+      type: "danger"
+    }, e(m) ? m : {
+      default: () => [m]
+    }) : o(f, null, e(i) ? i : {
+      default: () => [i]
+    })
+  }
+}), ri = ({
+  confirmText: t = "确认删除?",
+  leftClickCallbak: i = (p) => {
+  },
+  rightClickCallbak: m = (p) => {
+  },
+  leftText: r = "编辑",
+  rightText: n = "删除"
+}) => ({
+  title: "操作栏",
+  minWidth: 150,
+  slots: {
+    default: ({
+      row: p
+    }) => o(d, null, [o(l, {
+      size: "small",
+      type: "primary",
+      onClick: () => i(p)
+    }, e(r) ? r : {
+      default: () => [r]
+    }), o(c, {
+      width: "150",
+      onConfirm: () => m(p),
+      title: t
+    }, {
+      reference: () => o(l, {
+        size: "small",
+        type: "danger"
+      }, e(n) ? n : {
+        default: () => [n]
+      })
+    })])
+  }
+});
 export {
-  e as INDEX
+  ri as action_field,
+  ti as create_time_field,
+  Tt as name_field,
+  wt as seq_field,
+  ii as state_field,
+  xt as update_time_field
 };

package/es/components/table/index.js

@@ -4,11 +4,16 @@ import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import o from "./table.vue2.js";
-import { INDEX as c } from "./columns.js";
-const l = t(o);
+import e from "./table.vue2.js";
+import { action_field as s, create_time_field as n, name_field as c, seq_field as u, state_field as x, update_time_field as b } from "./columns.js";
+const p = t(e);
 export {
-  c as INDEX,
-  l as VftTable,
-  l as default
+  p as VftTable,
+  s as action_field,
+  n as create_time_field,
+  p as default,
+  c as name_field,
+  u as seq_field,
+  x as state_field,
+  b as update_time_field
 };

package/es/components/table/table.vue2.js

@@ -1,22 +1,22 @@
-import { defineComponent as q, useAttrs as J, ref as s, computed as v, watch as y, createVNode as C, reactive as K, onMounted as Q, resolveComponent as U, openBlock as b, createElementBlock as Z, normalizeClass as w, unref as n, createBlock as H, mergeProps as S, createCommentVNode as L, createSlots as _, withCtx as R, withDirectives as ee, createElementVNode as O, vShow as te } from "vue";
-import { VftEmpty as ae } from "../empty/index.js";
+import { defineComponent as q, useAttrs as K, ref as s, computed as v, watch as y, createVNode as C, reactive as Q, onMounted as U, resolveComponent as Z, openBlock as b, createElementBlock as _, normalizeClass as S, unref as l, createBlock as H, mergeProps as w, createCommentVNode as L, createSlots as ee, withCtx as R, withDirectives as te, createElementVNode as O, vShow as ae } from "vue";
+import { VftEmpty as ne } from "../empty/index.js";
 import { VftPagination as W } from "../pagination/index.js";
 import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { useDebounceFn as ne, useResizeObserver as oe } from "@vueuse/core";
+import { useDebounceFn as oe, useResizeObserver as re } from "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import I from "vxe-table";
-import { EmptyEnum as re } from "../empty/constants.js";
+import { EmptyEnum as ie } from "../empty/constants.js";
 const r = (
   /* hoist-static*/
   le("table")
-), ie = q({
+), se = q({
   name: r.b()
-}), be = /* @__PURE__ */ q({
-  ...ie,
+}), Se = /* @__PURE__ */ q({
+  ...se,
   props: {
     maxHeight: {},
     columns: {},
@@ -53,32 +53,32 @@ const r = (
     },
     pageOptions: {}
   },
-  emits: ["page-change", "sort-change", "update:pageNum"],
-  setup(l, {
+  emits: ["page-change", "size-change", "sort-change", "update:page-num", "update:page-size"],
+  setup(n, {
     expose: T,
-    emit: d
+    emit: u
   }) {
-    const V = J(), $ = s(0), i = s(), A = ne(() => G(), 120), k = v(() => l.pagePlacement.startsWith("bottom")), D = v(() => l.columns.map((e) => (e.align || (e.align = "center"), !e.formatter && !e.slots && !e.cellRender && (e.formatter = ({
+    const V = K(), $ = s(0), i = s(), A = oe(() => j(), 120), k = v(() => n.pagePlacement.startsWith("bottom")), D = v(() => n.columns.map((e) => (e.align || (e.align = "center"), !e.formatter && !e.slots && !e.cellRender && (e.formatter = ({
       cellValue: t
     }) => t || "-"), e)));
-    y([() => l.loading, () => l.data, () => l.columns], () => {
+    y([() => n.loading, () => n.data, () => n.columns], () => {
       A();
     }, {
       immediate: !0
     });
-    function G() {
-      g.data = l.data, N(l.pageNum);
+    function j() {
+      d.data = n.data, z(n.pageNum);
     }
     I.renderer.add("Encrypt", {
       // 加密模板
       renderDefault(e, t) {
         const {
           row: a,
-          column: f
+          column: p
         } = t;
         return C("span", {
           class: "line-clamp",
-          innerHTML: a[f.field] || "-"
+          innerHTML: a[p.field] || "-"
         }, null);
       }
     }), I.formats.mixin({
@@ -88,13 +88,16 @@ const r = (
         return e || "-";
       }
     });
+    function G(e) {
+      u("page-change", e), u("update:page-num", e);
+    }
     function M(e) {
-      d("page-change", e), d("update:pageNum", e);
+      u("size-change", e), u("update:page-size", e);
     }
     const X = () => ({
       maxHeight: "88px",
       height: "44px"
-    }), j = (e) => {
+    }), F = (e) => {
       var a;
       const {
         column: t
@@ -102,7 +105,7 @@ const r = (
       return {
         maxHeight: ((a = t == null ? void 0 : t.cellRender) == null ? void 0 : a.name) === "Clamp" ? "max-content" : "44px"
       };
-    }, g = K({
+    }, d = Q({
       autoResize: !0,
       sortConfig: {
         trigger: "cell",
@@ -110,7 +113,7 @@ const r = (
         defaultSort: {
           field: "",
           order: "desc",
-          ...l.defaultSort
+          ...n.defaultSort
         },
         orders: ["desc", "asc", null]
       },
@@ -119,7 +122,7 @@ const r = (
       },
       cellClassName: "cellClass",
       rowClassName: "rowClass",
-      cellStyle: j,
+      cellStyle: F,
       rowStyle: X,
       headerRowClassName: "headerRowClass",
       headerAlign: "center",
@@ -136,77 +139,77 @@ const r = (
       scrollX: {
         enabled: !1
       },
-      ...l.tableConfig,
+      ...n.tableConfig,
       ...V
-    }), F = (e) => {
-      d("sort-change", e);
+    }), Y = (e) => {
+      u("sort-change", e);
     };
-    y(() => l.pageNum, (e) => {
-      N(e);
+    y(() => n.pageNum, (e) => {
+      z(e);
     });
-    const N = (e) => {
-      g.seqConfig && (g.seqConfig.startIndex = (e - 1) * l.pageSize);
-    }, u = s(), z = s();
-    let p = s(!1), o = s(null), m = s(null);
-    const c = v(() => {
+    const z = (e) => {
+      d.seqConfig && (d.seqConfig.startIndex = (e - 1) * n.pageSize);
+    }, c = s(), B = s();
+    let f = s(!1), o = s(null), m = s(null);
+    const g = v(() => {
       var e;
-      return ((e = l.sticky) == null ? void 0 : e.getContainer) || document.documentElement || document.body;
+      return ((e = n.sticky) == null ? void 0 : e.getContainer) || document.documentElement || document.body;
     });
-    y(() => [i, l.sticky], () => {
+    y(() => [i, n.sticky], () => {
       var e, t, a;
-      (e = i.value) != null && e.$el && l.sticky && ((t = c.value) == null || t.removeEventListener("scroll", h), (a = c.value) == null || a.addEventListener("scroll", h), setTimeout(() => {
-        B();
+      (e = i.value) != null && e.$el && n.sticky && ((t = g.value) == null || t.removeEventListener("scroll", h), (a = g.value) == null || a.addEventListener("scroll", h), setTimeout(() => {
+        E();
       }, 50));
     }, {
       immediate: !0,
       deep: !0
     });
-    function B() {
-      if (!o.value || !m.value || (h(), !p.value))
+    function E() {
+      if (!o.value || !m.value || (h(), !f.value))
         return;
       const e = o.value.clientWidth, t = m.value.offsetWidth;
-      u.value.style.width = e - 1 + "px", z.value.style.width = t + "px";
+      c.value.style.width = e - 1 + "px", B.value.style.width = t + "px";
     }
     function h() {
-      var E, P, x;
-      if (!((E = i.value) != null && E.$el) || !o.value || !c.value)
+      var N, P, x;
+      if (!((N = i.value) != null && N.$el) || !o.value || !g.value)
         return;
-      const e = ((P = c.value) == null ? void 0 : P.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
+      const e = ((P = g.value) == null ? void 0 : P.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
         top: t,
         bottom: a
-      } = o.value.getBoundingClientRect(), f = ((x = c.value) == null ? void 0 : x.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
-      p.value = t < e && a > e && a - f > e, u.value.scrollLeft = o.value.scrollLeft;
+      } = o.value.getBoundingClientRect(), p = ((x = g.value) == null ? void 0 : x.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
+      f.value = t < e && a > e && a - p > e, c.value.scrollLeft = o.value.scrollLeft;
     }
-    const Y = () => {
+    const J = () => {
       var t;
       const e = (t = i.value) == null ? void 0 : t.$el;
       e && (o.value = e.querySelector(".vxe-table--body-wrapper"), m.value = e.querySelector(".vxe-table--body"), !(!o.value && !m.value) && (o.value.addEventListener("scroll", function(a) {
-        u.value.scrollLeft = a.target.scrollLeft;
-      }), u.value.addEventListener("scroll", function(a) {
+        c.value.scrollLeft = a.target.scrollLeft;
+      }), c.value.addEventListener("scroll", function(a) {
         o.value.scrollLeft = a.target.scrollLeft;
       })));
     };
-    return Q(() => {
-      l.sticky && (Y(), oe(i, () => B()));
+    return U(() => {
+      n.sticky && (J(), re(i, () => E()));
     }), T({
-      table: i
+      xGrid: i
     }), (e, t) => {
-      const a = U("vxe-grid");
-      return b(), Z("div", {
-        class: w(n(r).b())
-      }, [e.showPager && !k.value ? (b(), H(n(W), S({
+      const a = Z("vxe-grid");
+      return b(), _("div", {
+        class: S(l(r).b())
+      }, [e.showPager && !k.value ? (b(), H(l(W), w({
         key: 0,
-        class: [n(r).e("pager"), n(r).m("pager-" + e.pagePlacement)],
+        class: [l(r).e("pager"), l(r).m("pager-" + e.pagePlacement)],
         layout: "prev, pager, next"
       }, e.pageOptions, {
         total: e.total,
         "page-size": e.pageSize,
-        onCurrentChange: t[0] || (t[0] = (f) => d("page-change", e.pageNum)),
+        onCurrentChange: t[0] || (t[0] = (p) => u("page-change", e.pageNum)),
         "current-page": e.pageNum
-      }), null, 16, ["class", "total", "page-size", "current-page"])) : L("", !0), C(a, S({
+      }), null, 16, ["class", "total", "page-size", "current-page"])) : L("", !0), C(a, w({
         ref_key: "xGrid",
         ref: i
-      }, g, {
+      }, d, {
         height: e.height,
         "max-height": e.maxHeight,
         columns: D.value,
@@ -214,37 +217,38 @@ const r = (
         "auto-resize": "",
         loading: e.loading,
         resizable: "",
-        onSortChange: F
-      }), _({
-        empty: R(() => [C(n(ae), {
-          type: n(re).NO_DATA
+        onSortChange: Y
+      }), ee({
+        empty: R(() => [C(l(ne), {
+          type: l(ie).NO_DATA
         }, null, 8, ["type"])]),
         _: 2
       }, [e.sticky ? {
         name: "bottom",
-        fn: R(() => [ee(O("div", {
+        fn: R(() => [te(O("div", {
           ref_key: "stickyScroll",
-          ref: u,
-          class: w(n(r).e("sticky-scroll-warpper"))
+          ref: c,
+          class: S(l(r).e("sticky-scroll-warpper"))
         }, [O("div", {
           ref_key: "stickyScrollBar",
-          ref: z,
-          class: w(n(r).e("sticky-scroll-bar"))
-        }, null, 2)], 2), [[te, n(p)]])]),
+          ref: B,
+          class: S(l(r).e("sticky-scroll-bar"))
+        }, null, 2)], 2), [[ae, l(f)]])]),
         key: "0"
-      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), e.showPager && k.value ? (b(), H(n(W), S({
+      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), e.showPager && k.value ? (b(), H(l(W), w({
         key: 1,
-        class: [n(r).e("pager"), n(r).m("pager-" + e.pagePlacement)],
-        layout: "prev, pager, next"
+        class: [l(r).e("pager"), l(r).m("pager-" + e.pagePlacement)],
+        layout: "prev, pager, next, jumper"
       }, e.pageOptions, {
         total: e.total,
         "page-size": e.pageSize,
-        onCurrentChange: M,
+        onCurrentChange: G,
+        onSizeChange: M,
         "current-page": e.pageNum
       }), null, 16, ["class", "total", "page-size", "current-page"])) : L("", !0)], 2);
     };
   }
 });
 export {
-  be as default
+  Se as default
 };