hzzt-plus 0.0.2 → 0.0.4

package/lib/components/tooltip/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var tooltip = require('./src/tooltip.js');
+var install = require('../../utils/vue/install.js');
+
+const HzztTooltip = install.withInstall(tooltip["default"]);
+
+exports.HzztTooltip = HzztTooltip;
+exports["default"] = HzztTooltip;
+//# sourceMappingURL=index.js.map

package/lib/components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":["withInstall","Tooltip"],"mappings":";;;;;;;;AAEY,MAAC,WAAW,GAAGA,mBAAW,CAACC,kBAAO;;;;;"}

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

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

package/lib/components/tooltip/src/instance.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=instance.js.map

package/lib/components/tooltip/src/instance.js.map

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

package/lib/components/tooltip/src/tooltip.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+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__ = vue.defineComponent({
+  name: "HzztTooltip"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    content: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["dblclick"],
+  setup(__props, { emit }) {
+    const attrs = vue.useAttrs();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(elementPlus.ElTooltip), vue.mergeProps({ effect: "dark" }, vue.unref(attrs)), {
+          content: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "content", {}, () => [
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.createElementVNode("pre", _hoisted_3, vue.toDisplayString(__props.content), 1)
+              ])
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("span", {
+              class: "hidden-part-words",
+              onDblclick: _cache[0] || (_cache[0] = (e) => emit("dblclick", e))
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 32)
+          ]),
+          _: 3
+        }, 16)
+      ]);
+    };
+  }
+});
+var Tooltip = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "tooltip.vue"]]);
+
+exports["default"] = Tooltip;
+//# sourceMappingURL=tooltip.js.map

package/lib/components/tooltip/src/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","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":["useAttrs"],"mappings":";;;;;;;;;;;uCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,aAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;AAWA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}