hzzt-plus 0.0.2 → 0.0.3

package/es/components/tooltip/index.mjs

@@ -0,0 +1,8 @@
+import '../../utils/index.mjs';
+import Tooltip from './src/tooltip.mjs';
+import { withInstall } from '../../utils/vue/install.mjs';
+
+const HzztTooltip = withInstall(Tooltip);
+
+export { HzztTooltip, HzztTooltip as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/tooltip/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tooltip/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Tooltip from './src/tooltip.vue'\n\nexport const HzztTooltip = withInstall(Tooltip)\nexport default HzztTooltip\n\nexport type { TooltipInstance } from './src/instance'\n"],"names":[],"mappings":";;;;AAEY,MAAC,WAAW,GAAG,WAAW,CAAC,OAAO;;;;"}

package/es/components/tooltip/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Tooltip from './tooltip.vue';
+export declare type TooltipInstance = InstanceType<typeof Tooltip>;

package/es/components/tooltip/src/instance.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=instance.mjs.map

package/es/components/tooltip/src/instance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/tooltip/src/tooltip.mjs

@@ -0,0 +1,49 @@
+import { defineComponent, useAttrs, openBlock, createElementBlock, createVNode, unref, mergeProps, withCtx, renderSlot, createElementVNode, toDisplayString } from 'vue';
+import { ElTooltip } from 'element-plus';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { class: "flex align-content-center" };
+const _hoisted_2 = { style: { "max-width": "300px" } };
+const _hoisted_3 = { style: { "padding": "0", "margin": "0", "word-break": "break-all", "white-space": "pre-wrap" } };
+const __default__ = defineComponent({
+  name: "HzztTooltip"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    content: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["dblclick"],
+  setup(__props, { emit }) {
+    const attrs = useAttrs();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElTooltip), mergeProps({ effect: "dark" }, unref(attrs)), {
+          content: withCtx(() => [
+            renderSlot(_ctx.$slots, "content", {}, () => [
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("pre", _hoisted_3, toDisplayString(__props.content), 1)
+              ])
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("span", {
+              class: "hidden-part-words",
+              onDblclick: _cache[0] || (_cache[0] = (e) => emit("dblclick", e))
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 32)
+          ]),
+          _: 3
+        }, 16)
+      ]);
+    };
+  }
+});
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "tooltip.vue"]]);
+
+export { Tooltip as default };
+//# sourceMappingURL=tooltip.mjs.map

package/es/components/tooltip/src/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <div class=\"flex align-content-center\">\n    <el-tooltip effect=\"dark\" v-bind=\"attrs\">\n      <template #content>\n        <slot name=\"content\">\n          <div style=\"max-width: 300px\">\n            <pre\n              style=\"\n                padding: 0;\n                margin: 0;\n                word-break: break-all;\n                white-space: pre-wrap;\n              \"\n              >{{ content }}</pre\n            >\n          </div>\n        </slot>\n      </template>\n      <template #default>\n        <span class=\"hidden-part-words\" @dblclick=\"(e) => emit('dblclick', e)\"\n          ><slot\n        /></span>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs } from 'vue'\nimport { ElTooltip } from 'element-plus'\n\ndefineOptions({\n  name: 'HzztTooltip',\n})\n\ndefineProps({\n  content: {\n    type: String,\n    default: '',\n  },\n})\n\nconst emit = defineEmits(['dblclick'])\n\nconst attrs = useAttrs()\n</script>\n"],"names":[],"mappings":";;;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;AAWA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}