npm - iking-template-inset - Versions diffs - 0.0.1 → 0.0.3 - Mend

iking-template-inset 0.0.1 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/ikingtemplateinset.es.js +86 -0
package/dist/ikingtemplateinset.umd.js +1 -0
package/dist/style.css +1 -1
package/package.json +1 -1
package/dist/IkingTemplateInset.es.js +0 -80
package/dist/IkingTemplateInset.umd.js +0 -1

package/dist/ikingtemplateinset.es.js ADDED Viewed

@@ -0,0 +1,86 @@
+import { defineComponent as b, ref as r, watch as k, openBlock as c, createElementBlock as u, normalizeClass as h, createElementVNode as v, Fragment as _, renderList as $, renderSlot as I, createTextVNode as N, toDisplayString as S, withKeys as T, withModifiers as w, nextTick as x } from "vue";
+const C = { class: "left-template-tag" }, L = ["onClick"], V = /* @__PURE__ */ b({
+  __name: "App",
+  props: {
+    modelVlaue: {
+      type: String,
+      default: ""
+    },
+    height: { type: Number, default: 300 },
+    width: { type: Number, default: 600 },
+    tagList: {
+      type: Array,
+      default: () => []
+    },
+    class: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelVlaue"],
+  setup(s, { emit: d }) {
+    const o = s, l = r(-1), i = r(), p = () => {
+      const e = document.getSelection();
+      l.value = e != null && e.baseNode ? e != null && e.baseOffset ? e == null ? void 0 : e.baseOffset : 0 : -1;
+    }, t = r(""), f = r("");
+    k(t, (e) => {
+      d("update:modelVlaue", e);
+    });
+    const y = (e) => {
+      const n = document.getSelection();
+      p(), x(() => {
+        t.value = e.target.innerHTML, f.value = n.baseNode.data;
+      });
+    }, g = (e) => {
+      const n = `\u3010${e.label}\${${e.value}}\u3011`;
+      if (l.value === -1)
+        t.value = `${t.value}${n}`;
+      else if (l.value === 0)
+        t.value = `${n}${t.value}`;
+      else {
+        const a = t.value;
+        t.value = a.substring(0, l.value) + n + a.substring(l.value);
+      }
+      i.value.innerHTML = t.value;
+    };
+    return (e, n) => (c(), u("div", {
+      class: h(`msg-template ${o.class}`)
+    }, [
+      v("div", C, [
+        (c(!0), u(_, null, $(s.tagList, (a, m) => (c(), u("div", {
+          onClick: (D) => g(a),
+          key: m
+        }, [
+          e.$slots.item ? I(e.$slots, "item", {
+            key: 0,
+            item: { ...a, index: m }
+          }, void 0, !0) : (c(), u(_, { key: 1 }, [
+            N(S(a.label), 1)
+          ], 64))
+        ], 8, L))), 128))
+      ]),
+      v("div", {
+        ref_key: "insetDom",
+        ref: i,
+        class: "right-template",
+        contenteditable: "",
+        onKeydown: n[0] || (n[0] = T(w(() => {
+        }, ["prevent"]), ["enter"])),
+        onKeyup: y,
+        onClick: p
+      }, null, 544)
+    ], 2));
+  }
+});
+const A = (s, d) => {
+  const o = s.__vccOpts || s;
+  for (const [l, i] of d)
+    o[l] = i;
+  return o;
+}, K = /* @__PURE__ */ A(V, [["__scopeId", "data-v-fd1bc07f"]]), O = (s) => {
+  s.component("IkingTemplateInset", K);
+};
+export {
+  K as default,
+  O as install
+};

package/dist/ikingtemplateinset.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- .__templeate_param_tag{display:inline-block;padding:2px;background:#dfdfdf;font-size:13px;border-radius:4px;margin-right:2px}.msg-template[data-v-~~18f96dd0~~]{display:flex}.msg-template>div[data-v-~~18f96dd0~~]{flex:1;border:1px solid #9d9393;border-radius:4px;padding:8px~~;margin-right:16px~~}.msg-template .left-template-tag[data-v-~~18f96dd0~~]{display:flex;flex-wrap:wrap}.msg-template .left-template-tag div[data-v-~~18f96dd0~~]{cursor:pointer;user-select:none;padding:3px 8px;margin:3px 1px 3px 3px;width:100px;border-radius:4px;background:#edebeb}.msg-template .right-template[data-v-~~18f96dd0~~]{counter-increment:true}.msg-template .right-template[data-v-~~18f96dd0~~]:focus-visible{outline:none}
1	+ .__templeate_param_tag{display:inline-block;padding:2px;background:#dfdfdf;font-size:13px;border-radius:4px;margin-right:2px}.msg-template[data-v-fd1bc07f]{display:flex;width:100%;margin-bottom:8px}.msg-template>div[data-v-fd1bc07f]{flex:1;border:1px solid #9d9393;border-radius:4px;padding:8px}.msg-template .left-template-tag[data-v-fd1bc07f]{display:flex;flex-wrap:wrap;margin-right:16px}.msg-template .left-template-tag div[data-v-fd1bc07f]{cursor:pointer;user-select:none;padding:3px 8px;margin:3px 1px 3px 3px;width:100px;border-radius:4px;background:#edebeb}.msg-template .right-template[data-v-fd1bc07f]{counter-increment:true}.msg-template .right-template[data-v-fd1bc07f]:focus-visible{outline:none}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "iking-template-inset",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "./dist/ikingtemplateinset.umd.js",
   "module": "./dist/ikingtemplateinset.es.js",
   "author": "金合研究院",

package/dist/IkingTemplateInset.es.js DELETED Viewed

@@ -1,80 +0,0 @@
-import { defineComponent as g, ref as r, watch as k, openBlock as u, createElementBlock as c, createElementVNode as _, Fragment as m, renderList as h, renderSlot as b, createTextVNode as $, toDisplayString as I, withKeys as N, withModifiers as T, nextTick as w } from "vue";
-const x = { class: "msg-template" }, L = { class: "left-template-tag" }, S = ["onClick"], V = /* @__PURE__ */ g({
-  __name: "App",
-  props: {
-    modelVlaue: {
-      type: String,
-      default: ""
-    },
-    height: { type: Number, default: 300 },
-    width: { type: Number, default: 600 },
-    tagList: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["update:modelVlaue"],
-  setup(o, { emit: d }) {
-    const n = r(-1), a = r(), i = () => {
-      const e = document.getSelection();
-      n.value = e != null && e.baseNode ? e != null && e.baseOffset ? e == null ? void 0 : e.baseOffset : 0 : -1;
-    }, t = r(""), v = r("");
-    k(t, (e) => {
-      d("update:modelVlaue", e);
-    });
-    const f = (e) => {
-      const s = document.getSelection();
-      i(), w(() => {
-        t.value = e.target.innerHTML, v.value = s.baseNode.data;
-      });
-    }, y = (e) => {
-      const s = `\u3010${e.label}\${${e.value}}\u3011`;
-      if (n.value === -1)
-        t.value = `${t.value}${s}`;
-      else if (n.value === 0)
-        t.value = `${s}${t.value}`;
-      else {
-        const l = t.value;
-        t.value = l.substring(0, n.value) + s + l.substring(n.value);
-      }
-      a.value.innerHTML = t.value;
-    };
-    return (e, s) => (u(), c("div", x, [
-      _("div", L, [
-        (u(!0), c(m, null, h(o.tagList, (l, p) => (u(), c("div", {
-          onClick: (K) => y(l),
-          key: p
-        }, [
-          e.$slots.item ? b(e.$slots, "item", {
-            key: 0,
-            item: { ...l, index: p }
-          }, void 0, !0) : (u(), c(m, { key: 1 }, [
-            $(I(l.label), 1)
-          ], 64))
-        ], 8, S))), 128))
-      ]),
-      _("div", {
-        ref_key: "insetDom",
-        ref: a,
-        class: "right-template",
-        contenteditable: "",
-        onKeydown: s[0] || (s[0] = N(T(() => {
-        }, ["prevent"]), ["enter"])),
-        onKeyup: f,
-        onClick: i
-      }, null, 544)
-    ]));
-  }
-});
-const A = (o, d) => {
-  const n = o.__vccOpts || o;
-  for (const [a, i] of d)
-    n[a] = i;
-  return n;
-}, C = /* @__PURE__ */ A(V, [["__scopeId", "data-v-18f96dd0"]]), M = (o) => {
-  o.component("IkingTemplateInset", C);
-};
-export {
-  C as default,
-  M as install
-};

package/dist/IkingTemplateInset.umd.js DELETED Viewed

@@ -1 +0,0 @@

- (function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.IkingTemplateInset={},o.Vue))})(this,function(o,e){"use strict";const f={class:"msg-template"},m={class:"left-template-tag"},_=["onClick"],y=e.defineComponent({__name:"App",props:{modelVlaue:{type:String,default:""},height:{type:Number,default:300},width:{type:Number,default:600},tagList:{type:Array,default:()=>[]}},emits:["update:modelVlaue"],setup(a,{emit:d}){const l=e.ref(-1),c=e.ref(),r=()=>{const t=document.getSelection();l.value=t!=null&&t.baseNode?t!=null&&t.baseOffset?t==null?void 0:t.baseOffset:0:-1},n=e.ref(""),g=e.ref("");e.watch(n,t=>{d("update:modelVlaue",t)});const h=t=>{const s=document.getSelection();r(),e.nextTick(()=>{n.value=t.target.innerHTML,g.value=s.baseNode.data})},b=t=>{const s=`\u3010${t.label}\${${t.value}}\u3011`;if(l.value===-1)n.value=`${n.value}${s}`;else if(l.value===0)n.value=`${s}${n.value}`;else{const i=n.value;n.value=i.substring(0,l.value)+s+i.substring(l.value)}c.value.innerHTML=n.value};return(t,s)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.tagList,(i,u)=>(e.openBlock(),e.createElementBlock("div",{onClick:I=>b(i),key:u},[t.$slots.item?e.renderSlot(t.$slots,"item",{key:0,item:{...i,index:u}},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(i.label),1)],64))],8,_))),128))]),e.createElementVNode("div",{ref_key:"insetDom",ref:c,class:"right-template",contenteditable:"",onKeydown:s[0]||(s[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["enter"])),onKeyup:h,onClick:r},null,544)]))}}),v="",T="",p=((a,d)=>{const l=a.__vccOpts||a;for(const[c,r]of d)l[c]=r;return l})(y,[["__scopeId","data-v-18f96dd0"]]),k=a=>{a.component("IkingTemplateInset",p)};o.default=p,o.install=k,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});