@king-one/form-design 0.0.12 → 0.0.13

package/dist/theme-chalk/json-preview.css

@@ -0,0 +1 @@
+@charset "UTF-8";.k-design-json-preview{border-radius:8px;background:#fff;height:100%;overflow:auto}.k-design-json-preview .code-container{position:relative;margin:8px;overflow:auto}.k-design-json-preview .code-container.collapsed{overflow:hidden}.k-design-json-preview .fade-mask{position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.k-design-json-preview :where(.hljs-ln){width:100%;border-collapse:collapse}.k-design-json-preview :where(.hljs-lntd){vertical-align:top}.k-design-json-preview :where(.hljs-lntd.hljs-ln-numbers){-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;color:#9ca3af;border-right:1px solid #e5e7eb;padding:0 10px;width:1%}.k-design-json-preview :where(.hljs-lntd.hljs-ln-code){padding:0 0 0 8px;display:flex;gap:6px;align-items:baseline;white-space:pre}.k-design-json-preview .indent-guides{display:inline-flex;pointer-events:none}.k-design-json-preview .indent-guide{display:inline-block;width:calc(var(--indent-char,1ch) * var(--indent-size));border-left:1px solid #e5e7eb;opacity:.6}.k-design-json-preview :where(.hljs-ln.line-content){display:inline-block}.k-design-json-preview :where(.hljs-ln.hljs-ln-n)::before{content:attr(data-line-number)}.k-design-json-preview .fold-toggle{display:inline-block;width:1em;color:#6b7280;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.k-design-json-preview .fold-toggle:hover{color:#374151}.k-design-json-preview pre.hljs{margin:0;padding:12px 0}.k-design-json-preview .fold-gutter{display:inline-block;width:8px;flex:0 0 8px}.k-design-json-preview :where(.hljs-ln.line-content){position:relative;display:inline-block}.k-design-json-preview .indent-guides{position:absolute;left:0;top:0;bottom:0;pointer-events:none;display:block}.k-design-json-preview .indent-guide{position:absolute;left:var(--guide-left);top:0;bottom:0;border-left:1px solid #e5e7eb;opacity:.4}.k-design-json-preview .fold-ellipsis{color:#9ca3af;font-style:italic}.k-design-json-preview :where(.hljs-ln.hljs-ln-line.selectedtd){background-color:var(--selected-line-bg,rgba(99,102,241,.14))}

package/dist/types/src/components/form-panel.vue.d.ts

@@ -1,9 +1,7 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     slots: any;
-    refs: {
-        contentEditorTel: HTMLDivElement;
-    };
+    refs: {};
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@king-one/form-design",
   "type": "module",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "@king-one 表单设计器",
   "author": "",
   "license": "ISC",
@@ -47,6 +47,7 @@
     "@king-one/tapable": "^3.0.0",
     "@king-one/theme": "^1.0.1",
     "@king-one/utils": "^1.0.13",
+    "highlight.js": "^11.11.1",
     "monaco-editor": "^0.54.0",
     "vuedraggable": "^4.1.0"
   },

package/dist/es/src/components/form-panel.vue.mjs

@@ -1,175 +0,0 @@
-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";
-import "../internal.mjs";
-import { Tooltip as C, Form as z } from "ant-design-vue";
-import R from "vuedraggable";
-import { useInjectDragContext as T, useInjectDesignContext as j } from "../context/design.mjs";
-import "./panel/panel-item.vue2.mjs";
-import "./index.mjs";
-import { useNamespace as B } from "../hooks/use-namespace/index.mjs";
-import b from "./form-icon.vue2.mjs";
-import J from "./panel/panel-item.vue.mjs";
-const O = { class: "left" }, P = { class: "right" }, q = { class: "content-panel" }, A = {
-  key: 0,
-  class: "prompt"
-}, G = { class: "form-item" }, H = {
-  ref: "contentEditorTel",
-  class: "content-editor"
-}, oe = /* @__PURE__ */ E({
-  name: "FormPanel",
-  __name: "form-panel",
-  setup(K) {
-    const { isDrag: w } = T(), d = F(!1), c = j(), { fields: r } = c;
-    function x() {
-    }
-    function S() {
-    }
-    const { b: y, e: f, em: p } = B("panel");
-    function D() {
-      const { shared: s } = c, { key: t } = s.draggedContext;
-      return t !== "";
-    }
-    function I(s, t) {
-      const l = V(s), { oldIndex: N } = t, u = l[N];
-      if (u) {
-        const { shared: $ } = c;
-        $.draggedContext.key = u.key;
-      }
-    }
-    return (s, t) => (_(), g(
-      "div",
-      {
-        class: i(e(y)())
-      },
-      [
-        o(
-          "div",
-          {
-            class: i(e(f)("toolbar"))
-          },
-          [
-            o("div", O, [
-              n(e(C), { placement: "bottom" }, {
-                title: a(() => t[1] || (t[1] = [
-                  o(
-                    "span",
-                    null,
-                    "全部删除",
-                    -1
-                    /* CACHED */
-                  )
-                ])),
-                default: a(() => [
-                  n(e(b), {
-                    name: "delete1",
-                    class: i(e(p)("toolbar", "icon")),
-                    size: 18,
-                    onClick: S
-                  }, null, 8, ["class"])
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              n(e(C), { placement: "bottom" }, {
-                title: a(() => t[2] || (t[2] = [
-                  o(
-                    "span",
-                    null,
-                    "查看JSON Schema",
-                    -1
-                    /* CACHED */
-                  )
-                ])),
-                default: a(() => [
-                  n(e(b), {
-                    name: "code",
-                    class: i(e(p)("toolbar", "icon")),
-                    size: 18,
-                    onClick: x
-                  }, null, 8, ["class"])
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              m(` <FormIcon name="desktop" />
-        <FormIcon name="mobile" /> `)
-            ]),
-            o("div", P, [
-              h(s.$slots, "toolbar")
-            ])
-          ],
-          2
-          /* CLASS */
-        ),
-        m(' ref="contentTelRef" '),
-        o(
-          "div",
-          {
-            class: i(e(f)("content"))
-          },
-          [
-            v(o(
-              "div",
-              q,
-              [
-                !e(w) && e(r).length === 0 ? (_(), g("div", A, " 👈 请在左侧选择控件并拖至此处 ")) : m("v-if", !0),
-                n(e(z), {
-                  autocomplete: "off",
-                  class: "design-from",
-                  "label-align": "left"
-                }, {
-                  default: a(() => [
-                    n(e(R), {
-                      class: "drag-from",
-                      list: e(r),
-                      group: { name: "form", put: D },
-                      animation: 300,
-                      sort: !0,
-                      "item-key": "id",
-                      "chosen-class": "choose",
-                      onStart: t[0] || (t[0] = (l) => I(e(r), l))
-                    }, {
-                      item: a(({ element: l }) => [
-                        o("div", G, [
-                          h(s.$slots, `panel-${l.key}`, {}, () => [
-                            n(J, {
-                              field: l,
-                              space: e(r)
-                            }, null, 8, ["field", "space"])
-                          ])
-                        ])
-                      ]),
-                      _: 3
-                      /* FORWARDED */
-                    }, 8, ["list", "group"])
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                })
-              ],
-              512
-              /* NEED_PATCH */
-            ), [
-              [k, !d.value]
-            ]),
-            v(o(
-              "div",
-              H,
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
-              [k, d.value]
-            ])
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      2
-      /* CLASS */
-    ));
-  }
-});
-export {
-  oe as default
-};

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

@@ -1,2 +0,0 @@
-"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" />
-        <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;