epic-designer-gold 0.0.1 → 0.0.3

package/README.md

@@ -18,6 +18,7 @@
 </p>
 
 
+
 📦github仓库：[https://github.com/Kchengz/epic-designer](https://github.com/Kchengz/epic-designer)
 
 📦gitee仓库：[https://gitee.com/kcz66/epic-designer](https://gitee.com/kcz66/epic-designer)
@@ -48,12 +49,12 @@
 #### 功能
 
 - [x] 拖拽设计
-- [x] 自定义动作栏扩展
-- [x] 自定义组件扩展
+- [x] 自定义 actionBar
 - [x] 布局组件扩展
+- [x] 自定义组件扩展
 - [x] 事件扩展
 - [x] 组件懒加载
-- [x] 右侧栏扩展
+- [x] 完善布局
 - [x] 组件属性自定义
 - [x] 支持不同 UI
 - [x] 插件扩展
@@ -180,6 +181,7 @@ import { EDesigner } from "epic-designer";
 }
 </style>
 ```
+
 ## EBuilder(生成器) 基础用法
 
 ```vue
@@ -230,6 +232,7 @@ const pageSchema = {
 - [【epic-designer 交流群：747609683】](https://jq.qq.com/?_wv=1027&k=CtrM9ce2)
 
 ## 捐赠
+
 如果你觉得epic-designer对你有帮助，欢迎给我捐赠
 
 ![](https://examples.epicjs.cn/static/donation.png)

package/dist/_commonjsHelpers-BVfed4GL.js

@@ -0,0 +1,28 @@
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function l(e) {
+  if (e.__esModule) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function o() {
+      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var n = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
+export {
+  f as a,
+  u as c,
+  l as g
+};

package/dist/_commonjsHelpers-DwTZ_eVU.cjs

@@ -0,0 +1 @@
+"use strict";var u=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function f(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function l(e){if(e.__esModule)return e;var r=e.default;if(typeof r=="function"){var t=function o(){return this instanceof o?Reflect.construct(r,arguments,this.constructor):r.apply(this,arguments)};t.prototype=r.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}),t}exports.commonjsGlobal=u;exports.getAugmentedNamespace=l;exports.getDefaultExportFromCjs=f;

package/dist/_dayjs_commonjs-external-D9ZbEWhj.js

@@ -0,0 +1,6 @@
+import * as e from "dayjs";
+import { g as r } from "./_commonjsHelpers-BVfed4GL.js";
+const m = /* @__PURE__ */ r(e);
+export {
+  m as r
+};

package/dist/_dayjs_commonjs-external-DWlrxCld.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("dayjs"),o=require("./_commonjsHelpers-DwTZ_eVU.cjs");function s(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 u=s(c),a=o.getAugmentedNamespace(u);exports.require$$0=a;

package/dist/_plugin-vue_export-helper-BHFhmbuH.cjs

@@ -0,0 +1 @@
+"use strict";const e=(t,o)=>{const c=t.__vccOpts||t;for(const[r,s]of o)c[r]=s;return c};exports._export_sfc=e;

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/dist/_vue_commonjs-external-BbihI59z.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("vue"),o=require("./_commonjsHelpers-DwTZ_eVU.cjs");function u(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 s=u(c),a=o.getAugmentedNamespace(s);exports.require$$0=a;

package/dist/_vue_commonjs-external-NwvjgbHK.js

@@ -0,0 +1,6 @@
+import * as e from "vue";
+import { g as r } from "./_commonjsHelpers-BVfed4GL.js";
+const o = /* @__PURE__ */ r(e);
+export {
+  o as r
+};

package/dist/attributeView-DZw_yBnS.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-Bhu7a5V1.cjs"),v=require("./pluginManager-itCTrGag.cjs"),k=["title"],g=e.defineComponent({__name:"attributeView",setup(b){const d=e.inject("designer"),s=e.inject("pageSchema"),p=e.inject("revoke"),f=v.pluginManager.getComponentConfings(),c=e.computed(()=>d.state.checkedNode);function h(n){var a;return typeof n.show=="boolean"?n.show:typeof n.show=="function"?(a=n.show)==null?void 0:a.call(n,{values:c.value}):!0}const u=e.ref([]);e.watchEffect(()=>{var o,t,r;const n=(o=d.state.checkedNode)==null?void 0:o.type;if(!d.state.checkedNode||!n)return[];const a=((t=f[n])==null?void 0:t.config.attribute)??[];u.value=[{label:"组件ID",type:"input",field:"id",componentProps:{disabled:!0}},...a],d.state.checkedNode.id===((r=s.schemas[0])==null?void 0:r.id)&&u.value.push({label:"画布宽度",type:"EInputSize",field:"canvas.width",editData:s},{label:"画布高度",type:"EInputSize",field:"canvas.height",editData:s})});function y(n,a,o,t=c.value){typeof o.onChange=="function"&&o.onChange({value:n,values:t,componentAttributes:u}),o.changeSync?l.setValueByPath(t,a,n):e.nextTick(()=>{l.setValueByPath(t,a,n)}),p.push(s.schemas,"编辑组件属性")}function m(n,a,o=c.value){e.nextTick(()=>{l.setValueByPath(o,"componentProps.dynamicId",n)})}return(n,a)=>{var o;return e.openBlock(),e.createElementBlock("div",{class:"epic-attribute-view",key:(o=c.value)==null?void 0:o.id},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,t=>{var r;return e.openBlock(),e.createElementBlock("div",{key:t.field},[h(t)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",t.layout])},[t.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:t.label},e.toDisplayString(t.label),9,k)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["epic-attr-input",{"block!":t.layout==="vertical"}])},[e.createVNode(e.unref(l._sfc_main),{componentSchema:{...t,componentProps:{...t.componentProps,...t.field==="componentProps.defaultValue"?(r=c.value)==null?void 0:r.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},dynamicId:e.unref(l.getValueByPath)(t.editData??c.value,"componentProps.dynamicId"),"model-value":e.unref(l.getValueByPath)(t.editData??c.value,t.field),"onUpdate:modelValue":i=>y(i,t.field,t,t.editData),"onUpdate:dynamicId":i=>m(i)},null,8,["componentSchema","dynamicId","model-value","onUpdate:modelValue","onUpdate:dynamicId"])],2)],2)):e.createCommentVNode("",!0)])}),128))])}}});exports.default=g;

package/dist/attributeView-oQIE06uw.js

@@ -0,0 +1,105 @@
+import { defineComponent as S, inject as i, computed as V, ref as P, watchEffect as C, openBlock as l, createElementBlock as s, Fragment as N, renderList as D, normalizeClass as m, toDisplayString as E, createCommentVNode as y, createElementVNode as U, createVNode as B, unref as f, nextTick as v } from "vue";
+import { _ as x, p as g, s as h } from "./index-Bo1Sw1k6.js";
+import { p as z } from "./pluginManager-D8PM7ICc.js";
+const F = ["title"], M = /* @__PURE__ */ S({
+  __name: "attributeView",
+  setup(T) {
+    const d = i("designer"), r = i("pageSchema"), b = i("revoke"), k = z.getComponentConfings(), o = V(() => d.state.checkedNode);
+    function _(t) {
+      var a;
+      return typeof t.show == "boolean" ? t.show : typeof t.show == "function" ? (a = t.show) == null ? void 0 : a.call(t, { values: o.value }) : !0;
+    }
+    const p = P([]);
+    C(() => {
+      var n, e, c;
+      const t = (n = d.state.checkedNode) == null ? void 0 : n.type;
+      if (!d.state.checkedNode || !t)
+        return [];
+      const a = ((e = k[t]) == null ? void 0 : e.config.attribute) ?? [];
+      p.value = [
+        {
+          label: "组件ID",
+          type: "input",
+          field: "id",
+          componentProps: {
+            disabled: !0
+          }
+        },
+        ...a
+      ], d.state.checkedNode.id === ((c = r.schemas[0]) == null ? void 0 : c.id) && p.value.push(
+        {
+          label: "画布宽度",
+          type: "EInputSize",
+          field: "canvas.width",
+          editData: r
+        },
+        {
+          label: "画布高度",
+          type: "EInputSize",
+          field: "canvas.height",
+          editData: r
+        }
+      );
+    });
+    function w(t, a, n, e = o.value) {
+      typeof n.onChange == "function" && n.onChange({ value: t, values: e, componentAttributes: p }), n.changeSync ? h(e, a, t) : v(() => {
+        h(e, a, t);
+      }), b.push(r.schemas, "编辑组件属性");
+    }
+    function I(t, a, n = o.value) {
+      v(() => {
+        h(n, "componentProps.dynamicId", t);
+      });
+    }
+    return (t, a) => {
+      var n;
+      return l(), s("div", {
+        class: "epic-attribute-view",
+        key: (n = o.value) == null ? void 0 : n.id
+      }, [
+        (l(!0), s(N, null, D(p.value, (e) => {
+          var c;
+          return l(), s("div", {
+            key: e.field
+          }, [
+            _(e) ? (l(), s("div", {
+              key: 0,
+              class: m(["epic-attr-item", e.layout])
+            }, [
+              e.label ? (l(), s("div", {
+                key: 0,
+                class: "epic-attr-label",
+                title: e.label
+              }, E(e.label), 9, F)) : y("", !0),
+              U("div", {
+                class: m(["epic-attr-input", { "block!": e.layout === "vertical" }])
+              }, [
+                B(f(x), {
+                  componentSchema: {
+                    ...e,
+                    componentProps: {
+                      ...e.componentProps,
+                      ...e.field === "componentProps.defaultValue" ? (c = o.value) == null ? void 0 : c.componentProps : {},
+                      input: !1,
+                      field: void 0,
+                      hidden: !1
+                    },
+                    show: !0,
+                    noFormItem: !0
+                  },
+                  dynamicId: f(g)(e.editData ?? o.value, "componentProps.dynamicId"),
+                  "model-value": f(g)(e.editData ?? o.value, e.field),
+                  "onUpdate:modelValue": (u) => w(u, e.field, e, e.editData),
+                  "onUpdate:dynamicId": (u) => I(u)
+                }, null, 8, ["componentSchema", "dynamicId", "model-value", "onUpdate:modelValue", "onUpdate:dynamicId"])
+              ], 2)
+            ], 2)) : y("", !0)
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  M as default
+};