@fangzhongya/fang-ui 0.0.3 → 0.0.5

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

@@ -1,9 +1,369 @@
-import { withInstall } from '../../utils';
-declare const Switch: withInstall<import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>> & {}, {
-    [x: number]: string;
-} | {}>>;
+declare const Switch: import('../../utils/vues').WithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        refEl: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refEl: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly disabled: boolean;
+                readonly width: string | number;
+                readonly name: string;
+                readonly loading: boolean;
+                readonly modelValue: string | number | boolean;
+                readonly validateEvent: boolean;
+                readonly activeText: string;
+                readonly inactiveText: string;
+                readonly activeValue: string | number | boolean;
+                readonly inactiveValue: string | number | boolean;
+                readonly inlinePrompt: boolean;
+            }> & Omit<{
+                readonly name: string;
+                readonly modelValue: string | number | boolean;
+                readonly disabled: boolean;
+                readonly loading: boolean;
+                readonly width: string | number;
+                readonly validateEvent: boolean;
+                readonly inlinePrompt: boolean;
+                readonly activeText: string;
+                readonly inactiveText: string;
+                readonly activeValue: string | number | boolean;
+                readonly inactiveValue: string | number | boolean;
+                readonly size?: ("" | "small" | "default" | "large") | undefined;
+                readonly id?: string | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly tabindex?: (string | number) | undefined;
+                readonly inactiveActionIcon?: (string | import('vue').Component) | undefined;
+                readonly activeActionIcon?: (string | import('vue').Component) | undefined;
+                readonly activeIcon?: (string | import('vue').Component) | undefined;
+                readonly inactiveIcon?: (string | import('vue').Component) | undefined;
+                readonly beforeChange?: (() => Promise<boolean> | boolean) | undefined;
+                "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined | undefined;
+                onChange?: ((val: string | number | boolean) => any) | undefined | undefined;
+                onInput?: ((val: string | number | boolean) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "name" | "modelValue" | "disabled" | "loading" | "width" | "validateEvent" | "inlinePrompt" | "activeText" | "inactiveText" | "activeValue" | "inactiveValue">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", val: string | number | boolean) => void) & ((event: "input", val: string | number | boolean) => void) & ((event: "update:modelValue", val: string | number | boolean) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                readonly ariaLabel: StringConstructor;
+                readonly modelValue: {
+                    readonly type: import('vue').PropType<string | number | boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: false;
+                };
+                readonly disabled: BooleanConstructor;
+                readonly loading: BooleanConstructor;
+                readonly size: {
+                    readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly width: {
+                    readonly type: import('vue').PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly inlinePrompt: BooleanConstructor;
+                readonly inactiveActionIcon: {
+                    readonly type: import('vue').PropType<string | import('vue').Component>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly activeActionIcon: {
+                    readonly type: import('vue').PropType<string | import('vue').Component>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly activeIcon: {
+                    readonly type: import('vue').PropType<string | import('vue').Component>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly inactiveIcon: {
+                    readonly type: import('vue').PropType<string | import('vue').Component>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly activeText: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly inactiveText: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly activeValue: {
+                    readonly type: import('vue').PropType<string | number | boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly inactiveValue: {
+                    readonly type: import('vue').PropType<string | number | boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: false;
+                };
+                readonly name: {
+                    readonly type: import('vue').PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly validateEvent: {
+                    readonly type: import('vue').PropType<boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: true;
+                };
+                readonly beforeChange: {
+                    readonly type: import('vue').PropType<() => Promise<boolean> | boolean>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly id: StringConstructor;
+                readonly tabindex: {
+                    readonly type: import('vue').PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+                onChange?: ((val: string | number | boolean) => any) | undefined;
+                onInput?: ((val: string | number | boolean) => any) | undefined;
+            }, {
+                focus: () => void;
+                checked: import('vue').ComputedRef<boolean>;
+            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (val: string | number | boolean) => void;
+                change: (val: string | number | boolean) => void;
+                input: (val: string | number | boolean) => void;
+            }, string, {
+                readonly disabled: boolean;
+                readonly width: string | number;
+                readonly name: string;
+                readonly loading: boolean;
+                readonly modelValue: string | number | boolean;
+                readonly validateEvent: boolean;
+                readonly activeText: string;
+                readonly inactiveText: string;
+                readonly activeValue: string | number | boolean;
+                readonly inactiveValue: string | number | boolean;
+                readonly inlinePrompt: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            readonly disabled: boolean;
+            readonly width: string | number;
+            readonly name: string;
+            readonly loading: boolean;
+            readonly modelValue: string | number | boolean;
+            readonly validateEvent: boolean;
+            readonly activeText: string;
+            readonly inactiveText: string;
+            readonly activeValue: string | number | boolean;
+            readonly inactiveValue: string | number | boolean;
+            readonly inlinePrompt: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            readonly ariaLabel: StringConstructor;
+            readonly modelValue: {
+                readonly type: import('vue').PropType<string | number | boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: false;
+            };
+            readonly disabled: BooleanConstructor;
+            readonly loading: BooleanConstructor;
+            readonly size: {
+                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly width: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly inlinePrompt: BooleanConstructor;
+            readonly inactiveActionIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly activeActionIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly activeIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly inactiveIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly activeText: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly inactiveText: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly activeValue: {
+                readonly type: import('vue').PropType<string | number | boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly inactiveValue: {
+                readonly type: import('vue').PropType<string | number | boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: false;
+            };
+            readonly name: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly validateEvent: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly beforeChange: {
+                readonly type: import('vue').PropType<() => Promise<boolean> | boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly id: StringConstructor;
+            readonly tabindex: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+            onChange?: ((val: string | number | boolean) => any) | undefined;
+            onInput?: ((val: string | number | boolean) => any) | undefined;
+        }, "name" | "modelValue" | "disabled" | "loading" | "width" | "focus" | "validateEvent" | "checked" | "inlinePrompt" | "activeText" | "inactiveText" | "activeValue" | "inactiveValue"> & import('vue').ShallowUnwrapRef<{
+            focus: () => void;
+            checked: import('vue').ComputedRef<boolean>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                "active-action"?(_: {}): any;
+                "inactive-action"?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        refEl: import('vue').Ref<any, any>;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    refEl: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>>;
+})> & Record<string, any>;
 export { Switch, Switch as default };

package/dist/components/switch/index.js

@@ -1,5 +1,4 @@
-import "vue";
-import { withInstall } from "../../utils/vue/withInstall.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Switch = withInstall(_sfc_main, "Switch");
 export {

package/dist/components/switch/src/data.cjs

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("../../../utils/vue/props/runtime.cjs");
-require("vue");
-const dataProps = runtime.buildProps({});
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataExpose = {};
 exports.dataEmits = dataEmits;

package/dist/components/switch/src/data.d.ts

@@ -1,14 +1,14 @@
-import type { ExtractPropTypes } from 'vue';
+import { ExtractPublicPropTypes } from 'vue';
 /**
  * @title {h2} Switch 开关
  * @text 目前完全继承 element-plus 中 el-switch
  */
 export declare const dataProps: {};
-export type DataProps = ExtractPropTypes<typeof dataProps>;
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
 export type DataEmits = typeof dataEmits;
 export declare const dataSlot: {};
 /**
- *
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
  */
 export declare const dataExpose: {};

package/dist/components/switch/src/data.js

@@ -1,5 +1,4 @@
-import { buildProps } from "../../../utils/vue/props/runtime.js";
-import "vue";
+import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({});
 const dataEmits = [];
 const dataExpose = {};

package/dist/components/switch/src/index.cjs

@@ -3,28 +3,31 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-require("../../../hooks/global-config/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const elementPlus = require("element-plus");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = vue.ref();
     const attrs = vue.useAttrs();
     const slots = vue.useSlots();
     const cs = index.useCssName("switch");
     index$1.useLocale();
-    expose({
-      ...data.dataExpose
+    __expose({
+      ...data.dataExpose,
+      refEl
     });
     return (_ctx, _cache) => {
-      const _directive_expose = vue.resolveDirective("expose");
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElSwitch), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs))), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+        vue.createVNode(vue.unref(elementPlus.ElSwitch), vue.mergeProps(vue.unref(attrs), {
+          ref_key: "refEl",
+          ref: refEl
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
             return {
               name: k,
               fn: vue.withCtx(() => [
@@ -32,9 +35,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040)), [
-          [_directive_expose]
-        ])
+        ]), 1040)
       ], 2);
     };
   }