@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/select/src/index.vue

@@ -0,0 +1,31 @@
+<template>
+	<div :class="cs.z()">
+		<ElSelect v-bind="attrs" ref="refEl">
+			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
+				<slot :name="k"></slot>
+			</template>
+		</ElSelect>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { useLocale } from '../../../hooks/locale';
+	import { ref, useAttrs, useSlots } from 'vue';
+	import { ElSelect } from 'element-plus';
+	import type { Slots } from 'vue';
+	const refEl = ref();
+	const attrs = useAttrs();
+	const slots: Slots = useSlots();
+	// 样式设置方法
+	const cs = useCssName('select');
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	defineExpose({
+		...dataExpose,
+		refEl,
+	});
+</script>
+<style lang="scss"></style>

package/dist/components/select-dialog/index.d.ts

@@ -1,5 +1,7 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { ModelValue } from './src/data';
 declare const SelectDialog: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         width: {
             type: (NumberConstructor | StringConstructor)[];
         };
@@ -8,10 +10,10 @@ declare const SelectDialog: {
         };
         modelValue: {
             type: {
-                (arrayLength: number): import('./src/data').ModelValue[];
-                (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-                new (arrayLength: number): import('./src/data').ModelValue[];
-                new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+                (arrayLength: number): ModelValue[];
+                (...items: ModelValue[]): ModelValue[];
+                new (arrayLength: number): ModelValue[];
+                new (...items: ModelValue[]): ModelValue[];
                 isArray(arg: any): arg is any[];
                 readonly prototype: any[];
                 from<T>(arrayLike: ArrayLike<T>): T[];
@@ -29,10 +31,10 @@ declare const SelectDialog: {
         };
         value: {
             type: {
-                (arrayLength: number): import('./src/data').ModelValue[];
-                (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-                new (arrayLength: number): import('./src/data').ModelValue[];
-                new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+                (arrayLength: number): ModelValue[];
+                (...items: ModelValue[]): ModelValue[];
+                new (arrayLength: number): ModelValue[];
+                new (...items: ModelValue[]): ModelValue[];
                 isArray(arg: any): arg is any[];
                 readonly prototype: any[];
                 from<T>(arrayLike: ArrayLike<T>): T[];
@@ -67,19 +69,19 @@ declare const SelectDialog: {
             type: BooleanConstructor[];
         };
     }>> & Readonly<{}>, {
-        inputName: import('vue').ComputedRef<string>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        inputName: ComputedRef<string>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         appendToBody: boolean;
         separator: string;
         getName: Function;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         width: {
             type: (NumberConstructor | StringConstructor)[];
         };
@@ -88,10 +90,10 @@ declare const SelectDialog: {
         };
         modelValue: {
             type: {
-                (arrayLength: number): import('./src/data').ModelValue[];
-                (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-                new (arrayLength: number): import('./src/data').ModelValue[];
-                new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+                (arrayLength: number): ModelValue[];
+                (...items: ModelValue[]): ModelValue[];
+                new (arrayLength: number): ModelValue[];
+                new (...items: ModelValue[]): ModelValue[];
                 isArray(arg: any): arg is any[];
                 readonly prototype: any[];
                 from<T>(arrayLike: ArrayLike<T>): T[];
@@ -109,10 +111,10 @@ declare const SelectDialog: {
         };
         value: {
             type: {
-                (arrayLength: number): import('./src/data').ModelValue[];
-                (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-                new (arrayLength: number): import('./src/data').ModelValue[];
-                new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+                (arrayLength: number): ModelValue[];
+                (...items: ModelValue[]): ModelValue[];
+                new (arrayLength: number): ModelValue[];
+                new (...items: ModelValue[]): ModelValue[];
                 isArray(arg: any): arg is any[];
                 readonly prototype: any[];
                 from<T>(arrayLike: ArrayLike<T>): T[];
@@ -147,7 +149,7 @@ declare const SelectDialog: {
             type: BooleanConstructor[];
         };
     }>> & Readonly<{}>, {
-        inputName: import('vue').ComputedRef<string>;
+        inputName: ComputedRef<string>;
     }, {}, {}, {}, {
         appendToBody: boolean;
         separator: string;
@@ -156,7 +158,7 @@ declare const SelectDialog: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     width: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -165,10 +167,10 @@ declare const SelectDialog: {
     };
     modelValue: {
         type: {
-            (arrayLength: number): import('./src/data').ModelValue[];
-            (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-            new (arrayLength: number): import('./src/data').ModelValue[];
-            new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+            (arrayLength: number): ModelValue[];
+            (...items: ModelValue[]): ModelValue[];
+            new (arrayLength: number): ModelValue[];
+            new (...items: ModelValue[]): ModelValue[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -186,10 +188,10 @@ declare const SelectDialog: {
     };
     value: {
         type: {
-            (arrayLength: number): import('./src/data').ModelValue[];
-            (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
-            new (arrayLength: number): import('./src/data').ModelValue[];
-            new (...items: import('./src/data').ModelValue[]): import('./src/data').ModelValue[];
+            (arrayLength: number): ModelValue[];
+            (...items: ModelValue[]): ModelValue[];
+            new (arrayLength: number): ModelValue[];
+            new (...items: ModelValue[]): ModelValue[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -224,14 +226,14 @@ declare const SelectDialog: {
         type: BooleanConstructor[];
     };
 }>> & Readonly<{}>, {
-    inputName: import('vue').ComputedRef<string>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    inputName: ComputedRef<string>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     appendToBody: boolean;
     separator: string;
     getName: Function;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>> & {
         suffix?(_: {}): any;
     };
-}) & import('vue').Plugin;
+}) & Plugin;
 export { SelectDialog, SelectDialog as default };

package/dist/components/select-dialog/index.ts

@@ -0,0 +1,7 @@
+import { withInstall } from '../../utils/vues/withInstall'
+import SrcVue from './src/index.vue'
+const SelectDialog = withInstall(SrcVue, 'SelectDialog');
+export {
+   SelectDialog,
+   SelectDialog as default
+};

package/dist/components/select-dialog/src/data.cjs

@@ -15,6 +15,7 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const dataProps = buildProps.buildProps({

package/dist/components/select-dialog/src/data.js

@@ -13,6 +13,7 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const dataProps = buildProps({

package/dist/components/select-dialog/src/data.ts

@@ -0,0 +1,113 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/index';
+
+export type ModelValue = string | number;
+
+export type ObjStrAny = {
+	[key: string]: any;
+};
+
+export const dataProps = buildProps({
+	/**
+	 * @props { String, Number} width= ( )
+	 * 弹框宽度
+	 */
+	width: {
+		type: [String, Number],
+	},
+	/**
+	 * @props { String} title= ( )
+	 * 弹框标题
+	 */
+	title: {
+		type: [String],
+	},
+	/**
+	 * @props { Array} modelValue=
+	 * 值
+	 */
+	modelValue: {
+		type: [Array<ModelValue>],
+	},
+	placeholder: {
+		type: String,
+	},
+	/**
+	 * @props { Array} value=
+	 * 设置的值
+	 */
+	value: {
+		type: [Array<ModelValue>],
+	},
+	/**
+	 * @props { String} separator=','
+	 * 分隔选项的字符
+	 */
+	separator: {
+		type: [String],
+		default: ',',
+	},
+	appendToBody: {
+		type: Boolean,
+		default: true,
+	},
+	/**
+	 * @props { Function } getName= ( )
+	 * 对应展示名称
+	 */
+	getName: {
+		type: [Function],
+		default() {
+			return (v: any) => {
+				return v;
+			};
+		},
+	},
+	/**
+	 * @props { Function } getInputName= ( )
+	 * 选择框上展示名称
+	 */
+	setInputName: {
+		type: [Function],
+	},
+
+	/**
+	 * @props { Function } getNameExplain= ( )
+	 * 对应展示详情名称
+	 */
+	getNameExplain: {
+		type: [Function],
+	},
+
+	/**
+	 * @props { Boolean } disabled= ( )
+	 * 是否禁用
+	 */
+	disabled: {
+		type: [Boolean],
+	},
+});
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = ['change', 'confirm', 'dialog', 'update:modelValue'];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};

package/dist/components/select-dialog/src/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 require("@fangzhongya/utils/basic/string/splitUpper");
@@ -18,13 +18,14 @@ require("@fangzhongya/utils/basic/object/objValue");
 require("../../../hooks/global-config/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const index$2 = require("../../input/index.cjs");
 const index$3 = require("../../dialog/index.cjs");
 const index$4 = require("../../button/index.cjs");
 const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -33,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index$1.useCssName("select-dialog");
     const props = __props;
     const emit = __emit;
-    const value = require$$0.computed({
+    const value = vue.computed({
       get() {
         return props.modelValue;
       },
@@ -41,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         emit("update:modelValue", value2);
       }
     });
-    const inputName = require$$0.computed(() => {
+    const inputName = vue.computed(() => {
       if (props.value) {
         return props.value.map((v) => {
           return props.setInputName ? props.setInputName(v) : props.getName(v);
@@ -50,10 +51,10 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         return "";
       }
     });
-    const dialogVisible = require$$0.ref(false);
+    const dialogVisible = vue.ref(false);
     function onClear() {
       value.value = [];
-      require$$0.nextTick(() => {
+      vue.nextTick(() => {
         emit("update:modelValue", value.value);
         emit("change", value.value);
       });
@@ -64,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
           return o != key;
         });
       }
-      require$$0.nextTick(() => {
+      vue.nextTick(() => {
         emit("update:modelValue", value.value);
         emit("change", value.value);
       });
@@ -95,32 +96,32 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       inputName
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        require$$0.withDirectives(require$$0.createVNode(require$$0.unref(index$2.Input), {
+        vue.withDirectives(vue.createVNode(vue.unref(index$2.Input), {
           disabled: "",
           readonly: ""
         }, null, 512), [
-          [require$$0.vShow, false]
+          [vue.vShow, false]
         ]),
-        require$$0.createVNode(require$$0.unref(index$2.Input), {
+        vue.createVNode(vue.unref(index$2.Input), {
           modelValue: inputName.value,
           onClick,
-          placeholder: props.placeholder || require$$0.unref(getLocale)("form.select"),
+          placeholder: props.placeholder || vue.unref(getLocale)("form.select"),
           disabled: props.disabled,
           readonly: ""
         }, {
-          suffix: require$$0.withCtx(() => [
-            require$$0.renderSlot(_ctx.$slots, "suffix")
+          suffix: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "suffix")
           ]),
           _: 3
         }, 8, ["modelValue", "placeholder", "disabled"]),
-        require$$0.createVNode(require$$0.unref(index$3.Dialog), {
+        vue.createVNode(vue.unref(index$3.Dialog), {
           modelValue: dialogVisible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dialogVisible.value = $event),
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog")),
-          "custom-class": require$$0.unref(cs).z("dialog"),
+          class: vue.normalizeClass(vue.unref(cs).z("dialog")),
+          "custom-class": vue.unref(cs).z("dialog"),
           title: props.title,
           "append-to-body": props.appendToBody,
           width: "calc(40px + " + props.width + ")",
@@ -128,103 +129,103 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
             dialogVisible.value = false;
           }
         }, {
-          footer: require$$0.withCtx(() => [
-            require$$0.createElementVNode("span", {
-              class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-footer")])
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass([vue.unref(cs).z("dialog-footer")])
             }, [
-              require$$0.createVNode(require$$0.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$4.Button), {
                 onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = false)
               }, {
-                default: require$$0.withCtx(() => [
-                  require$$0.createTextVNode(require$$0.toDisplayString(require$$0.unref(getLocale)("form.cancel")), 1)
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.cancel")), 1)
                 ]),
                 _: 1
               }),
-              require$$0.createVNode(require$$0.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$4.Button), {
                 type: "primary",
                 onClick: onDialogffirm
               }, {
-                default: require$$0.withCtx(() => [
-                  require$$0.createTextVNode(require$$0.toDisplayString(require$$0.unref(getLocale)("form.confirm")), 1)
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.confirm")), 1)
                 ]),
                 _: 1
               })
             ], 2)
           ]),
-          default: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", {
-              class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-list"))
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("dialog-list"))
             }, [
-              require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).default),
-              require$$0.createElementVNode("div", {
-                class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-li")])
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([vue.unref(cs).z("dialog-li")])
               }, [
-                require$$0.createElementVNode("div", {
-                  class: require$$0.normalizeClass([
-                    require$$0.unref(cs).z("dialog-li-top"),
-                    require$$0.unref(cs).z("dialog-li-top-select")
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    vue.unref(cs).z("dialog-li-top"),
+                    vue.unref(cs).z("dialog-li-top-select")
                   ])
                 }, [
-                  _cache[3] || (_cache[3] = require$$0.createElementVNode("label", null, "已选择", -1)),
-                  require$$0.createElementVNode("span", {
+                  _cache[3] || (_cache[3] = vue.createElementVNode("label", null, "已选择", -1)),
+                  vue.createElementVNode("span", {
                     onClick: onClear,
-                    class: require$$0.normalizeClass([
-                      require$$0.unref(cs).z("dialog-li-top"),
-                      require$$0.unref(cs).z("dialog-li-top-clear")
+                    class: vue.normalizeClass([
+                      vue.unref(cs).z("dialog-li-top"),
+                      vue.unref(cs).z("dialog-li-top-clear")
                     ])
                   }, _cache[2] || (_cache[2] = [
-                    require$$0.createElementVNode("svg", {
+                    vue.createElementVNode("svg", {
                       viewBox: "0 0 1024 1024",
                       xmlns: "http://www.w3.org/2000/svg",
                       "data-v-ea893728": ""
                     }, [
-                      require$$0.createElementVNode("path", {
+                      vue.createElementVNode("path", {
                         fill: "currentColor",
                         d: "M896 448H128v192a64 64 0 0 0 64 64h192v192h256V704h192a64 64 0 0 0 64-64V448zm-770.752-64c0-47.552 5.248-90.24 15.552-128 14.72-54.016 42.496-107.392 83.2-160h417.28l-15.36 70.336L736 96h211.2c-24.832 42.88-41.92 96.256-51.2 160a663.872 663.872 0 0 0-6.144 128H960v256a128 128 0 0 1-128 128H704v160a32 32 0 0 1-32 32H352a32 32 0 0 1-32-32V768H192A128 128 0 0 1 64 640V384h61.248zm64 0h636.544c-2.048-45.824.256-91.584 6.848-137.216 4.48-30.848 10.688-59.776 18.688-86.784h-96.64l-221.12 141.248L561.92 160H256.512c-25.856 37.888-43.776 75.456-53.952 112.832-8.768 32.064-13.248 69.12-13.312 111.168z"
                       })
                     ], -1)
                   ]), 2)
                 ], 2),
-                require$$0.createElementVNode("div", {
-                  class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-gap"))
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("dialog-gap"))
                 }, null, 2),
-                require$$0.createElementVNode("div", {
-                  class: require$$0.normalizeClass([
-                    require$$0.unref(cs).z("dialog-li-div"),
-                    require$$0.unref(cs).z("dialog-li-select")
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    vue.unref(cs).z("dialog-li-div"),
+                    vue.unref(cs).z("dialog-li-select")
                   ])
                 }, [
-                  (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(value.value, (item, index2) => {
-                    return require$$0.openBlock(), require$$0.createElementBlock("div", {
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
                       key: index2,
-                      class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-li-select-li")])
+                      class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li")])
                     }, [
-                      require$$0.createElementVNode("div", {
-                        class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-li-top-select")])
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass([vue.unref(cs).z("dialog-li-top-select")])
                       }, [
-                        require$$0.createElementVNode("span", {
-                          class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-li-select-li-p1")])
-                        }, require$$0.toDisplayString(props.getName(item)), 3),
-                        require$$0.createElementVNode("span", {
-                          class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-li-select-li-del")]),
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-p1")])
+                        }, vue.toDisplayString(props.getName(item)), 3),
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-del")]),
                           onClick: ($event) => onDelete(item)
                         }, _cache[4] || (_cache[4] = [
-                          require$$0.createElementVNode("svg", {
+                          vue.createElementVNode("svg", {
                             viewBox: "0 0 1024 1024",
                             xmlns: "http://www.w3.org/2000/svg",
                             "data-v-ea893728": ""
                           }, [
-                            require$$0.createElementVNode("path", {
+                            vue.createElementVNode("path", {
                               fill: "currentColor",
                               d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
                             })
                           ], -1)
                         ]), 10, _hoisted_1)
                       ], 2),
-                      props.getNameExplain ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
+                      props.getNameExplain ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 0,
-                        class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-li-select-li-p2")])
-                      }, require$$0.toDisplayString(props.getNameExplain(item)), 3)) : require$$0.createCommentVNode("", true)
+                        class: vue.normalizeClass([vue.unref(cs).z("dialog-li-select-li-p2")])
+                      }, vue.toDisplayString(props.getNameExplain(item)), 3)) : vue.createCommentVNode("", true)
                     ], 2);
                   }), 128))
                 ], 2)

package/dist/components/select-dialog/src/index.d.ts

@@ -1,4 +1,5 @@
 import { ModelValue } from './data';
+import { DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>> & {
@@ -8,7 +9,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     width: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -76,8 +77,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor[];
     };
 }>, {
-    inputName: import('vue').ComputedRef<string>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    inputName: ComputedRef<string>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     width: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -148,7 +149,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     appendToBody: boolean;
     separator: string;
     getName: Function;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/select-dialog/src/index.js

@@ -16,6 +16,7 @@ import "@fangzhongya/utils/basic/object/objValue";
 import "../../../hooks/global-config/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 import { Input } from "../../input/index.js";