@king-one/form-design 0.0.10 → 0.0.12

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.
package/CHANGELOG.md CHANGED
@@ -1,34 +1,16 @@
1
1
  # @king-one/form-design
2
2
 
3
- ## 0.0.10
3
+ ## 0.0.12
4
4
 
5
5
  ### Patch Changes
6
6
 
7
- - feaat:test
7
+ - test:测试
8
8
 
9
- ## 0.0.9
9
+ ## 0.0.11
10
10
 
11
11
  ### Patch Changes
12
12
 
13
- - feat:test
14
-
15
- ## 0.0.8
16
-
17
- ### Patch Changes
18
-
19
- - feat:test
20
-
21
- ## 0.0.7
22
-
23
- ### Patch Changes
24
-
25
- - test:测试一下
26
-
27
- ## 0.0.6
28
-
29
- ### Patch Changes
30
-
31
- - test:测试
13
+ - feat:测试
32
14
 
33
15
  ## 0.0.5
34
16
 
@@ -70,7 +70,7 @@ const G = { class: "widget-group-name" }, K = { class: "widget-col" }, L = { cla
70
70
  value: "2"
71
71
  }, {
72
72
  default: c(() => t[3] || (t[3] = [
73
- v(" 流程模版 ")
73
+ v(" 组件模版 ")
74
74
  ])),
75
75
  _: 1,
76
76
  __: [3]
@@ -1,57 +1,53 @@
1
- import { defineComponent as V, useTemplateRef as $, ref as R, toRaw as z, openBlock as g, createElementBlock as _, normalizeClass as r, unref as e, createElementVNode as o, createVNode as n, withCtx as a, createCommentVNode as d, renderSlot as h, withDirectives as v, vShow as k } from "vue";
1
+ import { defineComponent as E, ref as F, toRaw as V, openBlock as _, createElementBlock as g, normalizeClass as i, unref as e, createElementVNode as o, createVNode as n, withCtx as a, createCommentVNode as m, renderSlot as h, withDirectives as v, vShow as k } from "vue";
2
2
  import "../internal.mjs";
3
- import { Tooltip as C, Form as j } from "ant-design-vue";
4
- import B from "vuedraggable";
5
- import { useInjectDragContext as J, useInjectDesignContext as M } from "../context/design.mjs";
3
+ import { Tooltip as C, Form as z } from "ant-design-vue";
4
+ import R from "vuedraggable";
5
+ import { useInjectDragContext as T, useInjectDesignContext as j } from "../context/design.mjs";
6
6
  import "./panel/panel-item.vue2.mjs";
7
7
  import "./index.mjs";
8
- import { useMonaco as O } from "../hooks/use-monaco.mjs";
9
- import { useNamespace as P } from "../hooks/use-namespace/index.mjs";
8
+ import { useNamespace as B } from "../hooks/use-namespace/index.mjs";
10
9
  import b from "./form-icon.vue2.mjs";
11
- import q from "./panel/panel-item.vue.mjs";
12
- const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel" }, K = {
10
+ import J from "./panel/panel-item.vue.mjs";
11
+ const O = { class: "left" }, P = { class: "right" }, q = { class: "content-panel" }, A = {
13
12
  key: 0,
14
13
  class: "prompt"
15
- }, L = { class: "form-item" }, Q = {
14
+ }, G = { class: "form-item" }, H = {
16
15
  ref: "contentEditorTel",
17
16
  class: "content-editor"
18
- }, re = /* @__PURE__ */ V({
17
+ }, oe = /* @__PURE__ */ E({
19
18
  name: "FormPanel",
20
19
  __name: "form-panel",
21
- setup(U) {
22
- const S = $("contentEditorTel"), { isDrag: w } = J(), { setEditorValue: x } = O(S), i = R(!1), c = M(), { fields: m } = c;
23
- function E() {
24
- x(c.getFormSchema()).then(() => {
25
- i.value = !i.value;
26
- });
20
+ setup(K) {
21
+ const { isDrag: w } = T(), d = F(!1), c = j(), { fields: r } = c;
22
+ function x() {
27
23
  }
28
- function y() {
24
+ function S() {
29
25
  }
30
- const { b: D, e: f, em: p } = P("panel");
31
- function F() {
26
+ const { b: y, e: f, em: p } = B("panel");
27
+ function D() {
32
28
  const { shared: s } = c, { key: t } = s.draggedContext;
33
29
  return t !== "";
34
30
  }
35
31
  function I(s, t) {
36
- const l = z(s), { oldIndex: N } = t, u = l[N];
32
+ const l = V(s), { oldIndex: N } = t, u = l[N];
37
33
  if (u) {
38
- const { shared: T } = c;
39
- T.draggedContext.key = u.key;
34
+ const { shared: $ } = c;
35
+ $.draggedContext.key = u.key;
40
36
  }
41
37
  }
42
- return (s, t) => (g(), _(
38
+ return (s, t) => (_(), g(
43
39
  "div",
44
40
  {
45
- class: r(e(D)())
41
+ class: i(e(y)())
46
42
  },
47
43
  [
48
44
  o(
49
45
  "div",
50
46
  {
51
- class: r(e(f)("toolbar"))
47
+ class: i(e(f)("toolbar"))
52
48
  },
53
49
  [
54
- o("div", A, [
50
+ o("div", O, [
55
51
  n(e(C), { placement: "bottom" }, {
56
52
  title: a(() => t[1] || (t[1] = [
57
53
  o(
@@ -65,9 +61,9 @@ const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
65
61
  default: a(() => [
66
62
  n(e(b), {
67
63
  name: "delete1",
68
- class: r(e(p)("toolbar", "icon")),
64
+ class: i(e(p)("toolbar", "icon")),
69
65
  size: 18,
70
- onClick: y
66
+ onClick: S
71
67
  }, null, 8, ["class"])
72
68
  ]),
73
69
  _: 1
@@ -86,58 +82,58 @@ const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
86
82
  default: a(() => [
87
83
  n(e(b), {
88
84
  name: "code",
89
- class: r(e(p)("toolbar", "icon")),
85
+ class: i(e(p)("toolbar", "icon")),
90
86
  size: 18,
91
- onClick: E
87
+ onClick: x
92
88
  }, null, 8, ["class"])
93
89
  ]),
94
90
  _: 1
95
91
  /* STABLE */
96
92
  }),
97
- d(` <FormIcon name="desktop" />
93
+ m(` <FormIcon name="desktop" />
98
94
  <FormIcon name="mobile" /> `)
99
95
  ]),
100
- o("div", G, [
96
+ o("div", P, [
101
97
  h(s.$slots, "toolbar")
102
98
  ])
103
99
  ],
104
100
  2
105
101
  /* CLASS */
106
102
  ),
107
- d(' ref="contentTelRef" '),
103
+ m(' ref="contentTelRef" '),
108
104
  o(
109
105
  "div",
110
106
  {
111
- class: r(e(f)("content"))
107
+ class: i(e(f)("content"))
112
108
  },
113
109
  [
114
110
  v(o(
115
111
  "div",
116
- H,
112
+ q,
117
113
  [
118
- !e(w) && e(m).length === 0 ? (g(), _("div", K, " 👈 请在左侧选择控件并拖至此处 ")) : d("v-if", !0),
119
- n(e(j), {
114
+ !e(w) && e(r).length === 0 ? (_(), g("div", A, " 👈 请在左侧选择控件并拖至此处 ")) : m("v-if", !0),
115
+ n(e(z), {
120
116
  autocomplete: "off",
121
117
  class: "design-from",
122
118
  "label-align": "left"
123
119
  }, {
124
120
  default: a(() => [
125
- n(e(B), {
121
+ n(e(R), {
126
122
  class: "drag-from",
127
- list: e(m),
128
- group: { name: "form", put: F },
123
+ list: e(r),
124
+ group: { name: "form", put: D },
129
125
  animation: 300,
130
126
  sort: !0,
131
127
  "item-key": "id",
132
128
  "chosen-class": "choose",
133
- onStart: t[0] || (t[0] = (l) => I(e(m), l))
129
+ onStart: t[0] || (t[0] = (l) => I(e(r), l))
134
130
  }, {
135
131
  item: a(({ element: l }) => [
136
- o("div", L, [
132
+ o("div", G, [
137
133
  h(s.$slots, `panel-${l.key}`, {}, () => [
138
- n(q, {
134
+ n(J, {
139
135
  field: l,
140
- space: e(m)
136
+ space: e(r)
141
137
  }, null, 8, ["field", "space"])
142
138
  ])
143
139
  ])
@@ -153,16 +149,16 @@ const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
153
149
  512
154
150
  /* NEED_PATCH */
155
151
  ), [
156
- [k, !i.value]
152
+ [k, !d.value]
157
153
  ]),
158
154
  v(o(
159
155
  "div",
160
- Q,
156
+ H,
161
157
  null,
162
158
  512
163
159
  /* NEED_PATCH */
164
160
  ), [
165
- [k, i.value]
161
+ [k, d.value]
166
162
  ])
167
163
  ],
168
164
  2
@@ -175,5 +171,5 @@ const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
175
171
  }
176
172
  });
177
173
  export {
178
- re as default
174
+ oe as default
179
175
  };
@@ -1,4 +1,4 @@
1
- import { FormDesign as o } from "./Design.mjs";
1
+ import { FormDesign as o } from "./design.mjs";
2
2
  const m = (e) => new o(e);
3
3
  export {
4
4
  m as CreateFormDesign
@@ -1,27 +1,20 @@
1
- import * as n from "monaco-editor/esm/vs/editor/editor.api";
2
- import "monaco-editor/esm/vs/editor/contrib/folding/browser/folding.js";
1
+ import * as a from "monaco-editor/esm/vs/editor/editor.api";
3
2
  import "monaco-editor/esm/vs/language/json/monaco.contribution";
4
- import { onMounted as a } from "vue";
5
- import l from "monaco-editor/esm/vs/language/json/json.worker?worker";
6
- function m(r) {
7
- window.MonacoEnvironment = {
8
- getWorker() {
9
- return new l();
10
- }
11
- };
3
+ import "monaco-editor/esm/vs/editor/contrib/folding/browser/folding.js";
4
+ import { onMounted as l } from "vue";
5
+ function s(r) {
12
6
  let e = null;
13
7
  const o = async (t) => {
14
8
  e && e.setValue(JSON.stringify(t, null, 2));
15
9
  };
16
- return a(() => {
17
- r.value && (e = n.editor.create(r.value, {
10
+ return l(() => {
11
+ r.value && (e = a.editor.create(r.value, {
18
12
  value: "",
19
13
  readOnly: !0,
20
14
  automaticLayout: !0,
21
15
  scrollbar: {
22
16
  verticalScrollbarSize: 5
23
17
  },
24
- folding: !0,
25
18
  theme: "vs",
26
19
  language: "json",
27
20
  selectOnLineNumbers: !0,
@@ -35,5 +28,5 @@ function m(r) {
35
28
  };
36
29
  }
37
30
  export {
38
- m as useMonaco
31
+ s as useMonaco
39
32
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const r=require("ant-design-vue"),N=require("vuedraggable"),w=require("@king-one/utils"),u=require("../context/design.js"),C=require("./base/widget-icon.js"),i=require("../hooks/use-namespace/index.js"),V={class:"widget-group-name"},y={class:"widget-col"},b={class:"widget-item"},x={key:0,class:"widget-item-icon"},B={class:"widget-item-title"},E=e.defineComponent({name:"FormMaterial",__name:"form-material",setup(S){const{updateDrag:l}=u.useInjectDragContext(),{b:m}=i.useNamespace("material"),{b:g}=i.useNamespace("toolbar"),{b:f}=i.useNamespace("widget"),c=u.useInjectDesignContext(),{schema:p}=c,d=e.ref("1");function v(s){const{icon:t,...o}=s,n=JSON.parse(JSON.stringify(o)),a=w.uid();return{...n,name:a,id:a,"k-design-props":Object.assign({validate:{status:"",message:""}},s["k-design-props"]||{})}}function k(s,t){const{oldIndex:o}=t,{widget:n=[]}=s,a=n[o];if(a){const{shared:_}=c;_.draggedContext.key=a.key}l(!0)}return(s,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(m)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)())},[e.createVNode(e.unref(r.RadioGroup),{value:d.value,"onUpdate:value":t[0]||(t[0]=o=>d.value=o),"button-style":"solid",size:"default"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.RadioButton),{class:"toolbar-button",value:"1"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 组件库 ")])),_:1,__:[2]}),e.createVNode(e.unref(r.RadioButton),{class:"toolbar-button",value:"2"},{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode(" 流程模版 ")])),_:1,__:[3]})]),_:1},8,["value"])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),o=>(e.openBlock(),e.createElementBlock("div",{key:o.key,class:"widget-group"},[e.createElementVNode("div",V,e.toDisplayString(o.name),1),o.widget?(e.openBlock(),e.createBlock(e.unref(N),{key:0,list:o.widget,class:"widget-list-drag","item-key":"key",group:{name:"form",pull:"clone",put:!1},sort:!1,options:{animation:150},clone:v,onStart:n=>k(o,n),onEnd:t[1]||(t[1]=n=>e.unref(l)(!1))},{item:e.withCtx(({element:n})=>[e.createElementVNode("div",y,[e.createElementVNode("div",b,[n.icon?(e.openBlock(),e.createElementBlock("div",x,[e.createVNode(e.unref(C.default),{icon:n.icon},null,8,["icon"])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",B,e.toDisplayString(n.title),1)])])]),_:2},1032,["list","onStart"])):e.createCommentVNode("v-if",!0)]))),128))],2)],2))}});exports.default=E;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const r=require("ant-design-vue"),N=require("vuedraggable"),w=require("@king-one/utils"),u=require("../context/design.js"),C=require("./base/widget-icon.js"),i=require("../hooks/use-namespace/index.js"),V={class:"widget-group-name"},y={class:"widget-col"},b={class:"widget-item"},x={key:0,class:"widget-item-icon"},B={class:"widget-item-title"},E=e.defineComponent({name:"FormMaterial",__name:"form-material",setup(S){const{updateDrag:l}=u.useInjectDragContext(),{b:m}=i.useNamespace("material"),{b:g}=i.useNamespace("toolbar"),{b:f}=i.useNamespace("widget"),c=u.useInjectDesignContext(),{schema:p}=c,d=e.ref("1");function v(s){const{icon:t,...o}=s,n=JSON.parse(JSON.stringify(o)),a=w.uid();return{...n,name:a,id:a,"k-design-props":Object.assign({validate:{status:"",message:""}},s["k-design-props"]||{})}}function k(s,t){const{oldIndex:o}=t,{widget:n=[]}=s,a=n[o];if(a){const{shared:_}=c;_.draggedContext.key=a.key}l(!0)}return(s,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(m)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)())},[e.createVNode(e.unref(r.RadioGroup),{value:d.value,"onUpdate:value":t[0]||(t[0]=o=>d.value=o),"button-style":"solid",size:"default"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.RadioButton),{class:"toolbar-button",value:"1"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode(" 组件库 ")])),_:1,__:[2]}),e.createVNode(e.unref(r.RadioButton),{class:"toolbar-button",value:"2"},{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode(" 组件模版 ")])),_:1,__:[3]})]),_:1},8,["value"])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),o=>(e.openBlock(),e.createElementBlock("div",{key:o.key,class:"widget-group"},[e.createElementVNode("div",V,e.toDisplayString(o.name),1),o.widget?(e.openBlock(),e.createBlock(e.unref(N),{key:0,list:o.widget,class:"widget-list-drag","item-key":"key",group:{name:"form",pull:"clone",put:!1},sort:!1,options:{animation:150},clone:v,onStart:n=>k(o,n),onEnd:t[1]||(t[1]=n=>e.unref(l)(!1))},{item:e.withCtx(({element:n})=>[e.createElementVNode("div",y,[e.createElementVNode("div",b,[n.icon?(e.openBlock(),e.createElementBlock("div",x,[e.createVNode(e.unref(C.default),{icon:n.icon},null,8,["icon"])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",B,e.toDisplayString(n.title),1)])])]),_:2},1032,["list","onStart"])):e.createCommentVNode("v-if",!0)]))),128))],2)],2))}});exports.default=E;
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const a=require("ant-design-vue"),w=require("vuedraggable"),d=require("../context/design.js");require("./panel/panel-item.vue2.js");require("./index.js");const k=require("../hooks/use-monaco.js"),b=require("../hooks/use-namespace/index.js"),m=require("./form-icon.vue2.js"),x=require("./panel/panel-item.vue.js"),S={class:"left"},q={class:"right"},y={class:"content-panel"},D={key:0,class:"prompt"},z={class:"form-item"},I={ref:"contentEditorTel",class:"content-editor"},T=e.defineComponent({name:"FormPanel",__name:"form-panel",setup(F){const f=e.useTemplateRef("contentEditorTel"),{isDrag:p}=d.useInjectDragContext(),{setEditorValue:_}=k.useMonaco(f),r=e.ref(!1),s=d.useInjectDesignContext(),{fields:l}=s;function g(){_(s.getFormSchema()).then(()=>{r.value=!r.value})}function v(){}const{b:h,e:c,em:i}=b.useNamespace("panel");function C(){const{shared:o}=s,{key:t}=o.draggedContext;return t!==""}function V(o,t){const n=e.toRaw(o),{oldIndex:N}=t,u=n[N];if(u){const{shared:E}=s;E.draggedContext.key=u.key}}return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(h)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("toolbar"))},[e.createElementVNode("div",S,[e.createVNode(e.unref(a.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[1]||(t[1]=[e.createElementVNode("span",null,"全部删除",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{name:"delete1",class:e.normalizeClass(e.unref(i)("toolbar","icon")),size:18,onClick:v},null,8,["class"])]),_:1}),e.createVNode(e.unref(a.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[2]||(t[2]=[e.createElementVNode("span",null,"查看JSON Schema",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{name:"code",class:e.normalizeClass(e.unref(i)("toolbar","icon")),size:18,onClick:g},null,8,["class"])]),_:1}),e.createCommentVNode(` <FormIcon name="desktop" />
2
- <FormIcon name="mobile" /> `)]),e.createElementVNode("div",q,[e.renderSlot(o.$slots,"toolbar")])],2),e.createCommentVNode(' ref="contentTelRef" '),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("content"))},[e.withDirectives(e.createElementVNode("div",y,[!e.unref(p)&&e.unref(l).length===0?(e.openBlock(),e.createElementBlock("div",D," 👈 请在左侧选择控件并拖至此处 ")):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(a.Form),{autocomplete:"off",class:"design-from","label-align":"left"},{default:e.withCtx(()=>[e.createVNode(e.unref(w),{class:"drag-from",list:e.unref(l),group:{name:"form",put:C},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:t[0]||(t[0]=n=>V(e.unref(l),n))},{item:e.withCtx(({element:n})=>[e.createElementVNode("div",z,[e.renderSlot(o.$slots,`panel-${n.key}`,{},()=>[e.createVNode(x.default,{field:n,space:e.unref(l)},null,8,["field","space"])])])]),_:3},8,["list","group"])]),_:3})],512),[[e.vShow,!r.value]]),e.withDirectives(e.createElementVNode("div",I,null,512),[[e.vShow,r.value]])],2)],2))}});exports.default=T;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const l=require("ant-design-vue"),V=require("vuedraggable"),d=require("../context/design.js");require("./panel/panel-item.vue2.js");require("./index.js");const w=require("../hooks/use-namespace/index.js"),m=require("./form-icon.vue2.js"),k=require("./panel/panel-item.vue.js"),E={class:"left"},b={class:"right"},x={class:"content-panel"},S={key:0,class:"prompt"},q={class:"form-item"},y={ref:"contentEditorTel",class:"content-editor"},D=e.defineComponent({name:"FormPanel",__name:"form-panel",setup(z){const{isDrag:f}=d.useInjectDragContext(),a=e.ref(!1),s=d.useInjectDesignContext(),{fields:r}=s;function p(){}function _(){}const{b:g,e:i,em:c}=w.useNamespace("panel");function v(){const{shared:n}=s,{key:t}=n.draggedContext;return t!==""}function h(n,t){const o=e.toRaw(n),{oldIndex:C}=t,u=o[C];if(u){const{shared:N}=s;N.draggedContext.key=u.key}}return(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(g)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("toolbar"))},[e.createElementVNode("div",E,[e.createVNode(e.unref(l.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[1]||(t[1]=[e.createElementVNode("span",null,"全部删除",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{name:"delete1",class:e.normalizeClass(e.unref(c)("toolbar","icon")),size:18,onClick:_},null,8,["class"])]),_:1}),e.createVNode(e.unref(l.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>t[2]||(t[2]=[e.createElementVNode("span",null,"查看JSON Schema",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{name:"code",class:e.normalizeClass(e.unref(c)("toolbar","icon")),size:18,onClick:p},null,8,["class"])]),_:1}),e.createCommentVNode(` <FormIcon name="desktop" />
2
+ <FormIcon name="mobile" /> `)]),e.createElementVNode("div",b,[e.renderSlot(n.$slots,"toolbar")])],2),e.createCommentVNode(' ref="contentTelRef" '),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("content"))},[e.withDirectives(e.createElementVNode("div",x,[!e.unref(f)&&e.unref(r).length===0?(e.openBlock(),e.createElementBlock("div",S," 👈 请在左侧选择控件并拖至此处 ")):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(l.Form),{autocomplete:"off",class:"design-from","label-align":"left"},{default:e.withCtx(()=>[e.createVNode(e.unref(V),{class:"drag-from",list:e.unref(r),group:{name:"form",put:v},animation:300,sort:!0,"item-key":"id","chosen-class":"choose",onStart:t[0]||(t[0]=o=>h(e.unref(r),o))},{item:e.withCtx(({element:o})=>[e.createElementVNode("div",q,[e.renderSlot(n.$slots,`panel-${o.key}`,{},()=>[e.createVNode(k.default,{field:o,space:e.unref(r)},null,8,["field","space"])])])]),_:3},8,["list","group"])]),_:3})],512),[[e.vShow,!a.value]]),e.withDirectives(e.createElementVNode("div",y,null,512),[[e.vShow,a.value]])],2)],2))}});exports.default=D;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Design.js"),t=e=>new r.FormDesign(e);exports.CreateFormDesign=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./design.js"),t=e=>new r.FormDesign(e);exports.CreateFormDesign=t;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("monaco-editor/esm/vs/editor/editor.api");require("monaco-editor/esm/vs/editor/contrib/folding/browser/folding.js");require("monaco-editor/esm/vs/language/json/monaco.contribution");const u=require("vue"),a=require("monaco-editor/esm/vs/language/json/json.worker?worker");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=l(o);function i(e){window.MonacoEnvironment={getWorker(){return new a}};let r=null;const t=async n=>{r&&r.setValue(JSON.stringify(n,null,2))};return u.onMounted(()=>{e.value&&(r=c.editor.create(e.value,{value:"",readOnly:!0,automaticLayout:!0,scrollbar:{verticalScrollbarSize:5},folding:!0,theme:"vs",language:"json",selectOnLineNumbers:!0,scrollBeyondLastLine:!0,overviewRulerBorder:!1}))}),{setEditorValue:t}}exports.useMonaco=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("monaco-editor/esm/vs/editor/editor.api");require("monaco-editor/esm/vs/language/json/monaco.contribution");require("monaco-editor/esm/vs/editor/contrib/folding/browser/folding.js");const u=require("vue");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=a(n);function c(e){let t=null;const r=async o=>{t&&t.setValue(JSON.stringify(o,null,2))};return u.onMounted(()=>{e.value&&(t=l.editor.create(e.value,{value:"",readOnly:!0,automaticLayout:!0,scrollbar:{verticalScrollbarSize:5},theme:"vs",language:"json",selectOnLineNumbers:!0,scrollBeyondLastLine:!0,overviewRulerBorder:!1}))}),{setEditorValue:r}}exports.useMonaco=c;
@@ -1 +1 @@
1
- @font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=66349) format("woff2"),url(fonts/iconfont.woff?t=81613) format("woff"),url(fonts/iconfont.ttf?t=76115) format("truetype")}.k-design-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-exclamation-circle-filled:before{content:"\e670"}.icon-from-design-exclamation-circle:before{content:"\e660"}.icon-from-design-form-object:before{content:"\e666"}.icon-from-design-form-list:before{content:"\e667"}.icon-from-design-form-table:before{content:"\e66f"}.icon-from-design-copy:before{content:"\e65d"}.icon-from-design-form-radio:before{content:"\e698"}.icon-from-design-form-daterange:before{content:"\e699"}.icon-from-design-form-money:before{content:"\e69a"}.icon-from-design-form-kit-leave:before{content:"\e69b"}.icon-from-design-form-kit-reimbursement:before{content:"\e69c"}.icon-from-design-form-kit-out:before{content:"\e69d"}.icon-from-design-form-kit-replenish:before{content:"\e69e"}.icon-from-design-form-kit-overtime:before{content:"\e69f"}.icon-from-design-form-number:before{content:"\e6a0"}.icon-from-design-form-textarea:before{content:"\e6a1"}.icon-from-design-form-select:before{content:"\e6a2"}.icon-from-design-form-kit-transfer:before{content:"\e6a3"}.icon-from-design-form-right:before{content:"\e6a4"}.icon-from-design-form-checkbox:before{content:"\e687"}.icon-from-design-form-area:before{content:"\e688"}.icon-from-design-form-del:before{content:"\e689"}.icon-from-design-form-contact-person:before{content:"\e68a"}.icon-from-design-form-default:before{content:"\e68b"}.icon-from-design-form-date:before{content:"\e68c"}.icon-from-design-form-drag:before{content:"\e68d"}.icon-from-design-form-desctext:before{content:"\e68e"}.icon-from-design-form-fileupload:before{content:"\e68f"}.icon-from-design-form-input:before{content:"\e690"}.icon-from-design-form-grid:before{content:"\e691"}.icon-from-design-form-imgupload:before{content:"\e692"}.icon-from-design-form-hot-city:before{content:"\e693"}.icon-from-design-form-kit-leave-2:before{content:"\e694"}.icon-from-design-form-inputNumber:before{content:"\e695"}.icon-from-design-form-kit-business-trip:before{content:"\e696"}.icon-from-design-shouzhixiangyou:before{content:"\e615"}.icon-from-design-xiangzuohuangse:before{content:"\e60a"}.icon-from-design-code:before{content:"\e65a"}.icon-from-design-desktop:before{content:"\e65b"}.icon-from-design-delete1:before{content:"\e65c"}.icon-from-design-double-left:before{content:"\e65e"}.icon-from-design-double-right:before{content:"\e65f"}.icon-from-design-mobile:before{content:"\e668"}.icon-from-design-question-circle:before{content:"\e66c"}.icon-from-design-sound:before{content:"\e672"}
1
+ @font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=58458) format("woff2"),url(fonts/iconfont.woff?t=24793) format("woff"),url(fonts/iconfont.ttf?t=65676) format("truetype")}.k-design-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-exclamation-circle-filled:before{content:"\e670"}.icon-from-design-exclamation-circle:before{content:"\e660"}.icon-from-design-form-object:before{content:"\e666"}.icon-from-design-form-list:before{content:"\e667"}.icon-from-design-form-table:before{content:"\e66f"}.icon-from-design-copy:before{content:"\e65d"}.icon-from-design-form-radio:before{content:"\e698"}.icon-from-design-form-daterange:before{content:"\e699"}.icon-from-design-form-money:before{content:"\e69a"}.icon-from-design-form-kit-leave:before{content:"\e69b"}.icon-from-design-form-kit-reimbursement:before{content:"\e69c"}.icon-from-design-form-kit-out:before{content:"\e69d"}.icon-from-design-form-kit-replenish:before{content:"\e69e"}.icon-from-design-form-kit-overtime:before{content:"\e69f"}.icon-from-design-form-number:before{content:"\e6a0"}.icon-from-design-form-textarea:before{content:"\e6a1"}.icon-from-design-form-select:before{content:"\e6a2"}.icon-from-design-form-kit-transfer:before{content:"\e6a3"}.icon-from-design-form-right:before{content:"\e6a4"}.icon-from-design-form-checkbox:before{content:"\e687"}.icon-from-design-form-area:before{content:"\e688"}.icon-from-design-form-del:before{content:"\e689"}.icon-from-design-form-contact-person:before{content:"\e68a"}.icon-from-design-form-default:before{content:"\e68b"}.icon-from-design-form-date:before{content:"\e68c"}.icon-from-design-form-drag:before{content:"\e68d"}.icon-from-design-form-desctext:before{content:"\e68e"}.icon-from-design-form-fileupload:before{content:"\e68f"}.icon-from-design-form-input:before{content:"\e690"}.icon-from-design-form-grid:before{content:"\e691"}.icon-from-design-form-imgupload:before{content:"\e692"}.icon-from-design-form-hot-city:before{content:"\e693"}.icon-from-design-form-kit-leave-2:before{content:"\e694"}.icon-from-design-form-inputNumber:before{content:"\e695"}.icon-from-design-form-kit-business-trip:before{content:"\e696"}.icon-from-design-shouzhixiangyou:before{content:"\e615"}.icon-from-design-xiangzuohuangse:before{content:"\e60a"}.icon-from-design-code:before{content:"\e65a"}.icon-from-design-desktop:before{content:"\e65b"}.icon-from-design-delete1:before{content:"\e65c"}.icon-from-design-double-left:before{content:"\e65e"}.icon-from-design-double-right:before{content:"\e65f"}.icon-from-design-mobile:before{content:"\e668"}.icon-from-design-question-circle:before{content:"\e66c"}.icon-from-design-sound:before{content:"\e672"}