ss-component-new 1.1.76 → 1.1.78

package/dist/main-RfdttOpi.js

@@ -0,0 +1,288 @@
+import { ref as _, watch as V, createElementBlock as C, createCommentVNode as I, openBlock as f, Fragment as le, renderList as se, createElementVNode as O, createBlock as Z, toDisplayString as v, resolveDynamicComponent as ue, onMounted as ce, createVNode as A } from "vue";
+import { m as ie, a as me, b as de } from "./index-ClguzCrn.js";
+import { p as E, e as ye, g as fe, a as ge } from "./array-Dsurpc08.js";
+import { u as ee } from "./modelComp-B3sxj_Kp.js";
+import { s as te, u as he } from "./menu-BIINB-0Y.js";
+import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { c as k } from "./cloneDeep-MKlVykeI.js";
+const x = [
+  {
+    key: "FormName",
+    value: "Form"
+  },
+  {
+    key: "TableName",
+    value: "Table"
+  }
+], s = [
+  {
+    key: "FormDirect",
+    value: "formFlex"
+  },
+  {
+    key: "Form",
+    value: "formContent"
+  },
+  {
+    key: "FormButton",
+    value: "formButton"
+  },
+  {
+    key: "TableColumns",
+    value: "header"
+  },
+  {
+    key: "TableButton",
+    value: "extraButton"
+  },
+  {
+    key: "LineButton",
+    value: "rowButton"
+  },
+  {
+    key: "Table",
+    value: "tableContents"
+  },
+  {
+    key: "TableIndex",
+    value: "tableIndex"
+  }
+], ke = {
+  key: 0,
+  class: "show-content"
+}, _e = { class: "item-view-group" }, Ce = {
+  __name: "index",
+  props: {
+    content: String,
+    jsonContents: Array
+  },
+  emits: ["change"],
+  setup(F, { emit: B }) {
+    const e = F, $ = B, h = ee(E), { itemData: p } = te(h), b = _([]), w = _([]), L = (l) => {
+      $("change", {
+        wholeValue: b.value,
+        editValue: l
+      });
+    }, D = (l) => {
+      const g = k(b.value), S = g == null ? void 0 : g.map((c, j) => (j === (l == null ? void 0 : l.index) && (c.compData = l == null ? void 0 : l.contents), c));
+      b.value = S;
+    };
+    V(
+      () => p.value,
+      () => {
+        var l;
+        !p.value || ((l = p.value) == null ? void 0 : l.length) === 0 || (w.value = p.value, b.value = p.value);
+      },
+      { deep: !0, immediate: !0 }
+    ), V(
+      () => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
+      () => {
+        var g;
+        if (((g = e == null ? void 0 : e.jsonContents) == null ? void 0 : g.length) > 0) {
+          h.setOriginalData(e == null ? void 0 : e.jsonContents), h.setItemData(e == null ? void 0 : e.jsonContents);
+          return;
+        }
+        if (!(e != null && e.content) || (e == null ? void 0 : e.content) === "") return;
+        const l = ye(e == null ? void 0 : e.content);
+        h.setOriginalData(l), h.setItemData(l);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const N = (l) => fe(l);
+    return (l, g) => {
+      var S;
+      return ((S = w.value) == null ? void 0 : S.length) > 0 ? (f(), C("div", ke, [
+        (f(!0), C(le, null, se(w.value, (c, j) => (f(), C("div", {
+          class: "item-content",
+          key: j
+        }, [
+          O("div", _e, v(c.name), 1),
+          (f(), Z(ue(N(c.comp)), {
+            itemData: c == null ? void 0 : c.compData,
+            childItemData: c == null ? void 0 : c.itemChildData,
+            key: j,
+            onChange: L,
+            index: j,
+            onContentChange: D
+          }, null, 40, ["itemData", "childItemData", "index"]))
+        ]))), 128))
+      ])) : I("", !0);
+    };
+  }
+}, pe = /* @__PURE__ */ ne(Ce, [["__scopeId", "data-v-869e6e20"]]), be = { class: "add-model-content" }, we = {
+  key: 0,
+  class: "model-import-data"
+}, je = { class: "import-button" }, Se = { key: 0 }, xe = {
+  key: 1,
+  class: "model-operate"
+}, Oe = { class: "model-select" }, Ie = { class: "model-fill" }, Ne = {
+  key: 2,
+  class: "model-view ssComponent"
+}, Te = {
+  __name: "main",
+  props: {
+    mode: {
+      type: String,
+      default: "view"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    jsonContents: {
+      type: Array,
+      default: () => []
+    },
+    showButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["change"],
+  setup(F, { emit: B }) {
+    const e = F, $ = B, h = _(""), p = _([]), b = _(0), w = ee(E);
+    he(E);
+    const { itemData: L, originalData: D } = te(w), N = _(null), l = _(0), g = _(""), S = () => {
+      b.value = window.innerWidth;
+    }, c = async (o) => {
+      var u;
+      const a = (u = k(o == null ? void 0 : o.wholeValue)) == null ? void 0 : u.map((n) => {
+        var d;
+        return (n == null ? void 0 : n.comp) === "Form" && (n.compData = (d = n.compData) == null ? void 0 : d.map((y) => ((y == null ? void 0 : y.key) === "formContent" && (y.contents = ge(y == null ? void 0 : y.contents)), y))), n;
+      });
+      $("change", {
+        originalContents: D.value,
+        currentContents: o == null ? void 0 : o.wholeValue,
+        editContent: o == null ? void 0 : o.editValue,
+        stringContent: j(k(o == null ? void 0 : o.wholeValue)),
+        arrayToContents: a
+      });
+    }, j = (o) => {
+      var u;
+      let a = [];
+      return (u = k(o)) == null || u.forEach((n) => {
+        var d, y;
+        x != null && x.find((t) => (t == null ? void 0 : t.value) === (n == null ? void 0 : n.comp)) && a.push(((d = x == null ? void 0 : x.find((t) => (t == null ? void 0 : t.value) === (n == null ? void 0 : n.comp))) == null ? void 0 : d.key) + "=" + n.name + "/r/n"), (y = n == null ? void 0 : n.compData) == null || y.forEach((t) => {
+          var M, R, z, W, q, G, H, K, P, Q, U, X;
+          if (s != null && s.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key)))
+            if (!((M = t == null ? void 0 : t.contents) != null && M.length))
+              a.push(((R = s == null ? void 0 : s.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key))) == null ? void 0 : R.key) + "=" + (t.contents === !0 ? '""' : "Vertical") + "/r/n");
+            else {
+              let i = (z = t == null ? void 0 : t.contents) == null ? void 0 : z[0];
+              if (!i) return;
+              if (Object.keys(i).includes("label") && Object.keys(i).includes("key") && Object.keys(i).includes("width"))
+                if (((q = (W = t.contents) == null ? void 0 : W.filter((m) => m.width !== 1)) == null ? void 0 : q.length) === 0) {
+                  const m = (G = k(t == null ? void 0 : t.contents)) == null ? void 0 : G.map((r) => ({ [r.label]: r.value }));
+                  a.push(((H = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.value) === (t == null ? void 0 : t.key))) == null ? void 0 : H.key) + "=" + JSON.stringify(m) + "/r/n");
+                } else {
+                  let m = [];
+                  (K = k(t == null ? void 0 : t.contents)) == null || K.reduce((r, J) => {
+                    var Y;
+                    return r[J.label] = J.key, ((Y = Object.keys(k(r))) == null ? void 0 : Y.length) >= J.width && (m.push(k(r)), r = {}), r;
+                  }, {}), a.push(((P = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.value) === (t == null ? void 0 : t.key))) == null ? void 0 : P.key) + "=" + JSON.stringify(m) + "/r/n");
+                }
+              else if (Object.keys(i).includes("label")) {
+                const m = (Q = k(t == null ? void 0 : t.contents)) == null ? void 0 : Q.map((r) => r.label);
+                a.push(((U = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.value) === (t == null ? void 0 : t.key))) == null ? void 0 : U.key) + "=" + JSON.stringify(m) + "/r/n");
+              } else
+                a.push(((X = s == null ? void 0 : s.find((m) => (m == null ? void 0 : m.value) === (t == null ? void 0 : t.key))) == null ? void 0 : X.key) + "=" + JSON.stringify(t == null ? void 0 : t.contents) + "/r/n");
+            }
+        });
+      }), JSON.stringify(a);
+    }, T = _([]), ae = () => {
+      N.value.click();
+    }, oe = (o) => {
+      const a = o.target.files[0];
+      if (!a) return;
+      const u = new FileReader();
+      u.onload = (n) => {
+        try {
+          h.value = n.target.result, T.value = re(n.target.result), l.value++;
+        } catch (d) {
+          console.error("解析失败:", d);
+        }
+      }, u.onerror = (n) => {
+        console.error("文件读取错误:", n);
+      }, u.readAsText(a);
+    };
+    ce(() => {
+      window.addEventListener("resize", S);
+    }), V(
+      () => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
+      () => {
+        h.value = e == null ? void 0 : e.content, p.value = e == null ? void 0 : e.jsonContents;
+      },
+      { deep: !0, immediate: !0 }
+    ), V(
+      () => l.value,
+      () => {
+        var o;
+        ((o = T.value) == null ? void 0 : o.length) !== 0 && (w.setOriginalData(T.value), w.setItemData(T.value));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const re = (o) => {
+      let a = o.replace(/，/g, ",").replace(/；/g, ";").replace(/：/g, ":");
+      a = a.replace(/(\w+)\s*:/g, "$1:"), a = a.replace(/\r\n/g, "").replace(/\n/g, "").replace(/\t/g, "").replace(/\s+/g, " ").trim(), a = a.replace(/,\s*([}\]])/g, "$1"), a = a.replace(/:(\s*)([^"{}\[\],\s]+)(\s*)([,}])/g, ": $2$4");
+      try {
+        return JSON.parse(a);
+      } catch (u) {
+        try {
+          const d = new Function(`return ${a}`)();
+          if (Array.isArray(d) || typeof d == "object")
+            return d;
+          throw new Error(`解析结果不是有效的数组或对象: ${u}`);
+        } catch (n) {
+          throw new Error(`无法解析JSON: ${n.message}`);
+        }
+      }
+    };
+    return (o, a) => {
+      var u;
+      return f(), C("div", be, [
+        ((u = e == null ? void 0 : e.jsonContents) == null ? void 0 : u.length) === 0 ? (f(), C("div", we, [
+          O("div", je, [
+            O("input", {
+              type: "file",
+              ref_key: "fileInput",
+              ref: N,
+              accept: ".txt",
+              onChange: oe,
+              style: { display: "none" }
+            }, null, 544),
+            O("button", {
+              onClick: ae,
+              class: "import-button-content"
+            }, "导入文件"),
+            g.value ? (f(), C("span", Se, v(g.value), 1)) : I("", !0)
+          ])
+        ])) : I("", !0),
+        (e == null ? void 0 : e.mode) === "edit" ? (f(), C("div", xe, [
+          O("div", Oe, [
+            A(ie)
+          ]),
+          (f(), C("div", {
+            class: "model-show",
+            key: b.value
+          }, [
+            A(me)
+          ])),
+          O("div", Ie, [
+            A(de)
+          ])
+        ])) : I("", !0),
+        (e == null ? void 0 : e.mode) === "view" ? (f(), C("div", Ne, [
+          (f(), Z(pe, {
+            content: h.value,
+            onChange: c,
+            jsonContents: p.value,
+            key: b.value
+          }, null, 8, ["content", "jsonContents"]))
+        ])) : I("", !0)
+      ]);
+    };
+  }
+}, Ee = /* @__PURE__ */ ne(Te, [["__scopeId", "data-v-b25bde75"]]);
+export {
+  Ee as default
+};

package/dist/main-u6M32FUn.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),T=require("./index-CRm-Cd9v.cjs"),N=require("./array-DQ6meJk7.cjs"),Q=require("./modelComp-DAsVXKA0.cjs"),I=require("./menu-B_Az9K_F.cjs"),U=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),h=require("./cloneDeep-BH_aXSAH.cjs"),V=[{key:"FormName",value:"Form"},{key:"TableName",value:"Table"}],s=[{key:"FormDirect",value:"formFlex"},{key:"Form",value:"formContent"},{key:"FormButton",value:"formButton"},{key:"TableColumns",value:"header"},{key:"TableButton",value:"extraButton"},{key:"LineButton",value:"rowButton"},{key:"Table",value:"tableContents"},{key:"TableIndex",value:"tableIndex"}],v={key:0,class:"show-content"},ee={class:"item-view-group"},te={__name:"index",props:{content:String,jsonContents:Array},emits:["change"],setup(E,{emit:D}){const t=E,S=D,g=Q.useModelComp(N.pinia),{itemData:p}=I.storeToRefs(g),_=e.ref([]),C=e.ref([]),F=c=>{S("change",{wholeValue:_.value,editValue:c})},x=c=>{const k=h.cloneDeep(_.value),b=k==null?void 0:k.map((i,B)=>(B===(c==null?void 0:c.index)&&(i.compData=c==null?void 0:c.contents),i));_.value=b};e.watch(()=>p.value,()=>{var c;!p.value||((c=p.value)==null?void 0:c.length)===0||(C.value=p.value,_.value=p.value)},{deep:!0,immediate:!0}),e.watch(()=>[t==null?void 0:t.content,t==null?void 0:t.jsonContents],()=>{var k;if(((k=t==null?void 0:t.jsonContents)==null?void 0:k.length)>0){g.setOriginalData(t==null?void 0:t.jsonContents),g.setItemData(t==null?void 0:t.jsonContents);return}if(!(t!=null&&t.content)||(t==null?void 0:t.content)==="")return;const c=N.expandStringToJson(t==null?void 0:t.content);g.setOriginalData(c),g.setItemData(c)},{deep:!0,immediate:!0});const w=c=>N.getComponent(c);return(c,k)=>{var b;return((b=C.value)==null?void 0:b.length)>0?(e.openBlock(),e.createElementBlock("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(i,B)=>(e.openBlock(),e.createElementBlock("div",{class:"item-content",key:B},[e.createElementVNode("div",ee,e.toDisplayString(i.name),1),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w(i.comp)),{itemData:i==null?void 0:i.compData,childItemData:i==null?void 0:i.itemChildData,key:B,onChange:F,index:B,onContentChange:x},null,40,["itemData","childItemData","index"]))]))),128))])):e.createCommentVNode("",!0)}}},ne=U._export_sfc(te,[["__scopeId","data-v-869e6e20"]]),oe={class:"add-model-content"},ae={key:0,class:"model-import-data"},le={class:"import-button"},re={key:0},ce={key:1,class:"model-operate"},se={class:"model-select"},ue={class:"model-fill"},ie={key:2,class:"model-view ssComponent"},de={__name:"main",props:{mode:{type:String,default:"view"},content:{type:String,default:""},jsonContents:{type:Array,default:()=>[]},showButton:{type:Boolean,default:!0}},emits:["change"],setup(E,{emit:D}){const t=E,S=D,g=e.ref(""),p=e.ref([]),_=e.ref(0),C=Q.useModelComp(N.pinia);I.useMenuState(N.pinia);const{itemData:F,originalData:x}=I.storeToRefs(C),w=e.ref(null),c=e.ref(0),k=e.ref(""),b=()=>{_.value=window.innerWidth},i=async l=>{var u;const a=(u=h.cloneDeep(l==null?void 0:l.wholeValue))==null?void 0:u.map(o=>{var y;return(o==null?void 0:o.comp)==="Form"&&(o.compData=(y=o.compData)==null?void 0:y.map(f=>((f==null?void 0:f.key)==="formContent"&&(f.contents=N.arrayToNumberArray(f==null?void 0:f.contents)),f))),o});S("change",{originalContents:x.value,currentContents:l==null?void 0:l.wholeValue,editContent:l==null?void 0:l.editValue,stringContent:B(h.cloneDeep(l==null?void 0:l.wholeValue)),arrayToContents:a})},B=l=>{var u;let a=[];return(u=h.cloneDeep(l))==null||u.forEach(o=>{var y,f;V!=null&&V.find(n=>(n==null?void 0:n.value)===(o==null?void 0:o.comp))&&a.push(((y=V==null?void 0:V.find(n=>(n==null?void 0:n.value)===(o==null?void 0:o.comp)))==null?void 0:y.key)+"="+o.name+"/r/n"),(f=o==null?void 0:o.compData)==null||f.forEach(n=>{var $,J,A,q,M,R,L,z,W,H,P,G;if(s!=null&&s.find(d=>(d==null?void 0:d.value)===(n==null?void 0:n.key)))if(!(($=n==null?void 0:n.contents)!=null&&$.length))a.push(((J=s==null?void 0:s.find(d=>(d==null?void 0:d.value)===(n==null?void 0:n.key)))==null?void 0:J.key)+"="+(n.contents===!0?'""':"Vertical")+"/r/n");else{let d=(A=n==null?void 0:n.contents)==null?void 0:A[0];if(!d)return;if(Object.keys(d).includes("label")&&Object.keys(d).includes("key")&&Object.keys(d).includes("width"))if(((M=(q=n.contents)==null?void 0:q.filter(m=>m.width!==1))==null?void 0:M.length)===0){const m=(R=h.cloneDeep(n==null?void 0:n.contents))==null?void 0:R.map(r=>({[r.label]:r.value}));a.push(((L=s==null?void 0:s.find(r=>(r==null?void 0:r.value)===(n==null?void 0:n.key)))==null?void 0:L.key)+"="+JSON.stringify(m)+"/r/n")}else{let m=[];(z=h.cloneDeep(n==null?void 0:n.contents))==null||z.reduce((r,O)=>{var K;return r[O.label]=O.key,((K=Object.keys(h.cloneDeep(r)))==null?void 0:K.length)>=O.width&&(m.push(h.cloneDeep(r)),r={}),r},{}),a.push(((W=s==null?void 0:s.find(r=>(r==null?void 0:r.value)===(n==null?void 0:n.key)))==null?void 0:W.key)+"="+JSON.stringify(m)+"/r/n")}else if(Object.keys(d).includes("label")){const m=(H=h.cloneDeep(n==null?void 0:n.contents))==null?void 0:H.map(r=>r.label);a.push(((P=s==null?void 0:s.find(r=>(r==null?void 0:r.value)===(n==null?void 0:n.key)))==null?void 0:P.key)+"="+JSON.stringify(m)+"/r/n")}else a.push(((G=s==null?void 0:s.find(m=>(m==null?void 0:m.value)===(n==null?void 0:n.key)))==null?void 0:G.key)+"="+JSON.stringify(n==null?void 0:n.contents)+"/r/n")}})}),JSON.stringify(a)},j=e.ref([]),X=()=>{w.value.click()},Y=l=>{const a=l.target.files[0];if(!a)return;const u=new FileReader;u.onload=o=>{try{g.value=o.target.result,j.value=Z(o.target.result),c.value++}catch(y){console.error("解析失败:",y)}},u.onerror=o=>{console.error("文件读取错误:",o)},u.readAsText(a)};e.onMounted(()=>{window.addEventListener("resize",b)}),e.watch(()=>[t==null?void 0:t.content,t==null?void 0:t.jsonContents],()=>{g.value=t==null?void 0:t.content,p.value=t==null?void 0:t.jsonContents},{deep:!0,immediate:!0}),e.watch(()=>c.value,()=>{var l;((l=j.value)==null?void 0:l.length)!==0&&(C.setOriginalData(j.value),C.setItemData(j.value))},{deep:!0,immediate:!0});const Z=l=>{let a=l.replace(/，/g,",").replace(/；/g,";").replace(/：/g,":");a=a.replace(/(\w+)\s*:/g,"$1:"),a=a.replace(/\r\n/g,"").replace(/\n/g,"").replace(/\t/g,"").replace(/\s+/g," ").trim(),a=a.replace(/,\s*([}\]])/g,"$1"),a=a.replace(/:(\s*)([^"{}\[\],\s]+)(\s*)([,}])/g,": $2$4");try{return JSON.parse(a)}catch(u){try{const y=new Function(`return ${a}`)();if(Array.isArray(y)||typeof y=="object")return y;throw new Error(`解析结果不是有效的数组或对象: ${u}`)}catch(o){throw new Error(`无法解析JSON: ${o.message}`)}}};return(l,a)=>{var u;return e.openBlock(),e.createElementBlock("div",oe,[((u=t==null?void 0:t.jsonContents)==null?void 0:u.length)===0?(e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("div",le,[e.createElementVNode("input",{type:"file",ref_key:"fileInput",ref:w,accept:".txt",onChange:Y,style:{display:"none"}},null,544),e.createElementVNode("button",{onClick:X,class:"import-button-content"},"导入文件"),k.value?(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(k.value),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),(t==null?void 0:t.mode)==="edit"?(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",se,[e.createVNode(T.modelSelect)]),(e.openBlock(),e.createElementBlock("div",{class:"model-show",key:_.value},[e.createVNode(T.modelShow)])),e.createElementVNode("div",ue,[e.createVNode(T.modelFill)])])):e.createCommentVNode("",!0),(t==null?void 0:t.mode)==="view"?(e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(),e.createBlock(ne,{content:g.value,onChange:i,jsonContents:p.value,key:_.value},null,8,["content","jsonContents"]))])):e.createCommentVNode("",!0)])}}},me=U._export_sfc(de,[["__scopeId","data-v-b25bde75"]]);exports.default=me;