@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/edit/src/index2.cjs

@@ -1,10 +1,10 @@
 "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("../../inputs/index.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -12,13 +12,13 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     const cs = index.useCssName("edit");
     const props = __props;
     const emit = __emit;
-    const isInput = require$$0.ref(false);
-    const isIcon = require$$0.ref(false);
-    const refEditInput = require$$0.ref();
-    const refEdit = require$$0.ref();
-    const width = require$$0.ref("");
-    const display = require$$0.ref("");
-    const value = require$$0.computed({
+    const isInput = vue.ref(false);
+    const isIcon = vue.ref(false);
+    const refEditInput = vue.ref();
+    const refEdit = vue.ref();
+    const width = vue.ref("");
+    const display = vue.ref("");
+    const value = vue.computed({
       get() {
         let v = props.modelValue;
         if (!v && props.noEmpty) {
@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         refEditInput.value.focus();
       });
     }
-    require$$0.onMounted(() => {
+    vue.onMounted(() => {
       let dom = refEdit.value;
       dom.onmouseenter = (event) => {
         isIcon.value = true;
@@ -70,14 +70,14 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("span", {
+      return vue.openBlock(), vue.createElementBlock("span", {
         ref_key: "refEdit",
         ref: refEdit,
-        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+        class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        isInput.value ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$1.Inputs), {
+        isInput.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Inputs), {
           key: 0,
-          style: require$$0.normalizeStyle({ width: width.value, display: display.value }),
+          style: vue.normalizeStyle({ width: width.value, display: display.value }),
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
           ref_key: "refEditInput",
@@ -85,31 +85,31 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
           type: "text",
           clearable: _ctx.clearable,
           onBlur,
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("input"))
-        }, null, 8, ["style", "modelValue", "clearable", "class"])) : (require$$0.openBlock(), require$$0.createElementBlock("span", {
+          class: vue.normalizeClass(vue.unref(cs).z("input"))
+        }, null, 8, ["style", "modelValue", "clearable", "class"])) : (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
-          onDblclick: require$$0.withModifiers(onDblclick, ["stop"]),
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("value"))
-        }, require$$0.toDisplayString(value.value), 35)),
-        isIcon.value && !isInput.value ? (require$$0.openBlock(), require$$0.createElementBlock("i", {
+          onDblclick: vue.withModifiers(onDblclick, ["stop"]),
+          class: vue.normalizeClass(vue.unref(cs).z("value"))
+        }, vue.toDisplayString(value.value), 35)),
+        isIcon.value && !isInput.value ? (vue.openBlock(), vue.createElementBlock("i", {
           key: 2,
           onClick,
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("icon"))
+          class: vue.normalizeClass(vue.unref(cs).z("icon"))
         }, _cache[1] || (_cache[1] = [
-          require$$0.createElementVNode("svg", {
+          vue.createElementVNode("svg", {
             viewBox: "0 0 1024 1024",
             xmlns: "http://www.w3.org/2000/svg"
           }, [
-            require$$0.createElementVNode("path", {
+            vue.createElementVNode("path", {
               fill: "currentColor",
               d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
             }),
-            require$$0.createElementVNode("path", {
+            vue.createElementVNode("path", {
               fill: "currentColor",
               d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
             })
           ], -1)
-        ]), 2)) : require$$0.createCommentVNode("", true)
+        ]), 2)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }

package/dist/components/edit-float/index.d.ts

@@ -1,5 +1,7 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
 declare const EditFloat: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         modelValue: {
             type: StringConstructor[];
         };
@@ -13,14 +15,14 @@ declare const EditFloat: {
         noEmpty: {
             type: BooleanConstructor;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         clearable: boolean;
         float: boolean;
         noEmpty: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refEdit: HTMLSpanElement;
         refEditInput: ({
-            $: import('vue').ComponentInternalInstance;
+            $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
                 oncePlaceholder: boolean;
@@ -28,7 +30,7 @@ declare const EditFloat: {
                 readonly oncePlaceholder: boolean;
                 readonly modelValue?: string | number | undefined;
                 readonly placeholder?: string | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "oncePlaceholder">;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "oncePlaceholder">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -38,14 +40,14 @@ declare const EditFloat: {
                 refEl: HTMLDivElement;
             };
             $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
+                [name: string]: Slot<any> | undefined;
             }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 oncePlaceholder: {
                     type: BooleanConstructor;
                 };
@@ -56,10 +58,10 @@ declare const EditFloat: {
                     type: (NumberConstructor | StringConstructor)[];
                 };
             }>> & Readonly<{}>, {
-                el: import('vue').Ref<any, any>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                el: Ref<any, any>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
                 oncePlaceholder: boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -72,16 +74,16 @@ declare const EditFloat: {
                 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)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: 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;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{
             oncePlaceholder: boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        }> & Omit<Readonly< ExtractPropTypes<{
             oncePlaceholder: {
                 type: BooleanConstructor;
             };
@@ -91,19 +93,19 @@ declare const EditFloat: {
             modelValue: {
                 type: (NumberConstructor | StringConstructor)[];
             };
-        }>> & Readonly<{}>, "el" | "oncePlaceholder"> & import('vue').ShallowUnwrapRef<{
-            el: import('vue').Ref<any, any>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>> & Readonly<{}>, "el" | "oncePlaceholder"> & ShallowUnwrapRef<{
+            el: Ref<any, any>;
+        }> & {} & ComponentCustomProperties & {} & {
             $slots: Partial<Record<string, (_: {}) => any>>;
         }) | null;
-    }, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+    }, HTMLSpanElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         modelValue: {
             type: StringConstructor[];
         };
@@ -125,7 +127,7 @@ declare const EditFloat: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     modelValue: {
         type: StringConstructor[];
     };
@@ -139,9 +141,9 @@ declare const EditFloat: {
     noEmpty: {
         type: BooleanConstructor;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     clearable: boolean;
     float: boolean;
     noEmpty: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
 export { EditFloat, EditFloat as default };

package/dist/components/edit-float/index.ts

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

package/dist/components/edit-float/src/data.ts

@@ -0,0 +1,48 @@
+import type { ExtractPropTypes } from 'vue';
+
+export const dataProps = {
+	/**
+	 * @props { String } modelValue= ( )
+	 * 要编辑数据
+	 */
+	modelValue: {
+		type: [String],
+	},
+	clearable: {
+		type: Boolean,
+		default: true,
+	},
+	float: {
+		type: Boolean,
+	},
+	/**
+	 * @props { Boolean } noEmpty= ( )
+	 * 不能为空
+	 */
+	noEmpty: {
+		type: Boolean,
+	},
+};
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = ['update:modelValue'];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};

package/dist/components/edit-float/src/index.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
+declare const _default: DefineComponent<ExtractPropTypes<{
     modelValue: {
         type: StringConstructor[];
     };
@@ -12,7 +14,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     noEmpty: {
         type: BooleanConstructor;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     modelValue: {
         type: StringConstructor[];
     };
@@ -30,10 +32,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     clearable: boolean;
     float: boolean;
     noEmpty: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refEdit: HTMLSpanElement;
     refEditInput: ({
-        $: import('vue').ComponentInternalInstance;
+        $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             oncePlaceholder: boolean;
@@ -41,7 +43,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly oncePlaceholder: boolean;
             readonly modelValue?: string | number | undefined;
             readonly placeholder?: string | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "oncePlaceholder">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "oncePlaceholder">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -51,14 +53,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             refEl: HTMLDivElement;
         };
         $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
+            [name: string]: Slot<any> | undefined;
         }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
             oncePlaceholder: {
                 type: BooleanConstructor;
             };
@@ -69,10 +71,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: (NumberConstructor | StringConstructor)[];
             };
         }>> & Readonly<{}>, {
-            el: import('vue').Ref<any, any>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            el: Ref<any, any>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             oncePlaceholder: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -85,16 +87,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: 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;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
     } & Readonly<{
         oncePlaceholder: boolean;
-    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+    }> & Omit<Readonly< ExtractPropTypes<{
         oncePlaceholder: {
             type: BooleanConstructor;
         };
@@ -104,9 +106,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         modelValue: {
             type: (NumberConstructor | StringConstructor)[];
         };
-    }>> & Readonly<{}>, "el" | "oncePlaceholder"> & import('vue').ShallowUnwrapRef<{
-        el: import('vue').Ref<any, any>;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>> & Readonly<{}>, "el" | "oncePlaceholder"> & ShallowUnwrapRef<{
+        el: Ref<any, any>;
+    }> & {} & ComponentCustomProperties & {} & {
         $slots: Partial<Record<string, (_: {}) => any>>;
     }) | null;
 }, HTMLSpanElement>;

package/dist/components/edit-float/src/index.vue

@@ -0,0 +1,170 @@
+<template>
+	<span ref="refEdit" :class="cs.z()">
+		<ElPopover :visible="isInput" placement="top" :width="200">
+			<div :class="cs.z('popover')">
+				<div :class="cs.z('title')">修改</div>
+				<Inputs
+					v-model="value"
+					ref="refEditInput"
+					type="text"
+					@blur="onBlur"
+					:clearable="clearable"
+					:class="cs.z('input')"
+				/>
+				<div :class="cs.z('but')">
+					<ElButton size="small" type="primary" @click="onConfirm"
+						>确认</ElButton
+					>
+					<ElButton size="small" text @click="onClickqx"
+						>关闭</ElButton
+					>
+				</div>
+			</div>
+			<template #reference>
+				<span :class="cs.z('body')">
+					<span @dblclick.stop="onDblclick" :class="cs.z('value')">{{
+						props.modelValue
+					}}</span>
+					<i
+						@click="onClick"
+						v-if="isIcon && !isInput"
+						:class="cs.z('icon')"
+					>
+						<svg
+							viewBox="0 0 1024 1024"
+							xmlns="http://www.w3.org/2000/svg"
+						>
+							<path
+								fill="currentColor"
+								d="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
+							></path>
+							<path
+								fill="currentColor"
+								d="m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+							></path>
+						</svg>
+					</i>
+				</span>
+			</template>
+		</ElPopover>
+	</span>
+</template>
+<script lang="ts" setup>
+	import { ElButton, ElPopover } from 'element-plus';
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import Inputs from '../../inputs/index';
+	import { useCssName } from '../../../hooks/cssname';
+	import { watch, ref, onMounted } from 'vue';
+	// 样式设置方法
+	const cs = useCssName('edit-float');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const isInput = ref(false);
+	const isIcon = ref(false);
+	const refEditInput = ref();
+	const refEdit = ref();
+
+	const value = ref(props.modelValue);
+	watch(
+		() => props.modelValue,
+		() => {
+			value.value = props.modelValue;
+			setIsIcon();
+		},
+		{ immediate: true },
+	);
+
+	function onDblclick() {
+		onClick();
+	}
+
+	function onClick() {
+		isIcon.value = false;
+		isInput.value = true;
+		setTimeout(() => {
+			refEditInput.value.focus();
+		});
+	}
+
+	function onClickqx() {
+		setIsIcon();
+		isInput.value = false;
+	}
+
+	function onConfirm() {
+		if (props.noEmpty && !value.value) {
+			return false;
+		}
+		isIcon.value = false;
+		isInput.value = false;
+		emit('update:modelValue', value.value);
+	}
+
+	function setIsIcon() {
+		if (!props.modelValue && props.noEmpty) {
+			isIcon.value = true;
+		} else {
+			isIcon.value = false;
+		}
+	}
+
+	function onBlur() {
+		setTimeout(() => {
+			isInput.value = false;
+		});
+	}
+
+	onMounted(() => {
+		let dom = refEdit.value;
+		dom.onmouseenter = (event: Event) => {
+			isIcon.value = true;
+		};
+		dom.onmouseleave = (event: Event) => {
+			if (!isInput.value) {
+				setIsIcon();
+				isInput.value = false;
+			}
+		};
+	});
+
+	defineExpose({
+		...dataExpose,
+	});
+</script>
+<style lang="scss" scoped>
+	$edit-floats: 'edit-float';
+	.#{$edit-floats} {
+		.#{$edit-floats}-body {
+			display: inline-flex;
+			align-items: center;
+			justify-content: center;
+			.#{$edit-floats}-value {
+				display: inline-block;
+				min-width: 3px;
+			}
+			.#{$edit-floats}-icon {
+				display: inline-flex;
+				align-items: center;
+				justify-content: center;
+				height: 100%;
+				min-width: 3px;
+				font-size: 16px;
+				margin: 0 4px;
+				cursor: pointer;
+				svg {
+					width: 1em;
+					height: 1em;
+				}
+			}
+		}
+	}
+	.#{$edit-floats}-popover {
+		.#{$edit-floats}-input {
+			padding: 10px 0;
+		}
+		.#{$edit-floats}-but {
+			display: flex;
+			flex-direction: row-reverse;
+		}
+	}
+</style>