@king-one/form-design 0.0.11 → 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,17 +1,11 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
-    slots: Partial<Record<`panel-${any}`, (_: {}) => any>> & {
-        toolbar?(_: {}): any;
-    };
-    refs: {
-        contentEditorTel: HTMLDivElement;
-    };
+    slots: any;
+    refs: {};
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
-    contentEditorTel: HTMLDivElement;
-}, any>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/package.json

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

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 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" />
-        <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;