hzzt-kfb-slide 0.0.1

package/dist/components/tailorBB_gVLzK.js

@@ -0,0 +1,40 @@
+import { defineComponent as c, mergeDefaults as p, createElementBlock as f, openBlock as u, createVNode as t, createElementVNode as d, unref as o, withCtx as z, normalizeClass as _, toDisplayString as C } from "vue";
+import { ElIcon as k } from "element-plus";
+import x from "./tailor0e5PmiKv.js";
+import { d as h } from "./indexDvexHnyj.js";
+import { u as b } from "./useCommonDK4IjSxd.js";
+const D = /* @__PURE__ */ c({
+  name: "ToolTailor",
+  __name: "tailor",
+  props: /* @__PURE__ */ p({
+    size: {},
+    text: {},
+    name: {},
+    component: {},
+    isPrevent: { type: Boolean },
+    callback: { type: Function }
+  }, h),
+  emits: ["tool"],
+  setup(n, { emit: r }) {
+    const s = n, a = r, { t: i, textClass: l } = b(s), m = () => {
+      a("tool", "tailor", !0);
+    };
+    return (e, v) => (u(), f("div", {
+      class: "hzzt-kfb-toolbox__icon",
+      onClick: m
+    }, [
+      t(o(k), { size: e.size }, {
+        default: z(() => [
+          t(x)
+        ]),
+        _: 1
+      }, 8, ["size"]),
+      d("div", {
+        class: _(o(l))
+      }, C(o(i)(e.text || "截图")), 3)
+    ]));
+  }
+});
+export {
+  D as default
+};

package/dist/components/tailorCeILe_eG.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("element-plus"),u=require("./tailorA3InL_3L.js"),m=require("./indexNnjbVZ_m.js"),d=require("./useCommon_CFgwTZy.js"),p=e.defineComponent({name:"ToolTailor",__name:"tailor",props:e.mergeDefaults({size:{},text:{},name:{},component:{},isPrevent:{type:Boolean},callback:{type:Function}},m.defaultProps),emits:["tool"],setup(o,{emit:n}){const r=o,s=n,{t:l,textClass:i}=d.useCommon(r),a=()=>{s("tool","tailor",!0)};return(t,f)=>(e.openBlock(),e.createElementBlock("div",{class:"hzzt-kfb-toolbox__icon",onClick:a},[e.createVNode(e.unref(c.ElIcon),{size:t.size},{default:e.withCtx(()=>[e.createVNode(u.default)]),_:1},8,["size"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i))},e.toDisplayString(e.unref(l)(t.text||"截图")),3)]))}});exports.default=p;

package/dist/components/useCommonDK4IjSxd.js

@@ -0,0 +1,17 @@
+import { inject as n, computed as u } from "vue";
+import { u as l } from "./indexDvexHnyj.js";
+function x(o) {
+  const t = n("show-text", {
+    value: !0
+  }), { t: e } = l(), s = u(
+    () => t.value ? "hzzt-kfb-toolbox__text" : "hzzt-kfb-toolbox__tooltip"
+  );
+  return console.log(o.text), {
+    showText: t,
+    t: e,
+    textClass: s
+  };
+}
+export {
+  x as u
+};

package/dist/components/useCommon_CFgwTZy.js

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),u=require("./indexNnjbVZ_m.js");function c(e){const t=o.inject("show-text",{value:!0}),{t:s}=u.useLocalI18n(),n=o.computed(()=>t.value?"hzzt-kfb-toolbox__text":"hzzt-kfb-toolbox__tooltip");return console.log(e.text),{showText:t,t:s,textClass:n}}exports.useCommon=c;

package/dist/components/zoomCOaNFEUh.js

@@ -0,0 +1,63 @@
+import { defineComponent as b, inject as z, ref as p, watch as x, createElementBlock as r, openBlock as m, createElementVNode as s, Fragment as k, renderList as f, toDisplayString as g, createVNode as v, unref as N, withKeys as y } from "vue";
+import { ElInput as h } from "element-plus";
+import { _ as V } from "./indexDvexHnyj.js";
+const w = { class: "hzzt-kfb-toolbox-zoom" }, $ = ["data-index", "onClick"], C = { class: "hzzt-kfb-toolbox__text" }, E = { class: "hzzt-kfb-toolbox-zoom__button" }, B = /* @__PURE__ */ b({
+  name: "ToolZoom",
+  __name: "zoom",
+  emits: ["tool"],
+  setup(I, { emit: u }) {
+    var c;
+    const d = u, e = z("kfbViewRef"), i = [
+      {
+        scaleNum: 2,
+        style: "background-color: rgba(0, 0, 0, 0.5)"
+      },
+      {
+        scaleNum: 4,
+        style: "background-color: rgba(0, 0, 0, 0.6)"
+      },
+      {
+        scaleNum: 10,
+        style: "background-color: rgba(0, 0, 0, 0.7)"
+      },
+      {
+        scaleNum: 20,
+        style: "background-color: rgba(0, 0, 0, 0.8)"
+      },
+      {
+        scaleNum: 40,
+        style: "background-color: rgba(0, 0, 0, 0.8)"
+      }
+    ], l = p(`${((c = e == null ? void 0 : e.value) == null ? void 0 : c.zoom) ?? "0x"}`);
+    x(() => {
+      var o;
+      return (o = e == null ? void 0 : e.value) == null ? void 0 : o.zoom;
+    }, (o) => {
+      l.value = `${o}x`;
+    });
+    function n(o) {
+      d("tool", "zoom", o);
+    }
+    return (o, a) => (m(), r("div", w, [
+      (m(), r(k, null, f(i, (t, _) => s("div", {
+        key: _,
+        class: "hzzt-kfb-toolbox__icon",
+        "data-index": t.scaleNum,
+        onClick: (K) => n(t.scaleNum)
+      }, [
+        s("span", C, g(t.scaleNum) + "x", 1)
+      ], 8, $)), 64)),
+      s("div", E, [
+        v(N(h), {
+          modelValue: l.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => l.value = t),
+          class: "hzzt-kfb-toolbox-zoom__input",
+          onKeydown: a[1] || (a[1] = y((t) => n(Number(l.value.replace("x", ""))), ["enter"]))
+        }, null, 8, ["modelValue"])
+      ])
+    ]));
+  }
+}), D = /* @__PURE__ */ V(B, [["__scopeId", "data-v-8e4cdfee"]]);
+export {
+  D as default
+};

package/dist/components/zoomD7pWi-kc.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("element-plus"),_=require("./indexNnjbVZ_m.js"),b={class:"hzzt-kfb-toolbox-zoom"},z=["data-index","onClick"],k={class:"hzzt-kfb-toolbox__text"},p={class:"hzzt-kfb-toolbox-zoom__button"},x=e.defineComponent({name:"ToolZoom",__name:"zoom",emits:["tool"],setup(v,{emit:r}){var s;const u=r,t=e.inject("kfbViewRef"),m=[{scaleNum:2,style:"background-color: rgba(0, 0, 0, 0.5)"},{scaleNum:4,style:"background-color: rgba(0, 0, 0, 0.6)"},{scaleNum:10,style:"background-color: rgba(0, 0, 0, 0.7)"},{scaleNum:20,style:"background-color: rgba(0, 0, 0, 0.8)"},{scaleNum:40,style:"background-color: rgba(0, 0, 0, 0.8)"}],n=e.ref(`${((s=t==null?void 0:t.value)==null?void 0:s.zoom)??"0x"}`);e.watch(()=>{var o;return(o=t==null?void 0:t.value)==null?void 0:o.zoom},o=>{n.value=`${o}x`});function c(o){u("tool","zoom",o)}return(o,a)=>(e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(m,(l,d)=>e.createElementVNode("div",{key:d,class:"hzzt-kfb-toolbox__icon","data-index":l.scaleNum,onClick:N=>c(l.scaleNum)},[e.createElementVNode("span",k,e.toDisplayString(l.scaleNum)+"x",1)],8,z)),64)),e.createElementVNode("div",p,[e.createVNode(e.unref(i.ElInput),{modelValue:n.value,"onUpdate:modelValue":a[0]||(a[0]=l=>n.value=l),class:"hzzt-kfb-toolbox-zoom__input",onKeydown:a[1]||(a[1]=e.withKeys(l=>c(Number(n.value.replace("x",""))),["enter"]))},null,8,["modelValue"])])]))}}),g=_._export_sfc(x,[["__scopeId","data-v-8e4cdfee"]]);exports.default=g;

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components/indexNnjbVZ_m.js");exports.HzztKfbSlide=e._sfc_main;exports.HzztKfbToolbox=e._sfc_main$2;exports.HzztKfbView=e._sfc_main$1;exports.default=e.index;

package/dist/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";.hzzt-kfb-tool-config{--hzzt-kfb-tool-config-title-font-size: 20px;--hzzt-kfb-tool-config-title-color: #000000;--hzzt-kfb-tool-config-font-size: 14px;--hzzt-kfb-tool-config-color: #000000;--hzzt-kfb-tool-config-icon-color: #ffffff;--hzzt-kfb-tool-config-icon-background-color: #000000;--hzzt-kfb-tool-config-block-background-color: #ffffff;font-size:var(--hzzt-kfb-tool-config-font-size);color:var(--hzzt-kfb-tool-config-color)}.hzzt-kfb-tool-config__title{font-size:var(--hzzt-kfb-tool-config-title-font-size);color:var(--hzzt-kfb-tool-config-title-color)}.hzzt-kfb-tool-config__icon{width:48px;height:48px;border-radius:100%;color:var(--hzzt-kfb-tool-config-icon-color);background-color:var(--hzzt-kfb-tool-config-icon-background-color)}.hzzt-kfb-tool-config__block{width:240px;padding:8px;margin-bottom:8px;background-color:var(--hzzt-kfb-tool-config-block-background-color);border:var(--el-border)}.hzzt-kfb-toolbox{--hzzt-kfb-toolbox-padding: 8px 0;--hzzt-kfb-toolbox-font-size: 12px;--hzzt-kfb-toolbox-background-color: #fff;--hzzt-kfb-toolbox-icon-width: 40px;--hzzt-kfb-toolbox-icon-color: #000000;--hzzt-kfb-toolbox-icon-hover-color: #FFFFFF;--hzzt-kfb-toolbox-icon-hover-background-color: #424D68;--hzzt-kfb-toolbox-tooltip-color: #FFFFFF;--hzzt-kfb-toolbox-tooltip-background-color: #0655C3;--hzzt-kfb-toolbox-text-color: #000000;--hzzt-kfb-toolbox-text-hover-color: #FFFFFF;display:flex;align-items:center;justify-content:space-between;background-color:var(--hzzt-kfb-toolbox-background-color);padding:var(--hzzt-kfb-toolbox-padding);font-size:var(--hzzt-kfb-toolbox-font-size);position:relative;border-bottom:1px solid var(--hzzt-border-color, #DCDCDC);width:100%}.hzzt-kfb-toolbox__component{display:flex;flex:1;align-items:center;justify-content:center}.hzzt-kfb-toolbox__icon{min-width:var(--hzzt-kfb-toolbox-icon-width);color:var(--hzzt-kfb-toolbox-icon-color);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;margin:0 4px}.hzzt-kfb-toolbox__icon:hover{color:var(--hzzt-kfb-toolbox-icon-hover-color);background:var(--hzzt-kfb-toolbox-icon-hover-background-color);border-radius:4px}.hzzt-kfb-toolbox__icon:hover .hzzt-kfb-toolbox__tooltip{display:flex}.hzzt-kfb-toolbox__icon:hover .hzzt-kfb-toolbox__text{color:var(--hzzt-kfb-toolbox-text-hover-color)}.hzzt-kfb-toolbox__tooltip{align-items:center;justify-content:center;background-color:var(--hzzt-kfb-toolbox-tooltip-background-color);position:absolute;color:var(--hzzt-kfb-toolbox-tooltip-color);padding:2px 4px;border-radius:4px;top:30px;display:none;white-space:nowrap;z-index:9999}.hzzt-kfb-toolbox__text{color:var(--hzzt-kfb-toolbox-text-color)}.hzzt-kfb-toolbox__line{--hzzt-kfb-toolbox-line-color: #A8ABB2;margin:0 8px;width:1px;height:20px;background:var(--hzzt-kfb-toolbox-line-color)}.hzzt-kfb-toolbox-rotate__angle .el-input-number{width:120PX}.hzzt-kfb-toolbox-rotate__btn{--hzzt-kfb-toolbox-rotate-btn-backgroud-color: #3B55BF;cursor:pointer;width:10px;height:10px;background:var(--hzzt-kfb-toolbox-rotate-btn-backgroud-color);z-index:2}.hzzt-kfb-toolbox-rotate__container{width:64px;height:64px}.hzzt-kfb-toolbox-rotate__img{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;height:100%}.hzzt-kfb-toolbox-zoom{display:flex;--hzzt-kfb-toolbox-zoom-backgroud-color: #F3F3F4}.hzzt-kfb-toolbox-zoom__button{font-size:16px;line-height:16px;margin-left:2px;height:32px;background:var(--hzzt-kfb-toolbox-zoom-backgroud-color);border-radius:4px;border:1px solid #DCDDE1}.hzzt-kfb-toolbox-zoom__input{width:60px;height:30px;--el-input-bg-color: getCssVarNoName($B, "backgroud-color");--el-input-text-color: #000;--el-input-border: none}.hzzt-kfb-toolbox-zoom__input .el-input__wrapper{box-shadow:none}.hzzt-kfb-toolbox-zoom__input .el-input__wrapper .el-input__inner{font-size:16px;font-weight:600}.el-popover-padding-0{--el-popover-padding: 0 }.hzzt-kfb-menu[data-v-b5a78a7b]{position:absolute;display:none;background:#fff;box-shadow:var(--el-box-shadow);border-radius:var(--el-border-radius-base);padding:8px 0;font-size:14px}.hzzt-kfb-menu .hzzt-kfb-menu-item[data-v-b5a78a7b]{min-width:200px;display:flex;align-items:center;justify-content:space-between;padding:6px 16px;position:relative;cursor:pointer;line-height:1}.hzzt-kfb-menu .hzzt-kfb-menu-item[data-v-b5a78a7b]:hover{background:var(--el-color-info-light-8)}.hzzt-kfb-menu .hzzt-kfb-menu-item:hover .hzzt-kfb-sub-menu[data-v-b5a78a7b]{display:block}.hzzt-kfb-menu .hzzt-kfb-menu-item .hzzt-kfb-sub-menu[data-v-b5a78a7b]{position:absolute;display:none;left:0;top:0;transform:translate(200px);box-shadow:var(--el-box-shadow);border-radius:var(--el-border-radius-base);padding:8px 0;background:#fff}.hzzt-kfb-menu .hzzt-kfb-menu-item .hzzt-kfb-sub-menu .hzzt-kfb-menu-item[data-v-b5a78a7b],.hzzt-kfb-menu[data-v-b5a78a7b] .el-cascader-menu{min-width:auto}.hzzt-kfb-menu[data-v-b5a78a7b] .el-cascader-menu .el-cascader-node__label{display:flex;align-items:center;padding:0 16px 0 8px}.hzzt-kfb-menu[data-v-b5a78a7b] .el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap{height:auto}.hzzt-kfb-microscope[data-v-ec08882c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hzzt-kfb-microscope .hzzt-kfb-microscope__container[data-v-ec08882c]{border:2px dashed red;border-radius:50%;min-width:24px;min-height:24px}.hzzt-kfb-microscope .hzzt-kfb-microscope__top[data-v-ec08882c]{width:18px;height:18px;position:absolute;top:-20px;left:50%;cursor:pointer;transform:translate(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__bottom[data-v-ec08882c]{width:18px;height:18px;position:absolute;bottom:-20px;left:50%;cursor:pointer;transform:translate(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__left[data-v-ec08882c]{width:18px;height:18px;position:absolute;left:-20px;top:50%;cursor:pointer;transform:translateY(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__right[data-v-ec08882c]{width:18px;height:18px;position:absolute;right:-20px;top:50%;cursor:pointer;transform:translateY(-50%);pointer-events:auto}.hzzt-kfb-view{position:relative}.hzzt-kfb-view__main{width:100%;height:100%}.hzzt-kfb-view__filter{position:absolute}.hzzt-kfb-view__hotmap{position:absolute;left:0;top:0;height:100%;width:2px;color:red;background:red;z-index:9999}.hzzt-kfb-view__hotmap .icon-caret-left{position:absolute;top:50%;left:-22px;color:red;font-size:30px;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.hzzt-kfb-view__hotmap .icon-caret-right{position:absolute;top:50%;left:-7px;color:red;font-size:30px;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.hzzt-kfb-img-triangle-left:after{content:"";position:absolute;left:-10px;top:50%;transform:translate(-50%);width:0;height:0;border:10px solid transparent;border-right-color:#000c}.hzzt-kfb-slides[data-v-e993b21b]{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:auto;border-right:2px solid #DCDCDC}.hzzt-kfb-slides__row[data-v-e993b21b]{align-items:center;display:flex;flex:1;flex-direction:column;overflow:hidden;min-height:0;padding:0 8px;font-size:14px}.hzzt-kfb-slides__top[data-v-e993b21b]{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%;font-size:14px;margin:4px 0;color:#000}.hzzt-kfb-slides__top .text-primary[data-v-e993b21b]{color:var(--el-color-primary)}.hzzt-kfb-slides__box[data-v-e993b21b]{border:1px solid #DCDDE1;border-radius:5px;background-color:#f2f3ff;cursor:pointer;width:100%;padding:6px;margin-bottom:8px;position:relative;overflow:hidden}.hzzt-kfb-slides__box--active[data-v-e993b21b]{border:2px solid #366EF4}.hzzt-kfb-slides__gallery[data-v-e993b21b]{display:flex;position:relative;overflow:hidden;border-radius:4px}.hzzt-kfb-slides__img[data-v-e993b21b]{width:90px}.hzzt-kfb-slides__read[data-v-e993b21b]{position:absolute;top:6px;z-index:2;left:6px;width:32px;height:16px;background:var(--el-color-danger);color:#fff;border-radius:999px;text-align:center;line-height:16px;font-size:12px}.hzzt-kfb-slides__header[data-v-e993b21b]{display:flex;align-items:center;font-size:12px;height:30px}.hzzt-kfb-slides__text[data-v-e993b21b]{font-size:12px;width:100%}.hzzt-kfb-slides .w-10\%[data-v-e993b21b]{width:10%}.hzzt-kfb-slides .w-20\%[data-v-e993b21b]{width:20%}.hzzt-kfb-slides .w-30\%[data-v-e993b21b]{width:30%}.hzzt-kfb-slides .w-40\%[data-v-e993b21b]{width:40%}.hzzt-kfb-ai{--hzzt-kfb-ai-background-color: #fff;--hzzt-kfb-ai-font-size: 14px;--hzzt-kfb-ai-img-width: 100px;--hzzt-kfb-ai-height-width: 100px;background-color:var(--hzzt-kfb-ai-background-color);font-size:var(--hzzt-kfb-ai-font-size);box-sizing:border-box;display:flex;flex-direction:column;height:100%}.hzzt-kfb-ai__img{border:2px solid var(--el-border-color);border-radius:3px;cursor:pointer;margin-bottom:4px;margin-right:4px;width:calc(var(--hzzt-kfb-ai-img-width) + 4px)}.hzzt-kfb-ai__img--active{border-color:var(--el-color-primary)}.hzzt-kfb-ai__img img{display:block;height:var(--hzzt-kfb-ai-img-height);object-fit:contain;overflow:hidden;width:var(--hzzt-kfb-ai-img-width)}.label-sub-title{border-top:1px solid #eee;font-size:14px;font-weight:700}.hzzt-kfb-slide{width:100%;height:100%;display:flex;flex-direction:column}.hzzt-kfb-slide .hzzt-kfb-view{height:100%;width:100%;overflow:hidden}.hzzt-kfb-slide .hzzt-kfb-view-screen-active{box-shadow:0 4px 10px #00000080;border:2px solid var(--el-color-primary)!important}.el-card[data-v-471a2ecc],.el-card[data-v-a0497817],.el-card[data-v-e2d9f6c1]{border:none;--el-card-padding: 12px}.hzzt-kfb-toolbox-dot__box[data-v-e2d9f6c1]{width:24px;height:24px;border-radius:4px;margin:0 4px;cursor:pointer}.hzzt-kfb-toolbox-dot__box[data-v-e2d9f6c1]:hover{opacity:.8}.hzzt-kfb-toolbox-annotate-img[data-v-55085851]{cursor:pointer;padding:4px;width:40px;height:40px}.hzzt-kfb-toolbox-annotate-img[data-v-55085851]:hover{background:#84b5ff}.el-card[data-v-55085851],.el-card[data-v-8859e97b],.el-card[data-v-af2f9405]{border:none;--el-card-padding: 12px}.el-card[data-v-6778505d]{border:none}.hzzt-kfb-toolbox__icon[data-v-8e4cdfee]{font-size:16px;font-weight:600;margin:0;line-height:1}.el-card[data-v-5e120452]{border:none;--el-card-padding: 12px}

package/dist/index.es.js

@@ -0,0 +1,7 @@
+import { k as a, n as f, m as t, o as b } from "./components/indexDvexHnyj.js";
+export {
+  a as HzztKfbSlide,
+  f as HzztKfbToolbox,
+  t as HzztKfbView,
+  b as default
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "hzzt-kfb-slide",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "style": "./dist/index.css",
+  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && npm run build:types",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist/types --project tsconfig.lib.json",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "kfb-view": "^3.3.0",
+    "v-lazy-image": "^2.1.1",
+    "vue": "^3.4.35"
+  },
+  "peerDependencies": {
+    "element-plus": "^2.10.2",
+    "vue-i18n": "^11.1.7"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.3",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "axios": "^1.10.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "sass": "^1.89.2",
+    "splitpanes": "^4.0.4",
+    "typescript": "^5.5.3",
+    "vite": "^5.4.0",
+    "vue-tsc": "^2.0.29"
+  }
+}