vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,236 @@
+import type { PropType as __PropType } from 'vue';
+import { IconProps } from 'vft/es/components/icon';
+import { ComponentSize } from 'vft/es/constants';
+export interface SwitchProps {
+    modelValue?: boolean | string | number;
+    value?: boolean | string | number;
+    disabled?: boolean;
+    width?: string | number;
+    inlinePrompt?: boolean;
+    activeIcon?: IconProps | string;
+    inactiveIcon?: IconProps | string;
+    activeText?: string;
+    inactiveText?: string;
+    activeColor?: string;
+    inactiveColor?: string;
+    borderColor?: string;
+    activeValue?: boolean | string | number;
+    inactiveValue?: boolean | string | number;
+    name?: string;
+    validateEvent?: boolean;
+    id?: string;
+    loading?: boolean;
+    beforeChange?: Function;
+    size?: ComponentSize;
+    tabindex?: string | number;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    value: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    inlinePrompt: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    activeIcon: {
+        type: __PropType<string | IconProps | undefined>;
+        required: false;
+    };
+    inactiveIcon: {
+        type: __PropType<string | IconProps | undefined>;
+        required: false;
+    };
+    activeText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    inactiveText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    activeColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    inactiveColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    borderColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    activeValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    inactiveValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    name: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    loading: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    beforeChange: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     *  @description manual focus to the switch component
+     **/
+    focus: () => void;
+    /**
+     * @description whether Switch is checked
+     */
+    checked: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    value: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    inlinePrompt: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    activeIcon: {
+        type: __PropType<string | IconProps | undefined>;
+        required: false;
+    };
+    inactiveIcon: {
+        type: __PropType<string | IconProps | undefined>;
+        required: false;
+    };
+    activeText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    inactiveText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    activeColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    inactiveColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    borderColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    activeValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    inactiveValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    name: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    loading: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    beforeChange: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
+    loading: boolean | undefined;
+    disabled: boolean | undefined;
+    value: string | number | boolean | undefined;
+    modelValue: string | number | boolean | undefined;
+    validateEvent: boolean | undefined;
+    inlinePrompt: boolean | undefined;
+    activeValue: string | number | boolean | undefined;
+    inactiveValue: string | number | boolean | undefined;
+}>;
+export default _sfc_main;

package/es/components/switch/switch.vue.js

@@ -0,0 +1,4 @@
+import f from "./switch.vue2.js";
+export {
+  f as default
+};

package/es/components/switch/switch.vue2.js

@@ -0,0 +1,204 @@
+import { defineComponent as W, computed as s, ref as T, watch as w, onMounted as _, openBlock as c, createElementBlock as d, normalizeClass as r, unref as e, normalizeStyle as j, withModifiers as ee, createElementVNode as B, withKeys as te, createBlock as x, normalizeProps as E, mergeProps as I, createCommentVNode as u, toDisplayString as N, nextTick as ae } from "vue";
+import { singleAttrToObj as G, addUnit as ie, isBoolean as ne } from "@vft/utils";
+import { isPromise as H } from "@vue/shared";
+import { debugWarn as L, throwError as le } from "../../utils/error.js";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { VftIcon as g } from "../icon/index.js";
+import "../form/index.js";
+import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as S, INPUT_EVENT as z } from "../../constants/event.js";
+import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import { useFormItem as ce, useFormItemInputId as re } from "../form/hooks/use-form-item.js";
+import { useFormSize as ue, useFormDisabled as se } from "../form/hooks/use-form-common-props.js";
+const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], me = ["aria-hidden"], fe = ["aria-hidden"], he = ["aria-hidden"], i = (
+  /* hoist-static*/
+  oe("switch")
+), be = W({
+  name: i.b()
+}), De = /* @__PURE__ */ W({
+  ...be,
+  props: {
+    modelValue: { type: [Boolean, String, Number], default: !1 },
+    value: { type: [Boolean, String, Number], default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    width: null,
+    inlinePrompt: { type: Boolean, default: !1 },
+    activeIcon: null,
+    inactiveIcon: null,
+    activeText: null,
+    inactiveText: null,
+    activeColor: null,
+    inactiveColor: null,
+    borderColor: null,
+    activeValue: { type: [Boolean, String, Number], default: !0 },
+    inactiveValue: { type: [Boolean, String, Number], default: !1 },
+    name: null,
+    validateEvent: { type: Boolean, default: !0 },
+    id: null,
+    loading: { type: Boolean, default: !1 },
+    beforeChange: { type: Function },
+    size: null,
+    tabindex: null
+  },
+  emits: [P, S, z],
+  setup(a, { expose: $, emit: v }) {
+    const t = a, { formItem: m } = ce(), q = ue(), { inputId: J } = re(t, {
+      formItemContext: m
+    }), f = s(() => G(t.activeIcon, "icon")), b = s(() => G(t.inactiveIcon, "icon")), V = se(s(() => t.loading)), p = T(t.modelValue !== !1), y = T(), Q = T(), R = s(() => [
+      i.b(),
+      i.m(q.value),
+      i.is("disabled", V.value),
+      i.is("checked", n.value)
+    ]), X = s(() => ({
+      width: ie(t.width)
+    }));
+    w(
+      () => t.modelValue,
+      () => {
+        p.value = !0;
+      }
+    ), w(
+      () => t.value,
+      () => {
+        p.value = !1;
+      }
+    );
+    const D = s(() => p.value ? t.modelValue : t.value), n = s(() => D.value === t.activeValue);
+    [t.activeValue, t.inactiveValue].includes(D.value) || (v(P, t.inactiveValue), v(S, t.inactiveValue), v(z, t.inactiveValue)), w(n, (l) => {
+      var o;
+      y.value.checked = l, t.validateEvent && ((o = m == null ? void 0 : m.validate) == null || o.call(m, "change").catch((k) => L(k)));
+    });
+    const C = () => {
+      const l = n.value ? t.inactiveValue : t.activeValue;
+      v(P, l), v(S, l), v(z, l), ae(() => {
+        y.value.checked = n.value;
+      });
+    }, F = () => {
+      if (V.value)
+        return;
+      const { beforeChange: l } = t;
+      if (!l) {
+        C();
+        return;
+      }
+      const o = l();
+      [
+        H(o),
+        ne(o)
+      ].includes(!0) || le(
+        i.b(),
+        "beforeChange must return type `Promise<boolean>` or `boolean`"
+      ), H(o) ? o.then((h) => {
+        h && C();
+      }).catch((h) => {
+        L(i.b(), `some error occurred: ${h}`);
+      }) : o && C();
+    }, Y = s(() => i.cssVarBlock({
+      ...t.activeColor ? { "on-color": t.activeColor } : null,
+      ...t.inactiveColor ? { "off-color": t.inactiveColor } : null,
+      ...t.borderColor ? { "border-color": t.borderColor } : null
+    })), Z = () => {
+      var l, o;
+      (o = (l = y.value) == null ? void 0 : l.focus) == null || o.call(l);
+    };
+    return _(() => {
+      y.value.checked = n.value;
+    }), $({
+      /**
+       *  @description manual focus to the switch component
+       **/
+      focus: Z,
+      /**
+       * @description whether Switch is checked
+       */
+      checked: n
+    }), (l, o) => {
+      var k, h, K, O, A, M, U;
+      return c(), d("div", {
+        class: r(e(R)),
+        style: j(e(Y)),
+        onClick: ee(F, ["prevent"])
+      }, [
+        B("input", {
+          id: e(J),
+          ref_key: "input",
+          ref: y,
+          class: r(e(i).e("input")),
+          type: "checkbox",
+          role: "switch",
+          "aria-checked": e(n),
+          "aria-disabled": e(V),
+          name: a.name,
+          "true-value": a.activeValue,
+          "false-value": a.inactiveValue,
+          disabled: e(V),
+          tabindex: a.tabindex,
+          onChange: C,
+          onKeydown: te(F, ["enter"])
+        }, null, 42, ve),
+        !a.inlinePrompt && (a.inactiveIcon || a.inactiveText) ? (c(), d("span", {
+          key: 0,
+          class: r([
+            e(i).e("label"),
+            e(i).em("label", "left"),
+            e(i).is("active", !e(n))
+          ])
+        }, [
+          (k = e(b)) != null && k.icon ? (c(), x(e(g), E(I({ key: 0 }, e(b))), null, 16)) : u("", !0),
+          !((h = e(b)) != null && h.icon) && a.inactiveText ? (c(), d("span", {
+            key: 1,
+            "aria-hidden": e(n)
+          }, N(a.inactiveText), 9, me)) : u("", !0)
+        ], 2)) : u("", !0),
+        B("span", {
+          ref_key: "core",
+          ref: Q,
+          class: r(e(i).e("core")),
+          style: j(e(X))
+        }, [
+          a.inlinePrompt ? (c(), d("div", {
+            key: 0,
+            class: r(e(i).e("inner"))
+          }, [
+            (K = e(f)) != null && K.icon || (O = e(b)) != null && O.icon ? (c(), x(e(g), E(I({ key: 0 }, e(n) ? e(f) : e(b))), null, 16)) : a.activeText || a.inactiveText ? (c(), d("span", {
+              key: 1,
+              class: r(e(i).is("text")),
+              "aria-hidden": !e(n)
+            }, N(e(n) ? a.activeText : a.inactiveText), 11, fe)) : u("", !0)
+          ], 2)) : u("", !0),
+          B("div", {
+            class: r(e(i).e("action"))
+          }, [
+            a.loading ? (c(), x(e(g), {
+              key: 0,
+              rotate: "",
+              class: r(e(i).is("loading")),
+              icon: "ico-ep:loading"
+            }, null, 8, ["class"])) : u("", !0)
+          ], 2)
+        ], 6),
+        !a.inlinePrompt && ((A = e(f)) != null && A.icon || a.activeText) ? (c(), d("span", {
+          key: 1,
+          class: r([
+            e(i).e("label"),
+            e(i).em("label", "right"),
+            e(i).is("active", e(n))
+          ])
+        }, [
+          (M = e(f)) != null && M.icon ? (c(), x(e(g), E(I({ key: 0 }, e(f))), null, 16)) : u("", !0),
+          !((U = e(f)) != null && U.icon) && a.activeText ? (c(), d("span", {
+            key: 1,
+            "aria-hidden": !e(n)
+          }, N(a.activeText), 9, he)) : u("", !0)
+        ], 2)) : u("", !0)
+      ], 14, de);
+    };
+  }
+});
+export {
+  De as default
+};

package/es/components/table/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./table.vue2.js";
+const s = t(o);
+export {
+  s as VftTable,
+  s as default
+};

package/es/components/table/style/css.js

@@ -0,0 +1,5 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-empty.css";
+import "vft/theme-style/vft-pagination.css";
+import "vft/theme-style/vft-clamp-toggle.css";
+import "vft/theme-style/vft-table.css";

package/es/components/table/style/index.js

@@ -0,0 +1,5 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/empty.scss";
+import "vft/theme-style/src/pagination.scss";
+import "vft/theme-style/src/clamp-toggle.scss";
+import "vft/theme-style/src/table.scss";

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

@@ -0,0 +1,137 @@
+import type { PropType as __PropType } from 'vue';
+import { type PaginationProps } from 'vft/es/components/pagination';
+import type { IColumnsOption, 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>;
+        required: false;
+    };
+    columns: {
+        type: __PropType<import("vxe-table").VxeTableDefines.ColumnOptions[]>;
+        required: true;
+    };
+    tableData: {
+        type: __PropType<any[]>;
+        required: true;
+    };
+    loading: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    height: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    pageSize: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    total: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    defaultSort: {
+        type: __PropType<IDefaultSort | undefined>;
+        required: false;
+    };
+    tableConfig: {
+        type: __PropType<TableConfigProps<any> | undefined>;
+        required: false;
+    };
+    sticky: {
+        type: __PropType<boolean | stickyOption | undefined>;
+        required: false;
+    };
+    pagePlacement: {
+        type: __PropType<"bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined>;
+        required: false;
+    };
+    pageOptions: {
+        type: __PropType<Partial<PaginationProps>>;
+        required: true;
+    };
+}, {
+    table: import("vue").Ref<import("vxe-table").VxeGridInstance | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("page-change" | "sort-change" | "update:pageNum")[], "page-change" | "sort-change" | "update:pageNum", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    maxHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    columns: {
+        type: __PropType<import("vxe-table").VxeTableDefines.ColumnOptions[]>;
+        required: true;
+    };
+    tableData: {
+        type: __PropType<any[]>;
+        required: true;
+    };
+    loading: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    height: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    pageSize: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    total: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    defaultSort: {
+        type: __PropType<IDefaultSort | undefined>;
+        required: false;
+    };
+    tableConfig: {
+        type: __PropType<TableConfigProps<any> | undefined>;
+        required: false;
+    };
+    sticky: {
+        type: __PropType<boolean | stickyOption | undefined>;
+        required: false;
+    };
+    pagePlacement: {
+        type: __PropType<"bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined>;
+        required: false;
+    };
+    pageOptions: {
+        type: __PropType<Partial<PaginationProps>>;
+        required: true;
+    };
+}>> & {
+    "onPage-change"?: ((...args: any[]) => any) | undefined;
+    "onSort-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:pageNum"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/table/table.vue.js

@@ -0,0 +1,4 @@
+import f from "./table.vue2.js";
+export {
+  f as default
+};