vft 0.0.48 → 0.0.51

package/es/components/button/button.vue2.js

@@ -0,0 +1,102 @@
+import { defineComponent as C, computed as I, openBlock as l, createElementBlock as s, normalizeClass as r, unref as e, normalizeStyle as T, Fragment as v, renderSlot as k, createBlock as g, normalizeProps as A, mergeProps as N, createCommentVNode as B } from "vue";
+import { VftIcon as z } from "../icon/index.js";
+import { useNamespace as P } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { singleAttrToObj as V } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useButton as j } from "./use-button.js";
+import { useButtonCustomStyle as E } from "./button-custom.js";
+const F = ["aria-disabled", "disabled", "autofocus", "type"], o = (
+  /* hoist-static*/
+  P("button")
+), O = C({
+  name: o.b()
+}), X = /* @__PURE__ */ C({
+  ...O,
+  props: {
+    size: null,
+    disabled: { type: Boolean },
+    type: null,
+    icon: null,
+    nativeType: { default: "button" },
+    loading: { type: Boolean },
+    loadingIcon: null,
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    link: { type: Boolean },
+    bg: { type: Boolean },
+    autofocus: { type: Boolean },
+    round: { type: Boolean },
+    circle: { type: Boolean },
+    color: null,
+    dark: { type: Boolean },
+    autoInsertSpace: { type: Boolean },
+    block: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(t, { expose: S, emit: $ }) {
+    const a = t, d = I(() => V(a.icon, "icon")), h = E(a), { _ref: c, _size: u, _type: m, _disabled: n, shouldAddSpace: y, handleClick: p } = j(a, $);
+    return S({
+      /** @description button html element */
+      ref: c,
+      /** @description button size */
+      size: u,
+      /** @description button type */
+      type: m,
+      /** @description button disabled */
+      disabled: n,
+      /** @description whether adding space */
+      shouldAddSpace: y
+    }), (i, f) => {
+      var b;
+      return l(), s("button", {
+        ref_key: "_ref",
+        ref: c,
+        class: r([
+          e(o).b(),
+          e(o).m(e(m)),
+          e(o).m(e(u)),
+          e(o).is("disabled", e(n)),
+          e(o).is("loading", t.loading),
+          e(o).is("plain", t.plain),
+          e(o).is("round", t.round),
+          e(o).is("circle", t.circle),
+          e(o).is("text", t.text),
+          e(o).is("link", t.link),
+          e(o).is("has-bg", t.bg),
+          e(o).is("block", t.block)
+        ]),
+        "aria-disabled": e(n) || t.loading,
+        disabled: e(n) || t.loading,
+        autofocus: t.autofocus,
+        type: t.nativeType,
+        style: T(e(h)),
+        onClick: f[0] || (f[0] = //@ts-ignore
+        (...x) => e(p) && e(p)(...x))
+      }, [
+        t.loading ? (l(), s(v, { key: 0 }, [
+          i.$slots.loading ? k(i.$slots, "loading", { key: 0 }) : (l(), g(e(z), {
+            key: 1,
+            rotate: "",
+            class: r(e(o).is("loading")),
+            icon: "ico-ep:loading"
+          }, null, 8, ["class"]))
+        ], 64)) : (b = e(d)) != null && b.icon ? (l(), g(e(z), A(N({ key: 1 }, e(d))), null, 16)) : B("", !0),
+        i.$slots.default ? (l(), s("span", {
+          key: 2,
+          class: r({ [e(o).em("text", "expand")]: e(y) })
+        }, [
+          k(i.$slots, "default")
+        ], 2)) : B("", !0)
+      ], 14, F);
+    };
+  }
+});
+export {
+  X as default
+};

package/es/components/button/constants.d.ts

@@ -0,0 +1,7 @@
+import type { InjectionKey } from 'vue';
+import type { ButtonProps } from './button.vue';
+export interface ButtonGroupContext {
+    size?: ButtonProps['size'];
+    type?: ButtonProps['type'];
+}
+export declare const buttonGroupContextKey: InjectionKey<ButtonGroupContext>;

package/es/components/button/constants.js

@@ -0,0 +1,6 @@
+const t = Symbol(
+  "buttonGroupContextKey"
+);
+export {
+  t as buttonGroupContextKey
+};

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

@@ -0,0 +1,203 @@
+export declare const VftButton: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    nativeType: {
+        type: import("vue").PropType<"button" | "submit" | "reset" | undefined>;
+        required: false;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    loadingIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    plain: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    text: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    link: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    bg: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    round: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    circle: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    dark: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    autoInsertSpace: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    block: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    ref: import("vue").Ref<HTMLButtonElement | undefined>;
+    size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    type: import("vue").ComputedRef<"" | "default" | "success" | "primary" | "warning" | "info" | "danger" | "text">;
+    disabled: import("vue").ComputedRef<boolean>;
+    shouldAddSpace: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    nativeType: {
+        type: import("vue").PropType<"button" | "submit" | "reset" | undefined>;
+        required: false;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    loadingIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    plain: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    text: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    link: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    bg: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    round: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    circle: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    dark: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    autoInsertSpace: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    block: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    nativeType: "button" | "submit" | "reset" | undefined;
+}>> & {
+    ButtonGroup: import("vue").DefineComponent<{
+        size: {
+            type: import("vue").PropType<import("../types").ComponentSize>;
+            required: true;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").ButtonType>;
+            required: true;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<import("../types").ComponentSize>;
+            required: true;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").ButtonType>;
+            required: true;
+        };
+    }>>, {}>;
+};
+export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize>;
+        required: true;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize>;
+        required: true;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        required: true;
+    };
+}>>, {}>>;
+export default VftButton;
+export * from './button.vue';
+export * from './constants';
+export * from './types';
+export type { ButtonInstance, ButtonGroupInstance } from './instance';

package/es/components/button/index.js

@@ -0,0 +1,18 @@
+import { withInstall as o, withNoopInstall as r } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./button.vue2.js";
+import t from "./button-group.vue2.js";
+import { buttonGroupContextKey as B } from "./constants.js";
+const l = o(m, {
+  ButtonGroup: t
+}), c = r(t);
+export {
+  l as VftButton,
+  c as VftButtonGroup,
+  B as buttonGroupContextKey,
+  l as default
+};

package/es/components/button/instance.d.ts

@@ -0,0 +1,4 @@
+import type Button from './button.vue';
+import type ButtonGroup from './button-group.vue';
+export type ButtonInstance = InstanceType<typeof Button>;
+export type ButtonGroupInstance = InstanceType<typeof ButtonGroup>;

package/es/components/button/instance.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-button.css";

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

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/button.scss";

package/es/components/button/types.d.ts

@@ -0,0 +1,4 @@
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text' | '';
+export interface ButtonConfigContext {
+    autoInsertSpace?: boolean;
+}

package/es/components/button/types.js

@@ -0,0 +1 @@
+

package/es/components/button/use-button.d.ts

@@ -0,0 +1,10 @@
+import type { SetupContext } from 'vue';
+import type { ButtonProps } from './button.vue';
+export declare const useButton: (props: ButtonProps, emit: SetupContext['emit']) => {
+    _disabled: import("vue").ComputedRef<boolean>;
+    _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    _type: import("vue").ComputedRef<"" | "default" | "success" | "primary" | "warning" | "info" | "danger" | "text">;
+    _ref: import("vue").Ref<HTMLButtonElement | undefined>;
+    shouldAddSpace: import("vue").ComputedRef<boolean>;
+    handleClick: (evt: MouseEvent) => void;
+};

package/es/components/button/use-button.js

@@ -0,0 +1,39 @@
+import { inject as g, computed as s, ref as I, useSlots as S, Text as _ } from "vue";
+import "../form/index.js";
+import "../config-provider/index.js";
+import { buttonGroupContextKey as v } from "./constants.js";
+import { useGlobalConfig as F } from "../config-provider/hooks/use-global-config.js";
+import { useFormItem as b } from "../form/hooks/use-form-item.js";
+import { useFormSize as k, useFormDisabled as z } from "../form/hooks/use-form-common-props.js";
+const U = (i, a) => {
+  const t = g(v, void 0), l = F("button"), { form: n } = b(), m = k(s(() => t == null ? void 0 : t.size)), u = z(), d = I(), r = S(), f = s(() => i.type || (t == null ? void 0 : t.type) || ""), p = s(
+    () => {
+      var e;
+      return i.autoInsertSpace ?? ((e = l.value) == null ? void 0 : e.autoInsertSpace) ?? !1;
+    }
+  ), h = s(() => {
+    var c;
+    const e = (c = r.default) == null ? void 0 : c.call(r);
+    if (p.value && (e == null ? void 0 : e.length) === 1) {
+      const o = e[0];
+      if ((o == null ? void 0 : o.type) === _) {
+        const y = o.children;
+        return /^\p{Unified_Ideograph}{2}$/u.test(y.trim());
+      }
+    }
+    return !1;
+  });
+  return {
+    _disabled: u,
+    _size: m,
+    _type: f,
+    _ref: d,
+    shouldAddSpace: h,
+    handleClick: (e) => {
+      i.nativeType === "reset" && (n == null || n.resetFields()), a("click", e);
+    }
+  };
+};
+export {
+  U as useButton
+};

package/es/components/button-group/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-button-group.css";

package/es/components/button-group/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/button-group.scss";

package/es/components/checkbox/checkbox-button.vue.d.ts

@@ -0,0 +1,137 @@
+import type { PropType as __PropType } from 'vue';
+import { ComponentSize } from 'vft/es/constants';
+export interface CheckboxProps {
+    modelValue?: number | string | boolean;
+    label?: number | string | boolean | object;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+    name?: string;
+    trueLabel?: string | number;
+    falseLabel?: string | number;
+    id?: string;
+    controls?: string;
+    border?: boolean;
+    size?: ComponentSize;
+    tabindex?: string | number;
+    validateEvent?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | number | boolean | object | undefined>;
+        required: false;
+    };
+    indeterminate: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    checked: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    name: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    trueLabel: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    falseLabel: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    controls: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    border: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<string | number | boolean | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | number | boolean | object | undefined>;
+        required: false;
+    };
+    indeterminate: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    checked: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    name: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    trueLabel: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    falseLabel: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    controls: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    border: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/checkbox/checkbox-button.vue.js

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