@fangzhongya/fang-ui 0.0.29 → 0.0.31

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.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
 };

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

@@ -1,117 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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;
+const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,117 +1,4 @@
-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);
-    };
-  }
-});
+import _sfc_main from "./index.js";
 export {
   _sfc_main as default
 };

package/dist/components/form/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 Form = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Form");