qmw-form-design 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur

package/lib/cascaderWidget-C4dPsqu5.js

@@ -0,0 +1,35 @@
+import { computed as n, onMounted as d, createElementBlock as i, openBlock as o, Fragment as r, createElementVNode as s, normalizeStyle as a, toDisplayString as y } from "vue";
+const p = {
+  __name: "cascaderWidget",
+  props: {
+    //组件对象
+    widget: {
+      type: Object,
+      default: () => ({})
+    },
+    style: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(t) {
+    const e = t, c = n(() => {
+      let l = { ...e.style };
+      return e.style && e.style.width && e.style.width != "" || (l.width = "100px"), l;
+    });
+    return d(() => {
+    }), (l, u) => (o(), i(r, null, [
+      s("label", {
+        style: a(t.widget.labelStyle),
+        class: "widget-label"
+      }, y(t.widget.config.label), 5),
+      s("select", {
+        style: a(c.value),
+        disabled: ""
+      }, null, 4)
+    ], 64));
+  }
+};
+export {
+  p as default
+};

package/lib/cascaderWidget-CZXbv3tO.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n={__name:"cascaderWidget",props:{widget:{type:Object,default:()=>({})},style:{type:Object,default:()=>({})}},setup(l){const t=l,c=e.computed(()=>{let a={...t.style};return t.style&&t.style.width&&t.style.width!=""||(a.width="100px"),a});return e.onMounted(()=>{}),(a,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("label",{style:e.normalizeStyle(l.widget.labelStyle),class:"widget-label"},e.toDisplayString(l.widget.config.label),5),e.createElementVNode("select",{style:e.normalizeStyle(c.value),disabled:""},null,4)],64))}};exports.default=n;

package/lib/checkboxWidget-BaFz4odQ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n={__name:"checkboxWidget",props:{widget:{type:Object,default:()=>({})},style:{type:Object,default:()=>({})}},setup(t){return e.onMounted(()=>{}),(c,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("label",{style:e.normalizeStyle(t.widget.labelStyle),class:"widget-label"},e.toDisplayString(t.widget.config.label),5),e.createElementVNode("span",null,[l[0]||(l[0]=e.createElementVNode("input",{type:"checkbox",id:"checkbox",value:"checkbox",disabled:""},null,-1)),e.createElementVNode("label",{for:"checkbox",style:e.normalizeStyle(t.style)},"复选框",4)])],64))}};exports.default=n;

package/lib/checkboxWidget-CU0seXqA.js

@@ -0,0 +1,39 @@
+import { onMounted as c, createElementBlock as n, openBlock as o, Fragment as i, createElementVNode as e, normalizeStyle as a, toDisplayString as b } from "vue";
+const s = {
+  __name: "checkboxWidget",
+  props: {
+    //组件对象
+    widget: {
+      type: Object,
+      default: () => ({})
+    },
+    style: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(t) {
+    return c(() => {
+    }), (d, l) => (o(), n(i, null, [
+      e("label", {
+        style: a(t.widget.labelStyle),
+        class: "widget-label"
+      }, b(t.widget.config.label), 5),
+      e("span", null, [
+        l[0] || (l[0] = e("input", {
+          type: "checkbox",
+          id: "checkbox",
+          value: "checkbox",
+          disabled: ""
+        }, null, -1)),
+        e("label", {
+          for: "checkbox",
+          style: a(t.style)
+        }, "复选框", 4)
+      ])
+    ], 64));
+  }
+};
+export {
+  s as default
+};

package/lib/datetimeWidget-BRI1k9lz.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l={__name:"datetimeWidget",props:{widget:{type:Object,default:()=>({})},style:{type:Object,default:()=>({})}},setup(t){return e.onMounted(()=>{}),(a,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("label",{style:e.normalizeStyle(t.widget.labelStyle),class:"widget-label"},e.toDisplayString(t.widget.config.label),5),e.createElementVNode("input",{style:e.normalizeStyle(t.style),disabled:"",type:"date"},null,4)],64))}};exports.default=l;

package/lib/datetimeWidget-DXuUUSdH.js

@@ -0,0 +1,32 @@
+import { onMounted as a, createElementBlock as n, openBlock as d, Fragment as i, createElementVNode as t, normalizeStyle as l, toDisplayString as c } from "vue";
+const u = {
+  __name: "datetimeWidget",
+  props: {
+    //组件对象
+    widget: {
+      type: Object,
+      default: () => ({})
+    },
+    style: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(e) {
+    return a(() => {
+    }), (o, r) => (d(), n(i, null, [
+      t("label", {
+        style: l(e.widget.labelStyle),
+        class: "widget-label"
+      }, c(e.widget.config.label), 5),
+      t("input", {
+        style: l(e.style),
+        disabled: "",
+        type: "date"
+      }, null, 4)
+    ], 64));
+  }
+};
+export {
+  u as default
+};

package/lib/dyTableWidget-B9g29K4R.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./formDesign-B7SQJxxh.cjs"),a={style:{"min-height":"60px",border:"1px solid #e8eaec","border-style":"dashed","border-radius":"4px"}},c=["onClick"],u={__name:"dyTableWidget",props:e.mergeModels({style:{type:Object,default:()=>({})}},{widget:{},widgetModifiers:{}}),emits:["update:widget"],setup(r){const l=e.useModel(r,"widget"),n=window.$formDesignerStore;return e.onMounted(()=>{}),(m,o)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(r.style),class:"dyTable-widget"},[e.createElementVNode("div",{style:e.normalizeStyle(l.value.labelStyle)},e.toDisplayString(l.value.config.label),5),e.createElementVNode("div",a,[e.createVNode(e.unref(i.lo),{modelValue:l.value.children,"onUpdate:modelValue":o[0]||(o[0]=t=>l.value.children=t),animation:"150",group:"formContainer",onAdd:o[1]||(o[1]=t=>{e.unref(n).addWidget(t,l.value.children,l.value)}),onEnd:e.unref(n).saveHistoryStep,style:{"min-height":"30px"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value.children,(t,d)=>(e.openBlock(),e.createElementBlock("div",{key:t.type,onClick:e.withModifiers(s=>{e.unref(n).onClickFormWidget(s,t)},["stop"]),class:e.normalizeClass(["widget-div",e.unref(n).setAreaClass(t)])},[e.createVNode(i._sfc_main,{widget:t},null,8,["widget"]),e.createVNode(i._sfc_main$1,{widget:t,widgetList:t.children,widgetIndex:d,pWidget:t},null,8,["widget","widgetList","widgetIndex","pWidget"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.widgetType),{widget:t,style:e.normalizeStyle(t.style)},null,8,["widget","style"]))],10,c))),128))]),_:1},8,["modelValue","onEnd"])])],4))}};exports.default=u;

package/lib/dyTableWidget-gQzE59m3.js

@@ -0,0 +1,66 @@
+import { mergeModels as g, useModel as p, onMounted as y, createElementBlock as n, openBlock as o, normalizeStyle as s, createElementVNode as u, toDisplayString as f, createVNode as r, unref as l, withCtx as v, Fragment as w, renderList as h, normalizeClass as _, withModifiers as x, createBlock as b, resolveDynamicComponent as C } from "vue";
+import { l as k, _ as S, a as M } from "./formDesign-DTFgobCL.js";
+const V = { style: { "min-height": "60px", border: "1px solid #e8eaec", "border-style": "dashed", "border-radius": "4px" } }, W = ["onClick"], L = {
+  __name: "dyTableWidget",
+  props: /* @__PURE__ */ g({
+    style: {
+      type: Object,
+      default: () => ({})
+    }
+  }, {
+    widget: {},
+    widgetModifiers: {}
+  }),
+  emits: ["update:widget"],
+  setup(a) {
+    const t = p(a, "widget"), i = window.$formDesignerStore;
+    return y(() => {
+    }), (D, d) => (o(), n("div", {
+      style: s(a.style),
+      class: "dyTable-widget"
+    }, [
+      u("div", {
+        style: s(t.value.labelStyle)
+      }, f(t.value.config.label), 5),
+      u("div", V, [
+        r(l(k), {
+          modelValue: t.value.children,
+          "onUpdate:modelValue": d[0] || (d[0] = (e) => t.value.children = e),
+          animation: "150",
+          group: "formContainer",
+          onAdd: d[1] || (d[1] = (e) => {
+            l(i).addWidget(e, t.value.children, t.value);
+          }),
+          onEnd: l(i).saveHistoryStep,
+          style: { "min-height": "30px" }
+        }, {
+          default: v(() => [
+            (o(!0), n(w, null, h(t.value.children, (e, m) => (o(), n("div", {
+              key: e.type,
+              onClick: x((c) => {
+                l(i).onClickFormWidget(c, e);
+              }, ["stop"]),
+              class: _(["widget-div", l(i).setAreaClass(e)])
+            }, [
+              r(S, { widget: e }, null, 8, ["widget"]),
+              r(M, {
+                widget: e,
+                widgetList: e.children,
+                widgetIndex: m,
+                pWidget: e
+              }, null, 8, ["widget", "widgetList", "widgetIndex", "pWidget"]),
+              (o(), b(C(e.widgetType), {
+                widget: e,
+                style: s(e.style)
+              }, null, 8, ["widget", "style"]))
+            ], 10, W))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "onEnd"])
+      ])
+    ], 4));
+  }
+};
+export {
+  L as default
+};