vft 0.0.67 → 0.0.70

package/es/components/select-v2/index.d.ts

@@ -79,7 +79,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;
@@ -100,7 +100,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     };
 }, {
     modelValue: import("vue").ComputedRef<any>;
-    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    collapseTagSize: import("vue").ComputedRef<"small" | "default">;
     currentPlaceholder: import("vue").ComputedRef<any>;
     expanded: import("vue").Ref<boolean>;
     emptyText: import("vue").ComputedRef<any>;
@@ -115,7 +115,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;
@@ -955,7 +955,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;
@@ -1091,7 +1091,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;
@@ -1112,7 +1112,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     };
 }, {
     modelValue: import("vue").ComputedRef<any>;
-    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    collapseTagSize: import("vue").ComputedRef<"small" | "default">;
     currentPlaceholder: import("vue").ComputedRef<any>;
     expanded: import("vue").Ref<boolean>;
     emptyText: import("vue").ComputedRef<any>;
@@ -1127,7 +1127,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;
@@ -1967,7 +1967,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;

package/es/components/select-v2/select.vue.d.ts

@@ -78,7 +78,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;
@@ -99,7 +99,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {
     modelValue: import("vue").ComputedRef<any>;
-    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    collapseTagSize: import("vue").ComputedRef<"small" | "default">;
     currentPlaceholder: import("vue").ComputedRef<any>;
     expanded: import("vue").Ref<boolean>;
     emptyText: import("vue").ComputedRef<any>;
@@ -114,7 +114,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;
@@ -954,7 +954,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;

package/es/components/select-v2/useSelect.d.ts

@@ -3,7 +3,7 @@ import type { SelectProps } from './defaults';
 import type { CSSProperties, ExtractPropTypes } from 'vue';
 import type { Option } from './select.types';
 declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any) => {
-    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    collapseTagSize: import("vue").ComputedRef<"small" | "default">;
     currentPlaceholder: import("vue").ComputedRef<any>;
     expanded: import("vue").Ref<boolean>;
     emptyText: import("vue").ComputedRef<any>;
@@ -18,7 +18,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;

package/es/components/switch/index.d.ts

@@ -84,7 +84,7 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     tabindex: {
@@ -180,7 +180,7 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     tabindex: {

package/es/components/switch/switch.vue.d.ts

@@ -110,7 +110,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     tabindex: {
@@ -212,7 +212,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     tabindex: {

package/es/components/table/table.vue.d.ts

@@ -1,34 +1,10 @@
 import type { PropType as __PropType } from 'vue';
 import { type PaginationProps } from 'vft/es/components/pagination';
-import type { IColumnsOption, IDefaultSort, TableConfigProps } from './type';
+import type { IDefaultSort, TableConfigProps } from './type';
 interface stickyOption {
     offsetTop: number;
     getContainer?: HTMLElement;
 }
-export interface TableProps {
-    /** 最大高度，设置后自动开启虚拟滚动 */
-    maxHeight?: number;
-    /** 列配置项 */
-    columns: IColumnsOption[];
-    /** 表格数据 */
-    tableData: any[];
-    /** 是否在加载中 */
-    loading?: boolean;
-    /** 表格高度 */
-    height?: Numberish;
-    /** 分页页数 */
-    pageSize?: number;
-    /** 总数 */
-    total?: number;
-    /** 默认排序 */
-    defaultSort?: IDefaultSort;
-    /** 表格配置 */
-    tableConfig?: TableConfigProps;
-    /** 滚动条是否固定在底部 */
-    sticky?: boolean | stickyOption;
-    pagePlacement?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    pageOptions: Partial<PaginationProps>;
-}
 declare const _sfc_main: import("vue").DefineComponent<{
     maxHeight: {
         type: __PropType<number | undefined>;
@@ -54,6 +30,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<number | undefined>;
         required: false;
     };
+    pageNum: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
     total: {
         type: __PropType<number | undefined>;
         required: false;
@@ -105,6 +85,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<number | undefined>;
         required: false;
     };
+    pageNum: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
     total: {
         type: __PropType<number | undefined>;
         required: false;

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

@@ -1,24 +1,24 @@
-import { defineComponent as q, useAttrs as M, ref as i, computed as p, watch as b, reactive as Y, onMounted as J, resolveComponent as K, openBlock as C, createElementBlock as Q, normalizeClass as x, unref as n, createBlock as L, mergeProps as S, createCommentVNode as N, createVNode as P, createSlots as Z, withCtx as W, withDirectives as _, createElementVNode as D, vShow as ee } from "vue";
-import { VftEmpty as te } from "../empty/index.js";
-import { VftPagination as O } from "../pagination/index.js";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { defineComponent as W, useAttrs as U, ref as d, computed as x, watch as w, createVNode as y, resolveComponent as L, nextTick as Z, reactive as _, onMounted as ee, openBlock as S, createElementBlock as te, normalizeClass as k, unref as a, createBlock as O, mergeProps as N, createCommentVNode as D, createSlots as le, withCtx as P, withDirectives as ne, createElementVNode as T, vShow as ae } from "vue";
+import { VftEmpty as oe } from "../empty/index.js";
+import { VftPagination as I } from "../pagination/index.js";
+import { useNamespace as re } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { useDebounceFn as ae, useResizeObserver as ne } from "@vueuse/core";
+import { useDebounceFn as ie, useResizeObserver as ce } from "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "@vue/reactivity";
 import "@vue/shared";
-import { VXETable as oe } from "vxe-table";
-import { EmptyEnum as re } from "../empty/constants.js";
-const s = (
+import E from "vxe-table";
+import { EmptyEnum as se } from "../empty/constants.js";
+const c = (
   /* hoist-static*/
-  le("table")
-), ie = q({
-  name: s.b()
-}), Se = /* @__PURE__ */ q({
-  ...ie,
+  re("table")
+), ue = W({
+  name: c.b()
+}), Ne = /* @__PURE__ */ W({
+  ...ue,
   props: {
     maxHeight: null,
     columns: null,
@@ -33,6 +33,9 @@ const s = (
     pageSize: {
       default: 50
     },
+    pageNum: {
+      default: 1
+    },
     total: null,
     defaultSort: {
       default: {}
@@ -50,39 +53,85 @@ const s = (
   },
   emits: ["page-change", "sort-change", "update:pageNum"],
   setup(t, {
-    expose: I,
-    emit: v
+    expose: q,
+    emit: h
   }) {
-    const V = M(), r = i(1), $ = i(0), u = i(), A = ae(() => T(), 120), w = p(() => t.pagePlacement.startsWith("bottom"));
-    b([() => t.loading, () => t.tableData, () => t.columns], () => {
-      A();
+    const V = U(), A = d(0), s = d(), $ = ie(() => M(), 120), z = x(() => t.pagePlacement.startsWith("bottom"));
+    w([() => t.loading, () => t.tableData, () => t.columns], () => {
+      $();
     }, {
       immediate: !0
     });
-    function T() {
-      m.data = t.tableData, k(r.value);
+    function M() {
+      v.data = t.tableData, H(t.pageNum);
     }
-    oe.formats.mixin({
+    E.renderer.add("Encrypt", {
+      // 加密模板
+      renderDefault(e, l) {
+        const {
+          row: n,
+          column: o
+        } = l;
+        return y("span", {
+          class: "line-clamp",
+          innerHTML: n[o.field] || "-"
+        }, null);
+      }
+    }), E.renderer.add("Clamp", {
+      // 展开收起
+      renderDefault(e, l) {
+        const {
+          row: n,
+          column: o
+        } = l;
+        return o.showOverflow = null, y(L("vftClampToggle"), {
+          autoResize: !0,
+          maxLines: 2,
+          text: n[o.field],
+          title: n[o.field],
+          toggleText: ["展开", "收起"],
+          onClampChange: (i) => X(l)
+        }, null);
+      }
+    }), E.formats.mixin({
       showEmpty({
         cellValue: e
       }) {
         return e || "-";
       }
     });
-    const G = p(() => t.columns.filter((e) => (e && e.type !== "seq" && !e.formatter && !e.slots && !e.cellRender && (e.cellRender = {
+    function G(e) {
+      h("page-change", e), h("update:pageNum", e);
+    }
+    const X = (e, l) => {
+      const {
+        rowid: n
+      } = e;
+      Z(() => {
+        const o = document.getElementsByClassName("vxe-body--row"), i = [];
+        for (var u = 0; u < o.length; u++)
+          o[u].getAttribute("rowid") === n && i.push(o[u]);
+        setTimeout(() => {
+          if (i.length > 1) {
+            const g = i[0].clientHeight, Q = i[1].clientHeight;
+            g !== Q && (i[1].style.height = g + "px");
+          }
+        }, 1);
+      });
+    }, j = x(() => t.columns.filter((e) => (e && e.type !== "seq" && !e.formatter && !e.slots && !e.cellRender && (e.cellRender = {
       name: "Encrypt"
-    }), e))), U = () => ({
+    }), e))), F = () => ({
       maxHeight: "88px",
       height: "44px"
-    }), X = (e) => {
-      var a;
+    }), Y = (e) => {
+      var n;
       const {
         column: l
       } = e;
       return {
-        maxHeight: ((a = l == null ? void 0 : l.cellRender) == null ? void 0 : a.name) === "Clamp" ? "max-content" : "44px"
+        maxHeight: ((n = l == null ? void 0 : l.cellRender) == null ? void 0 : n.name) === "Clamp" ? "max-content" : "44px"
       };
-    }, m = Y({
+    }, v = _({
       autoResize: !0,
       sortConfig: {
         trigger: "cell",
@@ -95,12 +144,12 @@ const s = (
         orders: ["desc", "asc", null]
       },
       seqConfig: {
-        startIndex: $.value
+        startIndex: A.value
       },
       cellClassName: "cellClass",
       rowClassName: "rowClass",
-      cellStyle: X,
-      rowStyle: U,
+      cellStyle: Y,
+      rowStyle: F,
       headerRowClassName: "headerRowClass",
       headerAlign: "center",
       columnConfig: {
@@ -118,115 +167,113 @@ const s = (
       },
       ...t.tableConfig,
       ...V
-    }), j = (e) => {
-      v("sort-change", e);
+    }), J = (e) => {
+      h("sort-change", e);
     };
-    b(() => r.value, (e) => {
-      k(e);
+    w(() => t.pageNum, (e) => {
+      H(e);
     });
-    const k = (e) => {
-      m.seqConfig && (m.seqConfig.startIndex = (e - 1) * t.pageSize);
-    }, d = i(), z = i(), h = i(!1);
-    let o = i(), f = i();
-    const g = p(() => {
+    const H = (e) => {
+      v.seqConfig && (v.seqConfig.startIndex = (e - 1) * t.pageSize);
+    }, m = d(), B = d(), C = d(!1);
+    let r = d(), p = d();
+    const f = x(() => {
       var e;
       return ((e = t.sticky) == null ? void 0 : e.getContainer) || document.documentElement || document.body;
     });
-    b(() => [u, t.sticky], () => {
-      var e, l, a;
-      (e = u.value) != null && e.$el && t.sticky && ((l = g.value) == null || l.removeEventListener("scroll", y), (a = g.value) == null || a.addEventListener("scroll", y), setTimeout(() => {
-        E();
+    w(() => [s, t.sticky], () => {
+      var e, l, n;
+      (e = s.value) != null && e.$el && t.sticky && ((l = f.value) == null || l.removeEventListener("scroll", b), (n = f.value) == null || n.addEventListener("scroll", b), setTimeout(() => {
+        R();
       }, 50));
     }, {
       immediate: !0,
       deep: !0
     });
-    function E() {
-      if (!o.value || !f.value || (y(), !h.value))
+    function R() {
+      if (!r.value || !p.value || (b(), !C.value))
         return;
-      const e = o.value.clientWidth, l = f.value.offsetWidth;
-      d.value.style.width = e - 1 + "px", z.value.style.width = l + "px";
+      const e = r.value.clientWidth, l = p.value.offsetWidth;
+      m.value.style.width = e - 1 + "px", B.value.style.width = l + "px";
     }
-    function y() {
-      var B, R, H;
-      if (!((B = u.value) != null && B.$el) || !o.value || !g.value)
+    function b() {
+      var i, u, g;
+      if (!((i = s.value) != null && i.$el) || !r.value || !f.value)
         return;
-      const e = ((R = g.value) == null ? void 0 : R.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
+      const e = ((u = f.value) == null ? void 0 : u.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
         top: l,
-        bottom: a
-      } = o.value.getBoundingClientRect(), c = ((H = g.value) == null ? void 0 : H.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
-      h.value = l < e && a > e && a - c > e, d.value.scrollLeft = o.value.scrollLeft;
+        bottom: n
+      } = r.value.getBoundingClientRect(), o = ((g = f.value) == null ? void 0 : g.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
+      C.value = l < e && n > e && n - o > e, m.value.scrollLeft = r.value.scrollLeft;
     }
-    const F = () => {
+    const K = () => {
       var l;
-      const e = (l = u.value) == null ? void 0 : l.$el;
-      e && (o.value = e.querySelector(".vxe-table--body-wrapper"), f.value = e.querySelector(".vxe-table--body"), !(!o.value && !f.value) && (o.value.addEventListener("scroll", function(a) {
-        d.value.scrollLeft = a.target.scrollLeft;
-      }), d.value.addEventListener("scroll", function(a) {
-        o.value.scrollLeft = a.target.scrollLeft;
+      const e = (l = s.value) == null ? void 0 : l.$el;
+      e && (r.value = e.querySelector(".vxe-table--body-wrapper"), p.value = e.querySelector(".vxe-table--body"), !(!r.value && !p.value) && (r.value.addEventListener("scroll", function(n) {
+        m.value.scrollLeft = n.target.scrollLeft;
+      }), m.value.addEventListener("scroll", function(n) {
+        r.value.scrollLeft = n.target.scrollLeft;
       })));
     };
-    return J(() => {
-      t.sticky && (F(), ne(u, () => E()));
-    }), I({
-      table: u
+    return ee(() => {
+      t.sticky && (K(), ce(s, () => R()));
+    }), q({
+      table: s
     }), (e, l) => {
-      const a = K("vxe-grid");
-      return C(), Q("div", {
-        class: x(n(s).b())
-      }, [n(w) ? N("", !0) : (C(), L(n(O), S({
+      const n = L("vxe-grid");
+      return S(), te("div", {
+        class: k(a(c).b())
+      }, [a(z) ? D("", !0) : (S(), O(a(I), N({
         key: 0,
-        class: [n(s).e("pager"), n(s).m("pager-" + t.pagePlacement)],
+        class: [a(c).e("pager"), a(c).m("pager-" + t.pagePlacement)],
         layout: "prev, pager, next"
       }, t.pageOptions, {
         total: t.total,
         "page-size": t.pageSize,
-        onCurrentChange: l[0] || (l[0] = (c) => v("page-change", r.value)),
-        "current-page": r.value,
-        "onUpdate:currentPage": l[1] || (l[1] = (c) => r.value = c)
-      }), null, 16, ["class", "total", "page-size", "current-page"])), P(a, S({
+        onCurrentChange: l[0] || (l[0] = (o) => h("page-change", t.pageNum)),
+        "current-page": t.pageNum
+      }), null, 16, ["class", "total", "page-size", "current-page"])), y(n, N({
         ref_key: "xGrid",
-        ref: u
-      }, m, {
+        ref: s
+      }, v, {
         height: t.height,
         "max-height": t.maxHeight,
-        columns: n(G),
+        columns: a(j),
         data: t.tableData,
         "auto-resize": "",
         loading: t.loading,
         resizable: "",
-        onSortChange: j
-      }), Z({
-        empty: W(() => [P(n(te), {
-          type: n(re).NO_DATA
+        onSortChange: J
+      }), le({
+        empty: P(() => [y(a(oe), {
+          type: a(se).NO_DATA
         }, null, 8, ["type"])]),
         _: 2
       }, [t.sticky ? {
         name: "bottom",
-        fn: W(() => [_(D("div", {
+        fn: P(() => [ne(T("div", {
           ref_key: "stickyScroll",
-          ref: d,
-          class: x(n(s).e("sticky-scroll-warpper"))
-        }, [D("div", {
+          ref: m,
+          class: k(a(c).e("sticky-scroll-warpper"))
+        }, [T("div", {
           ref_key: "stickyScrollBar",
-          ref: z,
-          class: x(n(s).e("sticky-scroll-bar"))
-        }, null, 2)], 2), [[ee, h.value]])]),
+          ref: B,
+          class: k(a(c).e("sticky-scroll-bar"))
+        }, null, 2)], 2), [[ae, C.value]])]),
         key: "0"
-      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), n(w) ? (C(), L(n(O), S({
+      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), a(z) ? (S(), O(a(I), N({
         key: 1,
-        class: [n(s).e("pager"), n(s).m("pager-" + t.pagePlacement)],
+        class: [a(c).e("pager"), a(c).m("pager-" + t.pagePlacement)],
         layout: "prev, pager, next"
       }, t.pageOptions, {
         total: t.total,
         "page-size": t.pageSize,
-        onCurrentChange: l[2] || (l[2] = (c) => v("page-change", r.value)),
-        "current-page": r.value,
-        "onUpdate:currentPage": l[3] || (l[3] = (c) => r.value = c)
-      }), null, 16, ["class", "total", "page-size", "current-page"])) : N("", !0)], 2);
+        onCurrentChange: G,
+        "current-page": t.pageNum
+      }), null, 16, ["class", "total", "page-size", "current-page"])) : D("", !0)], 2);
     };
   }
 });
 export {
-  Se as default
+  Ne as default
 };