@vipl520/dk-ui 1.0.46 → 1.0.48

package/dist/index.mjs

@@ -2906,7 +2906,7 @@ const _hoisted_20$1 = { key: 3 };
 const _hoisted_21$1 = { class: "file-name over" };
 const _hoisted_22$1 = { class: "right" };
 const _hoisted_23$1 = { class: "block p-10px" };
-const _hoisted_24 = {
+const _hoisted_24$1 = {
   key: 1,
   style: { "display": "flex", "align-items": "center", "justify-content": "center", "height": "340px" }
 };
@@ -3406,7 +3406,7 @@ var _sfc_main$13 = /* @__PURE__ */ defineComponent({
               ])
             ])), [
               [_directive_loading, loading.value]
-            ]) : (openBlock(), createElementBlock("div", _hoisted_24, [
+            ]) : (openBlock(), createElementBlock("div", _hoisted_24$1, [
               createVNode(_component_el_empty, { description: "\u6682\u65E0\u6570\u636E" })
             ])),
             (openBlock(), createBlock(_component_dk_form, {
@@ -4828,7 +4828,7 @@ const defaultConfig = [
 
 const styleInputProps = {
   /**
-   * 类型定义
+   * 引入组件
    */
   components: {
     default: () => {
@@ -4836,6 +4836,15 @@ const styleInputProps = {
     },
     type: Array
   },
+  /**
+   * 需要隐藏组件
+   */
+  hideComponents: {
+    default: () => {
+      return [];
+    },
+    type: Array
+  },
   modelValue: {
     default: () => {
       return {};
@@ -4870,10 +4879,14 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
       });
       emit("update:modelValue", obj);
     };
+    const _components = ref([]);
     const init = () => {
-      const components = props.components;
+      _components.value = props.components.filter((item) => {
+        console.log("item.name", item.name);
+        return !props.hideComponents.includes(item.name);
+      });
       const obj = {};
-      components.forEach((item) => {
+      _components.value.forEach((item) => {
         const params = item.params;
         const paramsObj = {};
         Object.keys(params).forEach((key) => {
@@ -4887,6 +4900,15 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
       values.value = obj;
       loading.value = false;
     };
+    watch(
+      () => props.modelValue,
+      () => {
+        init();
+      },
+      {
+        deep: true
+      }
+    );
     onMounted(() => {
       init();
     });
@@ -4903,7 +4925,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
-                renderList(props.components, (item, key) => {
+                renderList(_components.value, (item, key) => {
                   return openBlock(), createBlock(_component_el_collapse_item, {
                     key,
                     title: "",
@@ -5456,46 +5478,50 @@ const _hoisted_4$i = { class: "float-right cursor-pointer" };
 const _hoisted_5$d = { class: "name-header-operations" };
 const _hoisted_6$b = { class: "name-header-operations" };
 const _hoisted_7$b = { class: "name-header-operations" };
-const _hoisted_8$9 = ["title", "onDblclick"];
-const _hoisted_9$7 = ["onUpdate:modelValue", "onBlur"];
-const _hoisted_10$5 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
-const _hoisted_11$5 = /* @__PURE__ */ createElementVNode(
+const _hoisted_8$9 = ["title"];
+const _hoisted_9$7 = ["onMouseenter"];
+const _hoisted_10$5 = ["onUpdate:modelValue", "onBlur"];
+const _hoisted_11$5 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
+const _hoisted_12$4 = /* @__PURE__ */ createElementVNode(
   "div",
   { style: { "position": "absolute", "display": "none", "width": "100%", "height": "100%" } },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_12$4 = { class: "anchor-wrapper" };
-const _hoisted_13$3 = ["onMousedown"];
-const _hoisted_14$3 = /* @__PURE__ */ createElementVNode(
+const _hoisted_13$3 = { class: "anchor-wrapper" };
+const _hoisted_14$3 = ["onMousedown"];
+const _hoisted_15$2 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "title" },
   " \u5916\u8FB9\u8DDD ",
   -1
   /* HOISTED */
 );
-const _hoisted_15$2 = { class: "thumnail border" };
-const _hoisted_16$2 = ["title", "onDblclick"];
-const _hoisted_17$1 = ["onUpdate:modelValue", "onBlur"];
-const _hoisted_18 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
-const _hoisted_19 = { class: "anchor-wrapper" };
-const _hoisted_20 = ["onMousedown"];
-const _hoisted_21 = /* @__PURE__ */ createElementVNode(
+const _hoisted_16$2 = { class: "thumnail border" };
+const _hoisted_17$1 = ["title"];
+const _hoisted_18 = ["onMouseenter"];
+const _hoisted_19 = ["onUpdate:modelValue", "onBlur"];
+const _hoisted_20 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
+const _hoisted_21 = { class: "anchor-wrapper" };
+const _hoisted_22 = ["onMousedown"];
+const _hoisted_23 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "title" },
   " \u5185\u8FB9\u8DDD ",
   -1
   /* HOISTED */
 );
-const _hoisted_22 = { class: "title" };
-const _hoisted_23 = /* @__PURE__ */ createElementVNode(
+const _hoisted_24 = { class: "title" };
+const _hoisted_25 = { class: "content-unit left-0" };
+const _hoisted_26 = /* @__PURE__ */ createElementVNode(
   "span",
   null,
   " x ",
   -1
   /* HOISTED */
 );
+const _hoisted_27 = { class: "content-unit right-0" };
 const __default__$p = defineComponent({
   name: "DkStyleBoxInput"
 });
@@ -5852,9 +5878,12 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                         return openBlock(), createElementBlock("div", { key }, [
                           createElementVNode("span", {
                             title: item.title,
-                            class: normalizeClass(`anchor-tip-${item.position} value-indicator`),
-                            onDblclick: ($event) => onDblclick(item.value, key)
-                          }, toDisplayString(getValue(styles[item.value])), 43, _hoisted_8$9),
+                            class: normalizeClass(`anchor-tip-${item.position} value-indicator`)
+                          }, [
+                            createElementVNode("span", {
+                              onMouseenter: ($event) => onDblclick(item.value, key)
+                            }, toDisplayString(getValue(styles[item.value])), 41, _hoisted_9$7)
+                          ], 10, _hoisted_8$9),
                           withDirectives(createElementVNode("input", {
                             ref_for: true,
                             ref_key: "inputField",
@@ -5862,7 +5891,7 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                             "onUpdate:modelValue": ($event) => styles[item.value] = $event,
                             class: normalizeClass("input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")),
                             onBlur: ($event) => onBlur(item.value)
-                          }, null, 42, _hoisted_9$7), [
+                          }, null, 42, _hoisted_10$5), [
                             [vModelText, styles[item.value]]
                           ]),
                           (openBlock(), createElementBlock("svg", {
@@ -5874,15 +5903,15 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                             style: normalizeStyle(item.svg.style),
                             class: "esm-modal-svg",
                             innerHTML: item.svg.content
-                          }, null, 12, _hoisted_10$5))
+                          }, null, 12, _hoisted_11$5))
                         ]);
                       }),
                       128
                       /* KEYED_FRAGMENT */
                     ))
                   ]),
-                  _hoisted_11$5,
-                  createElementVNode("div", _hoisted_12$4, [
+                  _hoisted_12$4,
+                  createElementVNode("div", _hoisted_13$3, [
                     (openBlock(), createElementBlock(
                       Fragment,
                       null,
@@ -5893,16 +5922,16 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                           onMousemove: handleMouseMove,
                           onMousedown: ($event) => handleMouseDown("margin", item, $event),
                           onMouseup: handleMouseUp
-                        }, null, 42, _hoisted_13$3);
+                        }, null, 42, _hoisted_14$3);
                       }),
                       64
                       /* STABLE_FRAGMENT */
                     ))
                   ]),
-                  _hoisted_14$3,
+                  _hoisted_15$2,
                   createCommentVNode("\u5916\u8FB9\u8DDD Margin END"),
                   createCommentVNode("\u5185\u8FB9\u8DDD Padding"),
-                  createElementVNode("div", _hoisted_15$2, [
+                  createElementVNode("div", _hoisted_16$2, [
                     createElementVNode(
                       "div",
                       {
@@ -5919,9 +5948,12 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                               return openBlock(), createElementBlock("div", { key }, [
                                 createElementVNode("span", {
                                   title: item.title,
-                                  class: normalizeClass(`anchor-tip-${item.position} value-indicator`),
-                                  onDblclick: ($event) => onDblclick(item.value, key + 4)
-                                }, toDisplayString(getValue(styles[item.value])), 43, _hoisted_16$2),
+                                  class: normalizeClass(`anchor-tip-${item.position} value-indicator`)
+                                }, [
+                                  createElementVNode("span", {
+                                    onMouseenter: ($event) => onDblclick(item.value, key + 4)
+                                  }, toDisplayString(getValue(styles[item.value])), 41, _hoisted_18)
+                                ], 10, _hoisted_17$1),
                                 withDirectives(createElementVNode("input", {
                                   ref_for: true,
                                   ref_key: "inputField",
@@ -5929,7 +5961,7 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                                   "onUpdate:modelValue": ($event) => styles[item.value] = $event,
                                   class: normalizeClass("input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")),
                                   onBlur: ($event) => onBlur(item.value)
-                                }, null, 42, _hoisted_17$1), [
+                                }, null, 42, _hoisted_19), [
                                   [vModelText, styles[item.value]]
                                 ]),
                                 (openBlock(), createElementBlock("svg", {
@@ -5941,14 +5973,14 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                                   style: normalizeStyle(item.svg.style),
                                   class: "esm-modal-svg",
                                   innerHTML: item.svg.content
-                                }, null, 12, _hoisted_18))
+                                }, null, 12, _hoisted_20))
                               ]);
                             }),
                             128
                             /* KEYED_FRAGMENT */
                           ))
                         ]),
-                        createElementVNode("div", _hoisted_19, [
+                        createElementVNode("div", _hoisted_21, [
                           (openBlock(), createElementBlock(
                             Fragment,
                             null,
@@ -5959,13 +5991,13 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                                 onMousemove: handleMouseMove,
                                 onMousedown: ($event) => handleMouseDown("padding", item, $event),
                                 onMouseup: handleMouseUp
-                              }, null, 42, _hoisted_20);
+                              }, null, 42, _hoisted_22);
                             }),
                             64
                             /* STABLE_FRAGMENT */
                           ))
                         ]),
-                        _hoisted_21,
+                        _hoisted_23,
                         createCommentVNode("\u5185\u8FB9\u8DDD END"),
                         createElementVNode(
                           "div",
@@ -5975,17 +6007,18 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                             onMouseleave: _cache[10] || (_cache[10] = ($event) => onMouseMove("widthHeight", "leave", $event))
                           },
                           [
-                            createElementVNode("span", _hoisted_22, [
-                              createElementVNode(
-                                "span",
-                                {
-                                  class: "content-unit left-0",
-                                  onDblclick: _cache[3] || (_cache[3] = ($event) => onDblclick("width", 9))
-                                },
-                                toDisplayString(getValue(styles["width"])),
-                                33
-                                /* TEXT, HYDRATE_EVENTS */
-                              ),
+                            createElementVNode("span", _hoisted_24, [
+                              createElementVNode("span", _hoisted_25, [
+                                createElementVNode(
+                                  "em",
+                                  {
+                                    onMouseenter: _cache[3] || (_cache[3] = ($event) => onDblclick("width", 9))
+                                  },
+                                  toDisplayString(getValue(styles["width"])),
+                                  33
+                                  /* TEXT, HYDRATE_EVENTS */
+                                )
+                              ]),
                               withDirectives(createElementVNode(
                                 "input",
                                 {
@@ -6001,17 +6034,18 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
                               ), [
                                 [vModelText, styles.width]
                               ]),
-                              _hoisted_23,
-                              createElementVNode(
-                                "span",
-                                {
-                                  class: "content-unit right-0",
-                                  onDblclick: _cache[6] || (_cache[6] = ($event) => onDblclick("height", 9))
-                                },
-                                toDisplayString(getValue(styles["height"])),
-                                33
-                                /* TEXT, HYDRATE_EVENTS */
-                              ),
+                              _hoisted_26,
+                              createElementVNode("span", _hoisted_27, [
+                                createElementVNode(
+                                  "em",
+                                  {
+                                    onMouseenter: _cache[6] || (_cache[6] = ($event) => onDblclick("height", 9))
+                                  },
+                                  toDisplayString(getValue(styles["height"])),
+                                  33
+                                  /* TEXT, HYDRATE_EVENTS */
+                                )
+                              ]),
                               withDirectives(createElementVNode(
                                 "input",
                                 {

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "dk",
-  "version": "1.0.46",
+  "version": "1.0.47",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {

package/es/style-box-input/src/style-box-input.vue2.mjs

@@ -10,46 +10,50 @@ const _hoisted_4 = { class: "float-right cursor-pointer" };
 const _hoisted_5 = { class: "name-header-operations" };
 const _hoisted_6 = { class: "name-header-operations" };
 const _hoisted_7 = { class: "name-header-operations" };
-const _hoisted_8 = ["title", "onDblclick"];
-const _hoisted_9 = ["onUpdate:modelValue", "onBlur"];
-const _hoisted_10 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
-const _hoisted_11 = /* @__PURE__ */ createElementVNode(
+const _hoisted_8 = ["title"];
+const _hoisted_9 = ["onMouseenter"];
+const _hoisted_10 = ["onUpdate:modelValue", "onBlur"];
+const _hoisted_11 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
+const _hoisted_12 = /* @__PURE__ */ createElementVNode(
   "div",
   { style: { "position": "absolute", "display": "none", "width": "100%", "height": "100%" } },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_12 = { class: "anchor-wrapper" };
-const _hoisted_13 = ["onMousedown"];
-const _hoisted_14 = /* @__PURE__ */ createElementVNode(
+const _hoisted_13 = { class: "anchor-wrapper" };
+const _hoisted_14 = ["onMousedown"];
+const _hoisted_15 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "title" },
   " \u5916\u8FB9\u8DDD ",
   -1
   /* HOISTED */
 );
-const _hoisted_15 = { class: "thumnail border" };
-const _hoisted_16 = ["title", "onDblclick"];
-const _hoisted_17 = ["onUpdate:modelValue", "onBlur"];
-const _hoisted_18 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
-const _hoisted_19 = { class: "anchor-wrapper" };
-const _hoisted_20 = ["onMousedown"];
-const _hoisted_21 = /* @__PURE__ */ createElementVNode(
+const _hoisted_16 = { class: "thumnail border" };
+const _hoisted_17 = ["title"];
+const _hoisted_18 = ["onMouseenter"];
+const _hoisted_19 = ["onUpdate:modelValue", "onBlur"];
+const _hoisted_20 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
+const _hoisted_21 = { class: "anchor-wrapper" };
+const _hoisted_22 = ["onMousedown"];
+const _hoisted_23 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "title" },
   " \u5185\u8FB9\u8DDD ",
   -1
   /* HOISTED */
 );
-const _hoisted_22 = { class: "title" };
-const _hoisted_23 = /* @__PURE__ */ createElementVNode(
+const _hoisted_24 = { class: "title" };
+const _hoisted_25 = { class: "content-unit left-0" };
+const _hoisted_26 = /* @__PURE__ */ createElementVNode(
   "span",
   null,
   " x ",
   -1
   /* HOISTED */
 );
+const _hoisted_27 = { class: "content-unit right-0" };
 const __default__ = defineComponent({
   name: "DkStyleBoxInput"
 });
@@ -406,9 +410,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         return openBlock(), createElementBlock("div", { key }, [
                           createElementVNode("span", {
                             title: item.title,
-                            class: normalizeClass(`anchor-tip-${item.position} value-indicator`),
-                            onDblclick: ($event) => onDblclick(item.value, key)
-                          }, toDisplayString(getValue(styles[item.value])), 43, _hoisted_8),
+                            class: normalizeClass(`anchor-tip-${item.position} value-indicator`)
+                          }, [
+                            createElementVNode("span", {
+                              onMouseenter: ($event) => onDblclick(item.value, key)
+                            }, toDisplayString(getValue(styles[item.value])), 41, _hoisted_9)
+                          ], 10, _hoisted_8),
                           withDirectives(createElementVNode("input", {
                             ref_for: true,
                             ref_key: "inputField",
@@ -416,7 +423,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             "onUpdate:modelValue": ($event) => styles[item.value] = $event,
                             class: normalizeClass("input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")),
                             onBlur: ($event) => onBlur(item.value)
-                          }, null, 42, _hoisted_9), [
+                          }, null, 42, _hoisted_10), [
                             [vModelText, styles[item.value]]
                           ]),
                           (openBlock(), createElementBlock("svg", {
@@ -428,15 +435,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             style: normalizeStyle(item.svg.style),
                             class: "esm-modal-svg",
                             innerHTML: item.svg.content
-                          }, null, 12, _hoisted_10))
+                          }, null, 12, _hoisted_11))
                         ]);
                       }),
                       128
                       /* KEYED_FRAGMENT */
                     ))
                   ]),
-                  _hoisted_11,
-                  createElementVNode("div", _hoisted_12, [
+                  _hoisted_12,
+                  createElementVNode("div", _hoisted_13, [
                     (openBlock(), createElementBlock(
                       Fragment,
                       null,
@@ -447,16 +454,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           onMousemove: handleMouseMove,
                           onMousedown: ($event) => handleMouseDown("margin", item, $event),
                           onMouseup: handleMouseUp
-                        }, null, 42, _hoisted_13);
+                        }, null, 42, _hoisted_14);
                       }),
                       64
                       /* STABLE_FRAGMENT */
                     ))
                   ]),
-                  _hoisted_14,
+                  _hoisted_15,
                   createCommentVNode("\u5916\u8FB9\u8DDD Margin END"),
                   createCommentVNode("\u5185\u8FB9\u8DDD Padding"),
-                  createElementVNode("div", _hoisted_15, [
+                  createElementVNode("div", _hoisted_16, [
                     createElementVNode(
                       "div",
                       {
@@ -473,9 +480,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                               return openBlock(), createElementBlock("div", { key }, [
                                 createElementVNode("span", {
                                   title: item.title,
-                                  class: normalizeClass(`anchor-tip-${item.position} value-indicator`),
-                                  onDblclick: ($event) => onDblclick(item.value, key + 4)
-                                }, toDisplayString(getValue(styles[item.value])), 43, _hoisted_16),
+                                  class: normalizeClass(`anchor-tip-${item.position} value-indicator`)
+                                }, [
+                                  createElementVNode("span", {
+                                    onMouseenter: ($event) => onDblclick(item.value, key + 4)
+                                  }, toDisplayString(getValue(styles[item.value])), 41, _hoisted_18)
+                                ], 10, _hoisted_17),
                                 withDirectives(createElementVNode("input", {
                                   ref_for: true,
                                   ref_key: "inputField",
@@ -483,7 +493,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                   "onUpdate:modelValue": ($event) => styles[item.value] = $event,
                                   class: normalizeClass("input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")),
                                   onBlur: ($event) => onBlur(item.value)
-                                }, null, 42, _hoisted_17), [
+                                }, null, 42, _hoisted_19), [
                                   [vModelText, styles[item.value]]
                                 ]),
                                 (openBlock(), createElementBlock("svg", {
@@ -495,14 +505,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                   style: normalizeStyle(item.svg.style),
                                   class: "esm-modal-svg",
                                   innerHTML: item.svg.content
-                                }, null, 12, _hoisted_18))
+                                }, null, 12, _hoisted_20))
                               ]);
                             }),
                             128
                             /* KEYED_FRAGMENT */
                           ))
                         ]),
-                        createElementVNode("div", _hoisted_19, [
+                        createElementVNode("div", _hoisted_21, [
                           (openBlock(), createElementBlock(
                             Fragment,
                             null,
@@ -513,13 +523,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                                 onMousemove: handleMouseMove,
                                 onMousedown: ($event) => handleMouseDown("padding", item, $event),
                                 onMouseup: handleMouseUp
-                              }, null, 42, _hoisted_20);
+                              }, null, 42, _hoisted_22);
                             }),
                             64
                             /* STABLE_FRAGMENT */
                           ))
                         ]),
-                        _hoisted_21,
+                        _hoisted_23,
                         createCommentVNode("\u5185\u8FB9\u8DDD END"),
                         createElementVNode(
                           "div",
@@ -529,17 +539,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             onMouseleave: _cache[10] || (_cache[10] = ($event) => onMouseMove("widthHeight", "leave", $event))
                           },
                           [
-                            createElementVNode("span", _hoisted_22, [
-                              createElementVNode(
-                                "span",
-                                {
-                                  class: "content-unit left-0",
-                                  onDblclick: _cache[3] || (_cache[3] = ($event) => onDblclick("width", 9))
-                                },
-                                toDisplayString(getValue(styles["width"])),
-                                33
-                                /* TEXT, HYDRATE_EVENTS */
-                              ),
+                            createElementVNode("span", _hoisted_24, [
+                              createElementVNode("span", _hoisted_25, [
+                                createElementVNode(
+                                  "em",
+                                  {
+                                    onMouseenter: _cache[3] || (_cache[3] = ($event) => onDblclick("width", 9))
+                                  },
+                                  toDisplayString(getValue(styles["width"])),
+                                  33
+                                  /* TEXT, HYDRATE_EVENTS */
+                                )
+                              ]),
                               withDirectives(createElementVNode(
                                 "input",
                                 {
@@ -555,17 +566,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                               ), [
                                 [vModelText, styles.width]
                               ]),
-                              _hoisted_23,
-                              createElementVNode(
-                                "span",
-                                {
-                                  class: "content-unit right-0",
-                                  onDblclick: _cache[6] || (_cache[6] = ($event) => onDblclick("height", 9))
-                                },
-                                toDisplayString(getValue(styles["height"])),
-                                33
-                                /* TEXT, HYDRATE_EVENTS */
-                              ),
+                              _hoisted_26,
+                              createElementVNode("span", _hoisted_27, [
+                                createElementVNode(
+                                  "em",
+                                  {
+                                    onMouseenter: _cache[6] || (_cache[6] = ($event) => onDblclick("height", 9))
+                                  },
+                                  toDisplayString(getValue(styles["height"])),
+                                  33
+                                  /* TEXT, HYDRATE_EVENTS */
+                                )
+                              ]),
                               withDirectives(createElementVNode(
                                 "input",
                                 {