@king-one/form-design 0.0.1

package/dist/es/src/components/props/base-props.vue.mjs

@@ -0,0 +1,60 @@
+import { defineComponent as u, openBlock as i, createElementBlock as p, createVNode as t, unref as e, withCtx as o, createTextVNode as d } from "vue";
+import { Form as f, FormItem as r, Input as m, Switch as s } from "ant-design-vue";
+import "../../internal.mjs";
+import "../form-icon.vue.mjs";
+import { useInjectDesignContext as v } from "../../context/design.mjs";
+import _ from "../form-icon.vue2.mjs";
+const y = /* @__PURE__ */ u({
+  __name: "base-props",
+  setup(x) {
+    const { checkedField: a } = v();
+    return (c, l) => (i(), p("div", null, [
+      t(e(f), {
+        "label-col": { style: { width: "85px" } },
+        layout: "vertical"
+      }, {
+        default: o(() => [
+          t(e(r), {
+            label: "字段名称",
+            tooltip: "表单name"
+          }, {
+            default: o(() => [
+              t(e(m), {
+                value: e(a).name,
+                "onUpdate:value": l[0] || (l[0] = (n) => e(a).name = n)
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          t(e(r), { label: "字段标题" }, {
+            default: o(() => [
+              t(e(m), {
+                value: e(a).title,
+                "onUpdate:value": l[1] || (l[1] = (n) => e(a).title = n)
+              }, null, 8, ["value"])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          t(e(r), { label: "是否必填" }, {
+            extra: o(() => [
+              t(_, { name: "sound" }),
+              l[2] || (l[2] = d(" 表单字段设置为必填才能作为审批条件 "))
+            ]),
+            default: o(() => [
+              t(e(s))
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ]));
+  }
+});
+export {
+  y as default
+};

package/dist/es/src/components/props/base-props.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./base-props.vue.mjs";
+export {
+  f as default
+};

package/dist/es/src/components/props/component-props.vue.mjs

@@ -0,0 +1,21 @@
+import { defineComponent as e, openBlock as n, createElementBlock as p, normalizeClass as r, unref as t } from "vue";
+import "../../internal.mjs";
+import { useNamespace as s } from "../../hooks/use-namespace/index.mjs";
+const f = /* @__PURE__ */ e({
+  __name: "component-props",
+  setup(c) {
+    const { b: o } = s("component-props");
+    return (m, a) => (n(), p(
+      "div",
+      {
+        class: r(t(o)())
+      },
+      " component props ",
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  f as default
+};

package/dist/es/src/components/props/component-props.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./component-props.vue.mjs";
+export {
+  f as default
+};

package/dist/es/src/components/props/index.mjs

@@ -0,0 +1,2 @@
+import "./base-props.vue2.mjs";
+import "./component-props.vue2.mjs";

package/dist/es/src/components/types.mjs

@@ -0,0 +1,28 @@
+const r = (e) => e, t = {
+  name: {
+    type: String,
+    required: !0
+  },
+  size: {
+    type: Number
+  },
+  color: {
+    type: String
+  }
+}, o = {
+  design: {
+    type: Object,
+    required: !0
+  }
+}, n = {
+  icon: {
+    type: r([Object, String]),
+    required: !0
+  }
+};
+export {
+  o as FormDesignProps,
+  r as definePropType,
+  t as iconProps,
+  n as widgetIconProps
+};

package/dist/es/src/config/index.mjs

@@ -0,0 +1,52 @@
+const e = {
+  name: "布局组件",
+  key: "layout",
+  widget: [
+    {
+      title: "表单布局",
+      icon: "form-grid",
+      key: "form-layout",
+      type: "void",
+      "k-component": "FormLayout"
+    }
+  ]
+}, t = {
+  name: "基础组件",
+  key: "basic",
+  widget: [
+    {
+      title: "输入框",
+      key: "input",
+      type: "string",
+      icon: "form-input",
+      "k-component": "Input",
+      "k-component-props": {
+        placeholder: "请输入"
+      }
+    },
+    {
+      title: "多文本输入框",
+      key: "textarea",
+      type: "string",
+      icon: "form-textarea",
+      "k-component": "Textarea",
+      "k-component-props": {
+        placeholder: "请输入"
+      }
+    },
+    {
+      title: "数字输入框",
+      key: "input-number",
+      type: "number",
+      icon: "form-number",
+      "k-component": "InputNumber",
+      "k-component-props": {
+        placeholder: "请输入"
+      }
+    }
+  ]
+};
+export {
+  t as BaseSchema,
+  e as LayoutSchema
+};

package/dist/es/src/context/design.mjs

@@ -0,0 +1,25 @@
+import { provide as t, inject as n, ref as i } from "vue";
+const o = Symbol("DragSymbol");
+function s(e) {
+  return t(o, e);
+}
+function g() {
+  return n(o, {
+    isDrag: i(!1),
+    updateDrag: () => {
+    }
+  });
+}
+const r = Symbol("DesignContext");
+function c(e) {
+  return t(r, e);
+}
+function D() {
+  return n(r);
+}
+export {
+  D as useInjectDesignContext,
+  g as useInjectDragContext,
+  c as useProvideDesignContext,
+  s as useProvideDragContext
+};

package/dist/es/src/core/Design.mjs

@@ -0,0 +1,44 @@
+var m = Object.defineProperty;
+var n = (r, e, t) => e in r ? m(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var o = (r, e, t) => n(r, typeof e != "symbol" ? e + "" : e, t);
+import { ref as i } from "vue";
+import "../effects/index.mjs";
+import { panels as c } from "../components/panel/index.mjs";
+import { Heart as h } from "./Heart.mjs";
+import { FormSchema as f } from "./FormSchema.mjs";
+import { runEffects as a } from "../effects/effective.mjs";
+class y {
+  constructor(e) {
+    o(this, "schema");
+    o(this, "heart");
+    o(this, "FormSchema", new f());
+    o(this, "props");
+    o(this, "checkedField", i({}));
+    const { propsComponents: t, panelComponents: s, ...p } = e;
+    this.props = { propsComponents: { ...t }, panelComponents: { ...c, ...s }, ...p }, this.schema = e.schema, this.heart = new h({
+      lifecycles: this.lifecycles,
+      context: this
+    });
+  }
+  get lifecycles() {
+    return this.props.effects ? a(this, this.props.effects) : [];
+  }
+  getFormSchema() {
+    return this.FormSchema.getSchema();
+  }
+  get formProps() {
+    return this.FormSchema.formProps;
+  }
+  get fields() {
+    return this.FormSchema.fields;
+  }
+  get propsComponents() {
+    return this.props.propsComponents;
+  }
+  get panelComponents() {
+    return this.props.panelComponents;
+  }
+}
+export {
+  y as FormDesign
+};

package/dist/es/src/core/FormSchema.mjs

@@ -0,0 +1,27 @@
+var i = Object.defineProperty;
+var a = (e, o, r) => o in e ? i(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
+var s = (e, o, r) => a(e, typeof o != "symbol" ? o + "" : o, r);
+import { reactive as l, ref as f, toRaw as t } from "vue";
+class c {
+  constructor() {
+    s(this, "version", "1.0.0");
+    s(this, "formProps", l({
+      layout: "horizontal",
+      labelAlign: "left"
+    }));
+    s(this, "fields", f([]));
+  }
+  getSchema() {
+    const o = t(this.fields.value), r = t(this.formProps);
+    return {
+      version: this.version,
+      form: {
+        ...r,
+        schema: o
+      }
+    };
+  }
+}
+export {
+  c as FormSchema
+};

package/dist/es/src/core/Heart.mjs

@@ -0,0 +1,25 @@
+var o = Object.defineProperty;
+var s = (e, t, i) => t in e ? o(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var r = (e, t, i) => s(e, typeof t != "symbol" ? t + "" : t, i);
+import "../utils/index.mjs";
+import "../effects/index.mjs";
+import { LifeCycle as l } from "../effects/LifeCycle.mjs";
+import { isStr as f } from "../utils/checkers.mjs";
+class m {
+  constructor({ lifecycles: t, context: i }) {
+    r(this, "context");
+    r(this, "lifecycles");
+    this.lifecycles = this.buildLifeCycles(t || []), this.context = i;
+  }
+  buildLifeCycles(t) {
+    return t.reduce((i, c) => c instanceof l ? i.concat(c) : i, []);
+  }
+  publish(t, ...i) {
+    f(t) && this.lifecycles.forEach((c) => {
+      c.notify(t, this.context, ...i);
+    });
+  }
+}
+export {
+  m as Heart
+};

package/dist/es/src/core/index.mjs

@@ -0,0 +1,5 @@
+import { FormDesign as o } from "./Design.mjs";
+const m = (e) => new o(e);
+export {
+  m as CreateFormDesign
+};

package/dist/es/src/effects/LifeCycle.mjs

@@ -0,0 +1,24 @@
+var f = Object.defineProperty;
+var o = (e, i, t) => i in e ? f(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var s = (e, i, t) => o(e, typeof i != "symbol" ? i + "" : i, t);
+import { isStr as c, isFn as h } from "../utils/checkers.mjs";
+class b {
+  constructor(...i) {
+    s(this, "listener");
+    s(this, "notify", (i, t, ...n) => {
+      c(i) && this.listener.call(t, { type: i, payload: t }, ...n);
+    });
+    this.listener = this.buildListener(i);
+  }
+  buildListener(i) {
+    return (t, ...n) => {
+      for (let l = 0; l < i.length; l++) {
+        const r = i[l];
+        c(r) && h(i[l + 1]) && r === t.type && i[l + 1].call(this, t.payload, ...n);
+      }
+    };
+  }
+}
+export {
+  b as LifeCycle
+};

package/dist/es/src/effects/contants.mjs

@@ -0,0 +1,10 @@
+const e = {
+  lifecycles: [],
+  context: [],
+  effectStart: !1,
+  effectEnd: !1,
+  initializing: !1
+};
+export {
+  e as GlobalState
+};

package/dist/es/src/effects/effective.mjs

@@ -0,0 +1,25 @@
+import "../utils/index.mjs";
+import { LifeCycle as i } from "./LifeCycle.mjs";
+import { GlobalState as e } from "./contants.mjs";
+import { isFn as r } from "../utils/checkers.mjs";
+function m(o, t) {
+  return (...f) => {
+    if (e.effectStart)
+      e.lifecycles.push(
+        new i(o, (c, ...n) => {
+          r(t) && t(...n, c)(...f);
+        })
+      );
+    else
+      throw new Error("Effect hooks cannot be used in asynchronous function body");
+  };
+}
+function E(o, ...t) {
+  return e.lifecycles = [], e.context = [], e.effectStart = !0, e.effectEnd = !1, t.forEach((f) => {
+    r(f) && f(o);
+  }), e.context = [], e.effectStart = !1, e.effectEnd = !0, e.lifecycles;
+}
+export {
+  m as createEffectHook,
+  E as runEffects
+};

package/dist/es/src/effects/index.mjs

@@ -0,0 +1,6 @@
+import { LifeCycle as r } from "./LifeCycle.mjs";
+import { runEffects as t } from "./effective.mjs";
+export {
+  r as LifeCycle,
+  t as runEffects
+};

package/dist/es/src/hooks/index.mjs

@@ -0,0 +1,9 @@
+import { defaultNamespace as o, namespaceContextKey as s, useGetDerivedNamespace as m, useNamespace as p } from "./use-namespace/index.mjs";
+import { useMonaco as c } from "./use-monaco.mjs";
+export {
+  o as defaultNamespace,
+  s as namespaceContextKey,
+  m as useGetDerivedNamespace,
+  c as useMonaco,
+  p as useNamespace
+};

package/dist/es/src/hooks/use-monaco.mjs

@@ -0,0 +1,36 @@
+import * as n from "monaco-editor";
+import a from "monaco-editor/esm/vs/language/json/json.worker?worker";
+import { onMounted as l } from "vue";
+function s(r) {
+  window.MonacoEnvironment = {
+    getWorker() {
+      return new a();
+    }
+  };
+  let e = null;
+  const o = (t) => {
+    e && e.setValue(JSON.stringify(t, null, 2));
+  };
+  return l(() => {
+    r.value && (e = n.editor.create(r.value, {
+      value: "",
+      readOnly: !0,
+      automaticLayout: !0,
+      scrollbar: {
+        verticalScrollbarSize: 5
+      },
+      theme: "vs",
+      language: "json",
+      selectOnLineNumbers: !0,
+      scrollBeyondLastLine: !0,
+      // 取消代码后面一大段空白
+      overviewRulerBorder: !1
+      // 不要滚动条的边框
+    }));
+  }), {
+    setEditorValue: o
+  };
+}
+export {
+  s as useMonaco
+};

package/dist/es/src/hooks/use-namespace/index.mjs

@@ -0,0 +1,49 @@
+import { getCurrentInstance as p, inject as N, ref as v, computed as V, unref as y } from "vue";
+const m = "k-form", l = "is-";
+function c(n, r, t, o, $) {
+  let u = `${n}-${r}`;
+  return t && (u += `-${t}`), o && (u += `__${o}`), $ && (u += `--${$}`), u;
+}
+const i = Symbol("namespaceContextKey");
+function B(n) {
+  const r = n || (p() ? N(i, v(m)) : v(m));
+  return V(() => y(r) || m);
+}
+function d(n, r) {
+  const t = B(r);
+  return {
+    namespace: t,
+    b: (s = "") => c(t.value, n, s, "", ""),
+    e: (s) => s ? c(t.value, n, "", s, "") : "",
+    m: (s) => s ? c(t.value, n, "", "", s) : "",
+    be: (s, e) => s && e ? c(t.value, n, s, e, "") : "",
+    em: (s, e) => s && e ? c(t.value, n, "", s, e) : "",
+    bm: (s, e) => s && e ? c(t.value, n, s, "", e) : "",
+    bem: (s, e, a) => s && e && a ? c(t.value, n, s, e, a) : "",
+    is: (s, ...e) => {
+      const a = e.length >= 1 ? e[0] : !0;
+      return s && a ? `${l}${s}` : "";
+    },
+    // css
+    cssVar: (s) => {
+      const e = {};
+      for (const a in s)
+        s[a] && (e[`--${t.value}-${a}`] = s[a]);
+      return e;
+    },
+    cssVarName: (s) => `--${t.value}-${s}`,
+    cssVarBlock: (s) => {
+      const e = {};
+      for (const a in s)
+        s[a] && (e[`--${t.value}-${n}-${a}`] = s[a]);
+      return e;
+    },
+    cssVarBlockName: (s) => `--${t.value}-${n}-${s}`
+  };
+}
+export {
+  m as defaultNamespace,
+  i as namespaceContextKey,
+  B as useGetDerivedNamespace,
+  d as useNamespace
+};

package/dist/es/src/index.mjs

@@ -0,0 +1,10 @@
+import "./style/index.mjs";
+import { default as m } from "./components/form-desgin.mjs";
+import { CreateFormDesign as t } from "./core/index.mjs";
+import { BaseSchema as p, LayoutSchema as s } from "./config/index.mjs";
+export {
+  p as BaseSchema,
+  t as CreateFormDesign,
+  m as FormDesign,
+  s as LayoutSchema
+};

package/dist/es/src/internal.mjs

@@ -0,0 +1,8 @@
+import "./hooks/index.mjs";
+import { useInjectDesignContext as n, useInjectDragContext as r, useProvideDesignContext as s, useProvideDragContext as i } from "./context/design.mjs";
+export {
+  n as useInjectDesignContext,
+  r as useInjectDragContext,
+  s as useProvideDesignContext,
+  i as useProvideDragContext
+};

package/dist/es/src/style/index.mjs

@@ -0,0 +1 @@
+import "@king-one/form-design/dist/theme-chalk/index.css";

package/dist/es/src/utils/checkers.mjs

@@ -0,0 +1,43 @@
+const o = Object.prototype.toString, i = (t) => o.call(t);
+function n(t) {
+  return (e) => i(e) === `[object ${t}]`;
+}
+const c = (t) => typeof t == "function", r = Array.isArray, u = n("Object"), p = n("String"), a = n("Boolean"), s = n("Number");
+function f(t) {
+  return t && t instanceof Map;
+}
+const y = (t) => t && t instanceof Set;
+function S(t) {
+  return t && t instanceof WeakMap;
+}
+function b(t) {
+  return t && t instanceof WeakSet;
+}
+function g(t) {
+  return s(t) || /^\d+$/.test(t);
+}
+const l = (t) => typeof t == "object", M = n("RegExp");
+function j(t) {
+  return t && t.$$typeof && t._owner;
+}
+function k(t) {
+  return Object.prototype.toString.call(t).includes("HTML");
+}
+export {
+  i as getType,
+  r as isArr,
+  a as isBool,
+  c as isFn,
+  k as isHTMLElement,
+  f as isMap,
+  s as isNum,
+  g as isNumberLike,
+  l as isObj,
+  u as isPlainObj,
+  j as isReactElement,
+  M as isRegExp,
+  y as isSet,
+  p as isStr,
+  S as isWeakMap,
+  b as isWeakSet
+};

package/dist/es/src/utils/index.mjs

@@ -0,0 +1,19 @@
+import { getType as s, isArr as t, isBool as a, isFn as r, isHTMLElement as m, isMap as p, isNum as l, isNumberLike as n, isObj as o, isPlainObj as b, isReactElement as k, isRegExp as E, isSet as M, isStr as S, isWeakMap as g, isWeakSet as j } from "./checkers.mjs";
+export {
+  s as getType,
+  t as isArr,
+  a as isBool,
+  r as isFn,
+  m as isHTMLElement,
+  p as isMap,
+  l as isNum,
+  n as isNumberLike,
+  o as isObj,
+  b as isPlainObj,
+  k as isReactElement,
+  E as isRegExp,
+  M as isSet,
+  S as isStr,
+  g as isWeakMap,
+  j as isWeakSet
+};

package/dist/lib/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./src/index.js");const r=require("./src/components/form-desgin.js"),t=require("./src/core/index.js"),e=require("./src/config/index.js");exports.FormDesign=r.default;exports.CreateFormDesign=t.CreateFormDesign;exports.BaseSchema=e.BaseSchema;exports.LayoutSchema=e.LayoutSchema;

package/dist/lib/src/components/base/collapse.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./collapse.vue2.js");exports.default=e.default;

package/dist/lib/src/components/base/collapse.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("vue"),s=d.defineComponent({__name:"collapse",setup(i){function e(t){t.style.maxWidth="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingLeft=t.dataset.oldPaddingLeft,t.style.paddingRight=t.dataset.oldPaddingRight}const a={beforeEnter(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingLeft=t.style.paddingLeft,t.dataset.oldPaddingRight=t.style.paddingRight,t.style.width&&(t.dataset.elExistsWidth=t.style.width),t.style.maxWidth=0,t.style.paddingLeft=0,t.style.paddingRight=0},enter(t){requestAnimationFrame(()=>{t.dataset.oldOverflow=t.style.overflow,t.dataset.elExistsWidth?t.style.maxWidth=t.dataset.elExistsWidth:t.scrollWidth!==0?t.style.maxWidth=`${t.scrollWidth}px`:t.style.maxWidth=0,t.style.paddingLeft=t.dataset.oldPaddingLeft,t.style.paddingRight=t.dataset.oldPaddingRight,t.style.overflow="hidden"})},afterEnter(t){t.style.maxWidth="",t.style.overflow=t.dataset.oldOverflow},enterCancelled(t){e(t)},beforeLeave(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingRight=t.style.paddingRight,t.dataset.oldOverflow=t.style.overflow,t.style.maxWidth=`${t.scrollWidth}px`,t.style.overflow="hidden"},leave(t){t.scrollWidth!==0&&(t.style.maxWidth=0,t.style.paddingTop=0,t.style.paddingRight=0)},afterLeave(t){e(t)},leaveCancelled(t){e(t)}};return(t,o)=>(d.openBlock(),d.createBlock(d.Transition,d.mergeProps({name:"form-design-collapse"},d.toHandlers(a)),{default:d.withCtx(()=>[d.renderSlot(t.$slots,"default")]),_:3},16))}});exports.default=s;

package/dist/lib/src/components/base/widget-icon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("../../utils/index.js");const t=require("../types.js");require("../form-icon.vue.js");const n=require("../../utils/checkers.js"),u=require("../form-icon.vue2.js"),o=r.defineComponent({name:"WidgetIcon",props:t.widgetIconProps,setup(e){return()=>n.isStr(e.icon)?r.createVNode(u.default,{name:e.icon},null,8,["name"]):e.icon}});exports.default=o;

package/dist/lib/src/components/form-desgin.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const t=require("../context/design.js");require("./index.js");const n=require("./types.js"),i=require("../hooks/use-namespace/index.js"),o=require("./form-material.vue.js"),a=require("./form-panel.vue.js"),_=require("./form-setting.vue.js"),{b:p}=i.useNamespace("main"),c=e.defineComponent({name:"FormDesign",props:n.FormDesignProps,setup(u){const r=e.ref(!1);return t.useProvideDragContext({isDrag:r,updateDrag:s=>{r.value=s}}),t.useProvideDesignContext(u.design),()=>e.h("form",{class:p()},[e.h(o.default),e.h(a.default),e.h(_.default)])}});exports.default=c;

package/dist/lib/src/components/form-icon.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./form-icon.vue2.js");exports.default=e.default;

package/dist/lib/src/components/form-icon.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const u=require("./types.js"),i=require("../hooks/use-namespace/index.js"),l=e.defineComponent({__name:"form-icon",props:u.iconProps,setup(n){const o=n,{b:t}=i.useNamespace("icon"),c=e.computed(()=>`icon-from-design-${o.name}`),r=e.computed(()=>({fontSize:`${o.size}px`,color:o.color})),s=e.computed(()=>[t(),c.value]);return(a,m)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(s.value),style:e.normalizeStyle(r.value)},null,6))}});exports.default=l;

package/dist/lib/src/components/form-material.vue.js

@@ -0,0 +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"),_=require("vuedraggable"),N=require("@king-one/utils"),u=require("../context/design.js"),k=require("./base/widget-icon.js"),a=require("../hooks/use-namespace/index.js"),w={class:"widget-group-name"},V={class:"widget-col"},C={class:"widget-item"},b={key:0,class:"widget-item-icon"},B={class:"widget-item-title"},x=e.defineComponent({name:"FormMaterial",__name:"form-material",setup(y){const{updateDrag:s}=u.useInjectDragContext(),{b:c}=a.useNamespace("material"),{b:d}=a.useNamespace("toolbar"),{b:m}=a.useNamespace("widget"),f=u.useInjectDesignContext(),{schema:g}=f,i=e.ref("1");function p(l){const t=N.uid();return{...l,name:t,id:t}}function v(){s(!0)}return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)())},[e.createVNode(e.unref(r.RadioGroup),{value:i.value,"onUpdate:value":t[0]||(t[0]=o=>i.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(m)())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g),o=>(e.openBlock(),e.createElementBlock("div",{key:o.key,class:"widget-group"},[e.createElementVNode("div",w,e.toDisplayString(o.name),1),o.widget?(e.openBlock(),e.createBlock(e.unref(_),{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:p,onStart:v,onEnd:t[1]||(t[1]=n=>e.unref(s)(!1))},{item:e.withCtx(({element:n})=>[e.createElementVNode("div",V,[e.createElementVNode("div",C,[n.icon?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(k.default),{icon:n.icon},null,8,["icon"])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",B,e.toDisplayString(n.title),1)])])]),_:2},1032,["list"])):e.createCommentVNode("v-if",!0)]))),128))],2)],2))}});exports.default=x;

package/dist/lib/src/components/form-material.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./form-material.vue.js");exports.default=e.default;

package/dist/lib/src/components/form-panel.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../internal.js");const n=require("ant-design-vue"),V=require("vuedraggable"),i=require("../context/design.js");require("./panel/panel-item.vue.js");require("./index.js");const C=require("../hooks/use-monaco.js"),N=require("../hooks/use-namespace/index.js"),u=require("./form-icon.vue2.js"),g=require("./panel/panel-item.vue2.js"),E={class:"left"},w={class:"content-panel"},b={key:0,class:"prompt"},q={class:"form-item"},x={ref:"contentEditorTel",class:"content-editor"},k=e.defineComponent({name:"FormPanel",__name:"form-panel",setup(S){const d=e.useTemplateRef("contentEditorTel"),{isDrag:m}=i.useInjectDragContext(),{setEditorValue:f}=C.useMonaco(d),t=e.ref(!1),l=i.useInjectDesignContext(),{fields:r}=l;function _(){t.value=!t.value,f(l.getFormSchema())}function p(){}const{b:v,e:s,em:a}=N.useNamespace("panel");return(h,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("toolbar"))},[e.createElementVNode("div",E,[e.createVNode(e.unref(n.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>o[0]||(o[0]=[e.createElementVNode("span",null,"全部删除",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{name:"delete1",class:e.normalizeClass(e.unref(a)("toolbar","icon")),size:18,onClick:p},null,8,["class"])]),_:1}),e.createVNode(e.unref(n.Tooltip),{placement:"bottom"},{title:e.withCtx(()=>o[1]||(o[1]=[e.createElementVNode("span",null,"查看JSON Schema",-1)])),default:e.withCtx(()=>[e.createVNode(e.unref(u.default),{name:"code",class:e.normalizeClass(e.unref(a)("toolbar","icon")),size:18,onClick:_},null,8,["class"])]),_:1}),e.createCommentVNode(` <FormIcon name="desktop" />
+        <FormIcon name="mobile" /> `)])],2),e.createCommentVNode(' ref="contentTelRef" '),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("content"))},[e.withDirectives(e.createElementVNode("div",w,[!e.unref(m)&&e.unref(r).length===0?(e.openBlock(),e.createElementBlock("div",b," 👈 请在左侧选择控件并拖至此处 ")):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(n.Form),{autocomplete:"off",class:"design-from","label-col":{style:{width:"100px"}},"label-align":"left"},{default:e.withCtx(()=>[e.createVNode(e.unref(V),{class:"drag-from",list:e.unref(r),group:"form",animation:300,sort:!0,"item-key":"id","chosen-class":"choose"},{item:e.withCtx(({element:c})=>[e.createElementVNode("div",q,[e.renderSlot(h.$slots,`panel-${c.key}`,{},()=>[e.createVNode(g.default,{field:c},null,8,["field"])])])]),_:3},8,["list"])]),_:3})],512),[[e.vShow,!t.value]]),e.withDirectives(e.createElementVNode("div",x,null,512),[[e.vShow,t.value]])],2)],2))}});exports.default=k;

package/dist/lib/src/components/form-panel.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./form-panel.vue.js");exports.default=e.default;

package/dist/lib/src/components/form-setting.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("ant-design-vue");require("../internal.js");require("../hooks/index.js");require("./form-icon.vue.js");require("./base/collapse.vue.js");require("./props/index.js");const i=require("../context/design.js"),u=require("../hooks/use-namespace/index.js"),d=require("./base/collapse.vue2.js"),_=require("./props/base-props.vue.js"),p=require("./props/component-props.vue.js"),a=require("./form-icon.vue2.js"),f={class:"setting-aside"},v=e.defineComponent({name:"FormSetting",__name:"form-setting",setup(m){const{checkedField:l}=i.useInjectDesignContext(),{b:o}=u.useNamespace("setting"),{b:s}=u.useNamespace("setting-collapse"),r=e.ref(!0),c=e.computed(()=>[o(),!r.value&&s()]);return(k,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[e.createVNode(d.default,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("aside",f,[e.createVNode(e.unref(t.Tabs),{size:"small",centered:""},{default:e.withCtx(()=>[e.createVNode(e.unref(t.TabPane),{key:"1",tab:"组件配置"},{default:e.withCtx(()=>[Object.keys(e.unref(l)).length?(e.openBlock(),e.createBlock(e.unref(t.Collapse),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(t.CollapsePanel),{header:"基础设置"},{default:e.withCtx(()=>[e.createVNode(e.unref(_.default))]),_:1}),e.createVNode(e.unref(t.CollapsePanel),{header:"属性设置"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.default))]),_:1})]),_:1})):(e.openBlock(),e.createBlock(e.unref(t.Empty),{key:1,description:"暂无配置"}))]),_:1}),e.createVNode(e.unref(t.TabPane),{key:"2",tab:"表单配置"},{default:e.withCtx(()=>n[1]||(n[1]=[e.createTextVNode(" 表单配置 ")])),_:1,__:[1]})]),_:1})])],512),[[e.vShow,r.value]])]),_:1}),e.createElementVNode("div",{class:"setting-collapse",onClick:n[0]||(n[0]=g=>r.value=!r.value)},[r.value?(e.openBlock(),e.createBlock(a.default,{key:0,name:"double-left",size:18})):(e.openBlock(),e.createBlock(a.default,{key:1,name:"double-right",size:18}))])],2))}});exports.default=v;

package/dist/lib/src/components/form-setting.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./form-setting.vue.js");exports.default=e.default;

package/dist/lib/src/components/index.js

@@ -0,0 +1 @@
+"use strict";require("./form-material.vue2.js");require("./form-setting.vue2.js");require("./form-panel.vue2.js");require("./form-icon.vue.js");

package/dist/lib/src/components/panel/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("ant-design-vue"),t={input:e.Input,textarea:e.Textarea,"input-number":e.InputNumber};exports.panels=t;

package/dist/lib/src/components/panel/panel-item.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./panel-item.vue2.js");exports.default=e.default;

package/dist/lib/src/components/panel/panel-item.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("ant-design-vue");require("../../internal.js");const p=require("../../context/design.js"),f=require("../../hooks/use-namespace/index.js"),k=e.defineComponent({__name:"panel-item",props:{field:{}},setup(a){const c=a,{b:l,e:o,m:r}=f.useNamespace("panel-item");console.log(r("active"));const{panelComponents:t,checkedField:s}=p.useInjectDesignContext();function u(n){s.value=n}const d=e.computed(()=>{var n;return((n=s.value)==null?void 0:n.id)===c.field.id?[l(),r("active")]:[l()]});return(n,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value),onClick:i[0]||(i[0]=v=>u(n.field))},[e.createVNode(e.unref(m.FormItem),{class:e.normalizeClass(e.unref(o)("form")),label:n.field.title},{default:e.withCtx(()=>[e.unref(t)[n.field.key]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t)[n.field.key]),e.mergeProps({key:0,style:{width:"100%"},readonly:""},n.field["k-component-props"]),null,16)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o)("error"))}," 未定义组件 ",2))]),_:1},8,["class","label"])],2))}});exports.default=k;