@fangzhongya/fang-ui 0.0.30 → 0.0.32

package/dist/components/lists/index.scss

@@ -96,6 +96,15 @@ $lists: 'lists';
 					}
 				}
 			}
+
+			.#{z('lists-com')} {
+				display: flex;
+				align-items: center;
+				&-img {
+					width: 50px;
+					height: 50px;
+				}
+			}
 		}
 	}
 }

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

@@ -7,9 +7,9 @@ const use = require("../../common/use.cjs");
 const compons = require("../../common/compons.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const data = require("./data.cjs");
-const img = require("../common/img.cjs");
+const img_vue_vue_type_script_setup_true_lang = require("../common/img.cjs");
 const Components = {
-  Img: img.default
+  Img: img_vue_vue_type_script_setup_true_lang.default
 };
 const _sfc_main = vue.defineComponent({
   emits: data.dataEmits,

package/dist/components/lists/src/index.js

@@ -5,9 +5,9 @@ import { useHide, uesObjComponSelected } from "../../common/use.js";
 import { getCompons } from "../../common/compons.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { dataProps, dataExpose, dataEmits } from "./data.js";
-import FImg from "../common/img.js";
+import _sfc_main$1 from "../common/img.js";
 const Components = {
-  Img: FImg
+  Img: _sfc_main$1
 };
 const _sfc_main = defineComponent({
   emits: dataEmits,

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

@@ -1,5 +1,6 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, Component, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
-declare const Menus: {
+import { SFCWithInstall } from '../../utils/vues';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, Component, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+declare const Menus: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         config: {
             type: () => ObjAny;
@@ -143,5 +144,5 @@ declare const Menus: {
     };
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: any) => any>>;
-}) & Plugin;
+})>;
 export { Menus, Menus as default };

package/dist/components/menus/src/menu-ll.cjs

@@ -8,7 +8,6 @@ const index = require("../../../hooks/cssname/index.cjs");
 const util$1 = require("./util.cjs");
 const util = require("../../../utils/util.cjs");
 require("../../../utils/vues/getBuildProps.cjs");
-require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const _sfc_main = vue.defineComponent({

package/dist/components/menus/src/menu-ll.js

@@ -6,7 +6,6 @@ import { useCssName } from "../../../hooks/cssname/index.js";
 import { setLabel } from "./util.js";
 import { getFathers } from "../../../utils/util.js";
 import "../../../utils/vues/getBuildProps.js";
-import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const _sfc_main = defineComponent({

package/dist/components/option/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const Option = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Option");

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

@@ -1,133 +1,69 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, PropType, ComputedRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentProvideOptions, ComponentOptionsBase, Plugin } from 'vue';
-import { SelectContext } from 'element-plus/es/index';
-declare const Option: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, PropType, ComputedRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives } from 'vue';
+import { EpPropMergeType } from 'element-plus/es/utils';
+import { SelectContext } from 'element-plus/es/components/select';
+declare const Option: SFCWithInstall<DefineComponent<ExtractPropTypes<{
+    value: null;
+}>, {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    value: null;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         value: {
-            type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
-            default(): "";
+            readonly type: PropType<EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
         };
-    }>> & Readonly<{}>, {
-        refEl: Ref<any, any>;
-    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        value: string | number | boolean | Record<string, any>;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-            value: {
-                readonly type: PropType<string | number | boolean | Record<string, any>>;
-                readonly required: true;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            label: {
-                readonly type: PropType<string | number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            created: BooleanConstructor;
-            disabled: BooleanConstructor;
-        }>>, {
-            ns: {
-                namespace: ComputedRef<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string) => string;
-                m: (modifier?: string) => string;
-                be: (blockSuffix?: string, element?: string) => string;
-                em: (element?: string, modifier?: string) => string;
-                bm: (blockSuffix?: string, modifier?: string) => string;
-                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
-                is: {
-                    (name: string, state: boolean | undefined): string;
-                    (name: string): string;
-                };
-                cssVar: (object: Record<string, string>) => Record<string, string>;
-                cssVarName: (name: string) => string;
-                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                cssVarBlockName: (name: string) => string;
-            };
-            id: Ref<string>;
-            containerKls: ComputedRef<string[]>;
-            currentLabel: ComputedRef<boolean | (string | number)>;
-            itemSelected: ComputedRef<boolean>;
-            isDisabled: ComputedRef<boolean>;
-            select: SelectContext;
-            visible: Ref<boolean>;
-            hover: Ref<boolean>;
-            states: {
-                index: number;
-                groupDisabled: boolean;
-                visible: boolean;
-                hover: boolean;
-            };
-            hoverItem: () => void;
-            updateOption: (query: string) => void;
-            selectOptionClick: () => void;
-        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
-            disabled: boolean;
-            created: boolean;
-        }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly< ExtractPropTypes<{
-            value: {
-                readonly type: PropType<string | number | boolean | Record<string, any>>;
-                readonly required: true;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            label: {
-                readonly type: PropType<string | number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            created: BooleanConstructor;
-            disabled: BooleanConstructor;
-        }>>, {
-            ns: {
-                namespace: ComputedRef<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string) => string;
-                m: (modifier?: string) => string;
-                be: (blockSuffix?: string, element?: string) => string;
-                em: (element?: string, modifier?: string) => string;
-                bm: (blockSuffix?: string, modifier?: string) => string;
-                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
-                is: {
-                    (name: string, state: boolean | undefined): string;
-                    (name: string): string;
-                };
-                cssVar: (object: Record<string, string>) => Record<string, string>;
-                cssVarName: (name: string) => string;
-                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                cssVarBlockName: (name: string) => string;
-            };
-            id: Ref<string>;
-            containerKls: ComputedRef<string[]>;
-            currentLabel: ComputedRef<boolean | (string | number)>;
-            itemSelected: ComputedRef<boolean>;
-            isDisabled: ComputedRef<boolean>;
-            select: SelectContext;
-            visible: Ref<boolean>;
-            hover: Ref<boolean>;
-            states: {
-                index: number;
-                groupDisabled: boolean;
-                visible: boolean;
-                hover: boolean;
+        label: {
+            readonly type: PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        created: BooleanConstructor;
+        disabled: BooleanConstructor;
+    }>>, {
+        ns: {
+            namespace: ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
             };
-            hoverItem: () => void;
-            updateOption: (query: string) => void;
-            selectOptionClick: () => void;
-        }, {}, {}, {}, {
-            disabled: boolean;
-            created: boolean;
-        }> | null;
-    }, HTMLDivElement, ComponentProvideOptions, {
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        id: Ref<string>;
+        containerKls: ComputedRef<string[]>;
+        currentLabel: ComputedRef<boolean | EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+        itemSelected: ComputedRef<boolean>;
+        isDisabled: ComputedRef<boolean>;
+        select: SelectContext;
+        visible: Ref<boolean>;
+        hover: Ref<boolean>;
+        states: {
+            index: number;
+            groupDisabled: boolean;
+            visible: boolean;
+            hover: boolean;
+        };
+        hoverItem: () => void;
+        updateOption: (query: string) => void;
+        selectOptionClick: () => void;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
+        disabled: boolean;
+        created: boolean;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -136,29 +72,58 @@ declare const Option: {
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
         value: {
-            type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
-            default(): "";
+            readonly type: PropType<EpPropMergeType<(ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        label: {
+            readonly type: PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
         };
-    }>> & Readonly<{}>, {
-        refEl: Ref<any, any>;
+        created: BooleanConstructor;
+        disabled: BooleanConstructor;
+    }>>, {
+        ns: {
+            namespace: ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        id: Ref<string>;
+        containerKls: ComputedRef<string[]>;
+        currentLabel: ComputedRef<boolean | EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+        itemSelected: ComputedRef<boolean>;
+        isDisabled: ComputedRef<boolean>;
+        select: SelectContext;
+        visible: Ref<boolean>;
+        hover: Ref<boolean>;
+        states: {
+            index: number;
+            groupDisabled: boolean;
+            visible: boolean;
+            hover: boolean;
+        };
+        hoverItem: () => void;
+        updateOption: (query: string) => void;
+        selectOptionClick: () => void;
     }, {}, {}, {}, {
-        value: string | number | boolean | Record<string, any>;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    value: {
-        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
-        default(): "";
-    };
-}>> & Readonly<{}>, {
-    refEl: Ref<any, any>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    value: string | number | boolean | Record<string, any>;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-}) & Plugin;
+        disabled: boolean;
+        created: boolean;
+    }> | null;
+}, HTMLDivElement>>;
 export { Option, Option as default };

package/dist/components/option/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const Option = withInstall(_sfc_main, "Option");

package/dist/components/option/index.scss

@@ -0,0 +1,5 @@
+@use '../css/common.scss' as *;
+
+$option: 'option';
+@include b($option) {
+}

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

@@ -2,16 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const dataProps = buildProps.buildProps({
-  /**
-   * @props { String, Number, Boolean, Object } value= ( )
-   * 选项的值
-   */
-  value: {
-    type: [String, Number, Boolean, Object],
-    default() {
-      return "";
-    }
-  }
+  value: null
 });
 const dataEmits = [];
 const dataExpose = {};

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

@@ -1,18 +1,10 @@
 import { ExtractPublicPropTypes } from 'vue';
 /**
- * @title {h2} Option 选择器子组件
+ * @title {h2} Option 输入框
  * @text 目前完全继承 element-plus 中 el-option
- * @text 必须在Select 选择器下使用
  */
 export declare const dataProps: {
-    /**
-     * @props { String, Number, Boolean, Object } value= ( )
-     * 选项的值
-     */
-    value: {
-        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
-        default(): "";
-    };
+    value: null;
 };
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];

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

@@ -1,15 +1,6 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({
-  /**
-   * @props { String, Number, Boolean, Object } value= ( )
-   * 选项的值
-   */
-  value: {
-    type: [String, Number, Boolean, Object],
-    default() {
-      return "";
-    }
-  }
+  value: null
 });
 const dataEmits = [];
 const dataExpose = {};

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

@@ -2,39 +2,35 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("../../../hooks/locale/index.cjs");
-const elementPlus = require("element-plus");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/locale/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const index$3 = require("element-plus/es/components/select/index");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = vue.ref();
-    const attrs = vue.useAttrs();
+    const attrs = index.useInherit(vue.useAttrs());
     vue.useSlots();
-    const cs = index.useCssName("option");
-    index$1.useLocale();
+    const cs = index$1.useCssName("option");
+    index$2.useLocale();
     const props = __props;
     __expose({
       ...data.dataExpose,
       refEl
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createVNode(vue.unref(elementPlus.ElOption), vue.mergeProps(vue.unref(attrs), {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(index$3.ElOption), vue.mergeProps(vue.unref(attrs).assem, {
           value: props.value,
           ref_key: "refEl",
           ref: refEl
-        }), {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["value"])
-      ], 2);
+        }), null, 16, ["value"])
+      ], 16);
     };
   }
 });