@fangzhongya/fang-ui 0.0.30 → 0.0.32

package/dist/components/dropdown-menu/src/index.d.ts

@@ -1,7 +1,8 @@
 import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComputedRef, Ref, StyleValue, ComponentPublicInstance, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, PublicProps } from 'vue';
+import { EpPropMergeType } from 'element-plus/es/utils';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: {}) => any>>;
+    slots: Partial<Record<string, (_: any) => any>>;
     refs: {
         refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
             onKeydown: {
@@ -15,7 +16,7 @@ declare function __VLS_template(): {
             rovingFocusGroupRootStyle: Ref<StyleValue>;
             tabIndex: Ref<number>;
             dropdownKls: ComputedRef<string[]>;
-            role: ComputedRef<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation">;
+            role: ComputedRef<EpPropMergeType<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown>>;
             triggerId: ComputedRef<string>;
             dropdownListWrapperRef: (el: Element | ComponentPublicInstance | null) => void;
             handleKeydown: (e: KeyboardEvent) => void;
@@ -41,7 +42,7 @@ declare function __VLS_template(): {
             rovingFocusGroupRootStyle: Ref<StyleValue>;
             tabIndex: Ref<number>;
             dropdownKls: ComputedRef<string[]>;
-            role: ComputedRef<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation">;
+            role: ComputedRef<EpPropMergeType<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown>>;
             triggerId: ComputedRef<string>;
             dropdownListWrapperRef: (el: Element | ComponentPublicInstance | null) => void;
             handleKeydown: (e: KeyboardEvent) => void;
@@ -68,7 +69,7 @@ declare const __VLS_component: DefineComponent<{}, {
         rovingFocusGroupRootStyle: Ref<StyleValue>;
         tabIndex: Ref<number>;
         dropdownKls: ComputedRef<string[]>;
-        role: ComputedRef<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation">;
+        role: ComputedRef<EpPropMergeType<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown>>;
         triggerId: ComputedRef<string>;
         dropdownListWrapperRef: (el: Element | ComponentPublicInstance | null) => void;
         handleKeydown: (e: KeyboardEvent) => void;
@@ -94,7 +95,7 @@ declare const __VLS_component: DefineComponent<{}, {
         rovingFocusGroupRootStyle: Ref<StyleValue>;
         tabIndex: Ref<number>;
         dropdownKls: ComputedRef<string[]>;
-        role: ComputedRef<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation">;
+        role: ComputedRef<EpPropMergeType<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown>>;
         triggerId: ComputedRef<string>;
         dropdownListWrapperRef: (el: Element | ComponentPublicInstance | null) => void;
         handleKeydown: (e: KeyboardEvent) => void;

package/dist/components/dropdown-menu/src/index.js

@@ -1,15 +1,16 @@
-import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { ElDropdownMenu } from "element-plus";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElDropdownMenu } from "element-plus/es/components/dropdown/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = ref();
-    const attrs = useAttrs();
+    const attrs = useInherit(useAttrs());
     const slots = useSlots();
     const cs = useCssName("dropdown-menu");
     useLocale();
@@ -18,23 +19,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       refEl
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        createVNode(unref(ElDropdownMenu), mergeProps(unref(attrs), {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElDropdownMenu), mergeProps(unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
         }), createSlots({ _: 2 }, [
           renderList(Object.keys(unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, k)
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
               ])
             };
           })
         ]), 1040)
-      ], 2);
+      ], 16);
     };
   }
 });

package/dist/components/dropdown-menu/style/index2.scss

@@ -0,0 +1,3 @@
+@use 'element-plus/theme-chalk/src/dropdown-menu.scss' as *;
+@use 'element-plus/theme-chalk/src/dropdown.scss' as *;
+@use '../index.scss' as *;

package/dist/components/edit/index.cjs

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

package/dist/components/edit/index.css

@@ -1,12 +1,26 @@
-.edit[data-v-edb31f79] {
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.edit {
   display: inline-flex;
   align-items: center;
 }
-.edit .edit-value[data-v-edb31f79] {
+.edit-value {
   display: inline-block;
   min-width: 3px;
 }
-.edit .edit-icon[data-v-edb31f79] {
+.edit-icon {
   display: inline-flex;
   align-items: center;
   height: 100%;
@@ -14,8 +28,4 @@
   font-size: 16px;
   margin: 0 4px;
   cursor: pointer;
-}
-.edit .edit-icon svg[data-v-edb31f79] {
-  width: 1em;
-  height: 1em;
 }

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

@@ -1,85 +1,60 @@
-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 { SFCWithInstall } from '../../utils/vues';
+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 Edit: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-        modelValue: {
-            type: StringConstructor[];
-        };
-        clearable: {
-            type: BooleanConstructor;
-            default: boolean;
+declare const Edit: SFCWithInstall<DefineComponent<ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor[];
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noEmpty: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor[];
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    noEmpty: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    clearable: boolean;
+    noEmpty: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    refEdit: HTMLSpanElement;
+    refEditInput: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            oncePlaceholder: boolean;
+        }> & Omit<{
+            readonly oncePlaceholder: boolean;
+            readonly modelValue?: string | number | undefined;
+            readonly placeholder?: string | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "oncePlaceholder">;
+        $attrs: {
+            [x: string]: unknown;
         };
-        noEmpty: {
-            type: BooleanConstructor;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            refEl: HTMLDivElement;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        clearable: boolean;
-        noEmpty: boolean;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        refEdit: HTMLSpanElement;
-        refEditInput: ({
-            $: ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                oncePlaceholder: boolean;
-            }> & Omit<{
-                readonly oncePlaceholder: boolean;
-                readonly modelValue?: string | number | undefined;
-                readonly placeholder?: string | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "oncePlaceholder">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                refEl: HTMLDivElement;
-            };
-            $slots: Readonly<{
-                [name: string]: Slot<any> | undefined;
-            }>;
-            $root: ComponentPublicInstance | null;
-            $parent: ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                oncePlaceholder: {
-                    type: BooleanConstructor;
-                };
-                placeholder: {
-                    type: StringConstructor;
-                };
-                modelValue: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-            }>> & Readonly<{}>, {
-                el: Ref<any, any>;
-            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-                oncePlaceholder: boolean;
-            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: 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: 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< ExtractPropTypes<{
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
             oncePlaceholder: {
                 type: BooleanConstructor;
             };
@@ -89,49 +64,46 @@ declare const Edit: {
             modelValue: {
                 type: (NumberConstructor | StringConstructor)[];
             };
-        }>> & Readonly<{}>, "el" | "oncePlaceholder"> & ShallowUnwrapRef<{
+        }>> & Readonly<{}>, {
             el: Ref<any, any>;
-        }> & {} & ComponentCustomProperties & {} & {
-            $slots: Partial<Record<string, (_: {}) => any>>;
-        }) | null;
-    }, HTMLSpanElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        modelValue: {
-            type: StringConstructor[];
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            oncePlaceholder: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: 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)[];
         };
-        clearable: {
+        $forceUpdate: () => void;
+        $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< ExtractPropTypes<{
+        oncePlaceholder: {
             type: BooleanConstructor;
-            default: boolean;
         };
-        noEmpty: {
-            type: BooleanConstructor;
+        placeholder: {
+            type: StringConstructor;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        clearable: boolean;
-        noEmpty: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor[];
-    };
-    clearable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noEmpty: {
-        type: BooleanConstructor;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    clearable: boolean;
-    noEmpty: boolean;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+    }>> & Readonly<{}>, "el" | "oncePlaceholder"> & ShallowUnwrapRef<{
+        el: Ref<any, any>;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: Partial<Record<string, (_: {}) => any>>;
+    }) | null;
+}, HTMLSpanElement>>;
 export { Edit, Edit as default };

package/dist/components/edit/index.js

@@ -1,6 +1,7 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import SrcVue from "./src/index.js";
-const Edit = withInstall(SrcVue, "Edit");
+import _sfc_main from "./src/index.js";
+const Edit = withInstall(_sfc_main, "Edit");
 export {
   Edit,
   Edit as default

package/dist/components/edit/index.scss

@@ -0,0 +1,20 @@
+@use '../css/common.scss' as *;
+
+$edit: 'edit';
+@include b($edit) {
+	display: inline-flex;
+	align-items: center;
+	&-value {
+		display: inline-block;
+		min-width: 3px;
+	}
+	&-icon {
+		display: inline-flex;
+		align-items: center;
+		height: 100%;
+		min-width: 3px;
+		font-size: 16px;
+		margin: 0 4px;
+		cursor: pointer;
+	}
+}

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

@@ -1,7 +1,117 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
-;/* empty css         */
-const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
-const SrcVue = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-edb31f79"]]);
-exports.default = SrcVue;
+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__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("edit");
+    const props = __props;
+    const emit = __emit;
+    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) {
+          isIcon.value = true;
+        }
+        return v;
+      },
+      set(value2) {
+        if (!value2 && props.noEmpty) {
+          isIcon.value = true;
+        }
+        emit("update:modelValue", value2);
+      }
+    });
+    function onDblclick() {
+      onClick();
+    }
+    function onBlur() {
+      setIsIcon();
+      isInput.value = false;
+    }
+    function setIsIcon() {
+      if (!value.value && props.noEmpty) {
+        isIcon.value = true;
+      } else {
+        isIcon.value = false;
+      }
+    }
+    function onClick() {
+      isIcon.value = false;
+      isInput.value = true;
+      setTimeout(() => {
+        refEditInput.value.focus();
+      });
+    }
+    vue.onMounted(() => {
+      let dom = refEdit.value;
+      dom.onmouseenter = (event) => {
+        isIcon.value = true;
+      };
+      dom.onmouseleave = (event) => {
+        setIsIcon();
+        isInput.value = false;
+      };
+      display.value = dom.style.display || "inline";
+      width.value = (dom.clientWidth || dom.offsetWidth) + 40 + "px";
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        ref_key: "refEdit",
+        ref: refEdit,
+        class: vue.normalizeClass(vue.unref(cs).z())
+      }, [
+        isInput.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Inputs), {
+          key: 0,
+          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",
+          ref: refEditInput,
+          type: "text",
+          clearable: _ctx.clearable,
+          onBlur,
+          class: vue.normalizeClass(vue.unref(cs).z("input"))
+        }, null, 8, ["style", "modelValue", "clearable", "class"])) : (vue.openBlock(), vue.createElementBlock("span", {
+          key: 1,
+          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: vue.normalizeClass(vue.unref(cs).z("icon"))
+        }, _cache[1] || (_cache[1] = [
+          vue.createElementVNode("svg", {
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            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"
+            }),
+            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)) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,7 +1,117 @@
-import _sfc_main from "./index2.js";
-/* empty css       */
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const SrcVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-edb31f79"]]);
+import { defineComponent, ref, computed, onMounted, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, normalizeStyle, withModifiers, toDisplayString, createElementVNode } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { Inputs } from "../../inputs/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("edit");
+    const props = __props;
+    const emit = __emit;
+    const isInput = ref(false);
+    const isIcon = ref(false);
+    const refEditInput = ref();
+    const refEdit = ref();
+    const width = ref("");
+    const display = ref("");
+    const value = computed({
+      get() {
+        let v = props.modelValue;
+        if (!v && props.noEmpty) {
+          isIcon.value = true;
+        }
+        return v;
+      },
+      set(value2) {
+        if (!value2 && props.noEmpty) {
+          isIcon.value = true;
+        }
+        emit("update:modelValue", value2);
+      }
+    });
+    function onDblclick() {
+      onClick();
+    }
+    function onBlur() {
+      setIsIcon();
+      isInput.value = false;
+    }
+    function setIsIcon() {
+      if (!value.value && props.noEmpty) {
+        isIcon.value = true;
+      } else {
+        isIcon.value = false;
+      }
+    }
+    function onClick() {
+      isIcon.value = false;
+      isInput.value = true;
+      setTimeout(() => {
+        refEditInput.value.focus();
+      });
+    }
+    onMounted(() => {
+      let dom = refEdit.value;
+      dom.onmouseenter = (event) => {
+        isIcon.value = true;
+      };
+      dom.onmouseleave = (event) => {
+        setIsIcon();
+        isInput.value = false;
+      };
+      display.value = dom.style.display || "inline";
+      width.value = (dom.clientWidth || dom.offsetWidth) + 40 + "px";
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "refEdit",
+        ref: refEdit,
+        class: normalizeClass(unref(cs).z())
+      }, [
+        isInput.value ? (openBlock(), createBlock(unref(Inputs), {
+          key: 0,
+          style: normalizeStyle({ width: width.value, display: display.value }),
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          ref_key: "refEditInput",
+          ref: refEditInput,
+          type: "text",
+          clearable: _ctx.clearable,
+          onBlur,
+          class: normalizeClass(unref(cs).z("input"))
+        }, null, 8, ["style", "modelValue", "clearable", "class"])) : (openBlock(), createElementBlock("span", {
+          key: 1,
+          onDblclick: withModifiers(onDblclick, ["stop"]),
+          class: normalizeClass(unref(cs).z("value"))
+        }, toDisplayString(value.value), 35)),
+        isIcon.value && !isInput.value ? (openBlock(), createElementBlock("i", {
+          key: 2,
+          onClick,
+          class: normalizeClass(unref(cs).z("icon"))
+        }, _cache[1] || (_cache[1] = [
+          createElementVNode("svg", {
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            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"
+            }),
+            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)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 export {
-  SrcVue as default
+  _sfc_main as default
 };