sun-form-v3 1.0.45 → 1.0.47

package/dist/sun-form-v3.es.js

@@ -1,21 +1,21 @@
-import { openBlock as o, createElementBlock as a, Fragment as g, createTextVNode as x, createElementVNode as s, ref as b, resolveComponent as c, isRef as y, unref as n, toDisplayString as w, createBlock as p, withCtx as i, createVNode as m, renderSlot as h, createCommentVNode as k } from "vue";
-const B = /* @__PURE__ */ Object.assign({ name: "testBtn" }, {
+import { openBlock as s, createElementBlock as _, Fragment as T, createTextVNode as m, createElementVNode as c, ref as C, resolveComponent as a, isRef as k, unref as t, toDisplayString as v, createBlock as w, withCtx as p, createVNode as y, renderSlot as B, createCommentVNode as I, getCurrentInstance as V, computed as j, onMounted as O, createSlots as $ } from "vue";
+const A = /* @__PURE__ */ Object.assign({ name: "testBtn" }, {
   __name: "testBtn",
-  setup(e) {
-    return (r, t) => " testBtn ";
+  setup(o) {
+    return (d, e) => " testBtn ";
   }
-}), v = /* @__PURE__ */ s("input", { type: "text" }, null, -1), C = /* @__PURE__ */ Object.assign({ name: "testInput" }, {
+}), N = /* @__PURE__ */ c("input", { type: "text" }, null, -1), S = /* @__PURE__ */ Object.assign({ name: "testInput" }, {
   __name: "testInput",
-  setup(e) {
-    return (r, t) => (o(), a(g, null, [
-      x(" testInput "),
-      v
+  setup(o) {
+    return (d, e) => (s(), _(T, null, [
+      m(" testInput "),
+      N
     ], 64));
   }
-}), $ = { class: "border-gray-200 border-t border-b" }, j = { class: "select-none" }, A = {
+}), z = { class: "border-gray-200 border-t border-b" }, D = { class: "select-none" }, F = {
   key: 0,
   class: "px-3 py-2 bg-white"
-}, I = /* @__PURE__ */ Object.assign({ name: "commonCard" }, {
+}, U = /* @__PURE__ */ Object.assign({ name: "commonCard" }, {
   __name: "index",
   props: {
     title: {
@@ -23,41 +23,134 @@ const B = /* @__PURE__ */ Object.assign({ name: "testBtn" }, {
       default: "标题"
     }
   },
-  setup(e) {
-    let r = e, t = b(!0);
-    return (u, l) => {
-      const d = c("ArrowUp"), _ = c("el-icon"), f = c("ArrowDown");
-      return o(), a("div", $, [
-        s("div", {
+  setup(o) {
+    let d = o, e = C(!0);
+    return (n, r) => {
+      const u = a("ArrowUp"), i = a("el-icon"), g = a("ArrowDown");
+      return s(), _("div", z, [
+        c("div", {
           class: "flex items-center justify-between p-2 bg-gray-100 cursor-pointer text-sm",
-          onClick: l[0] || (l[0] = (V) => y(t) ? t.value = !n(t) : t = !n(t))
+          onClick: r[0] || (r[0] = (f) => k(e) ? e.value = !t(e) : e = !t(e))
         }, [
-          s("span", j, w(n(r).title), 1),
-          s("span", null, [
-            n(t) ? (o(), p(_, { key: 0 }, {
-              default: i(() => [
-                m(d)
+          c("span", D, v(t(d).title), 1),
+          c("span", null, [
+            t(e) ? (s(), w(i, { key: 0 }, {
+              default: p(() => [
+                y(u)
               ]),
               _: 1
-            })) : (o(), p(_, { key: 1 }, {
-              default: i(() => [
-                m(f)
+            })) : (s(), w(i, { key: 1 }, {
+              default: p(() => [
+                y(g)
               ]),
               _: 1
             }))
           ])
         ]),
-        n(t) ? (o(), a("div", A, [
-          h(u.$slots, "default")
-        ])) : k("", !0)
+        t(e) ? (s(), _("div", F, [
+          B(n.$slots, "default")
+        ])) : I("", !0)
       ]);
     };
   }
-}), N = (e) => {
-  e.component("testBtn", B), e.component("testInput", C), e.component("commonCard", I);
-}, O = {
-  install: N
+}), E = /* @__PURE__ */ Object.assign({ name: "widget-input" }, {
+  __name: "index",
+  props: {
+    designer: {
+      type: Object,
+      default: () => ({})
+    },
+    widget: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(o, { expose: d }) {
+    let e = o;
+    e.designer.setVueIncetance(e.widget.id, V());
+    let n = j(() => e.widget.props);
+    const r = (l) => {
+      e.designer.eventHandle({
+        eventType: "onChange",
+        value: l,
+        widget: e.widget
+      });
+    }, u = (l) => {
+      e.designer.eventHandle({
+        eventType: "onInput",
+        value: l,
+        widget: e.widget
+      });
+    }, i = () => {
+      e.designer.eventHandle({
+        eventType: "onFocus",
+        value: e.widget.props.value,
+        widget: e.widget
+      });
+    }, g = (l) => {
+      e.designer.eventHandle({
+        eventType: "onBlur",
+        value: e.widget.props.value,
+        widget: e.widget
+      });
+    }, f = () => {
+      e.designer.eventHandle({
+        eventType: "onHandle",
+        value: e.widget.props.value,
+        widget: e.widget
+      });
+    };
+    return e.designer.eventHandle({
+      eventType: "onCreated",
+      widget: e.widget
+    }), O(() => {
+      e.designer.eventHandle({
+        eventType: "onMounted",
+        widget: e.widget
+      });
+    }), d({
+      changeHandle: r
+    }), (l, x) => {
+      const b = a("el-button"), h = a("el-input");
+      return s(), w(h, {
+        onChange: r,
+        onInput: u,
+        onFocus: i,
+        modelValue: t(n).value,
+        "onUpdate:modelValue": x[0] || (x[0] = (H) => t(n).value = H),
+        type: t(n).type,
+        size: t(n).size,
+        onBlur: g,
+        placeholder: t(n).placeholder,
+        maxlength: t(n).maxlength
+      }, $({ _: 2 }, [
+        t(n).prependText ? {
+          name: "prepend",
+          fn: p(() => [
+            m(v(t(n).prependText), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        t(n).appendText ? {
+          name: "append",
+          fn: p(() => [
+            y(b, { onClick: f }, {
+              default: p(() => [
+                m(v(t(n).appendText), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["modelValue", "type", "size", "placeholder", "maxlength"]);
+    };
+  }
+}), M = (o) => {
+  o.component("testBtn", A), o.component("testInput", S), o.component("commonCard", U), o.component("widget-input", E);
+}, q = {
+  install: M
 };
 export {
-  O as default
+  q as default
 };

package/dist/sun-form-v3.umd.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.SunFormV3=o(e.Vue))})(this,function(e){"use strict";const o=Object.assign({name:"testBtn"},{__name:"testBtn",setup(n){return(r,t)=>" testBtn "}}),l=e.createElementVNode("input",{type:"text"},null,-1),i=Object.assign({name:"testInput"},{__name:"testInput",setup(n){return(r,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(" testInput "),l],64))}}),p={class:"border-gray-200 border-t border-b"},a={class:"select-none"},d={key:0,class:"px-3 py-2 bg-white"},m=Object.assign({name:"commonCard"},{__name:"index",props:{title:{type:String,default:"标题"}},setup(n){let r=n,t=e.ref(!0);return(_,s)=>{const f=e.resolveComponent("ArrowUp"),c=e.resolveComponent("el-icon"),k=e.resolveComponent("ArrowDown");return e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",{class:"flex items-center justify-between p-2 bg-gray-100 cursor-pointer text-sm",onClick:s[0]||(s[0]=u=>e.isRef(t)?t.value=!e.unref(t):t=!e.unref(t))},[e.createElementVNode("span",a,e.toDisplayString(e.unref(r).title),1),e.createElementVNode("span",null,[e.unref(t)?(e.openBlock(),e.createBlock(c,{key:0},{default:e.withCtx(()=>[e.createVNode(f)]),_:1})):(e.openBlock(),e.createBlock(c,{key:1},{default:e.withCtx(()=>[e.createVNode(k)]),_:1}))])]),e.unref(t)?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(_.$slots,"default")])):e.createCommentVNode("",!0)])}}});return{install:n=>{n.component("testBtn",o),n.component("testInput",i),n.component("commonCard",m)}}});
+(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue")):typeof define=="function"&&define.amd?define(["vue"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.SunFormV3=r(e.Vue))})(this,function(e){"use strict";const r=Object.assign({name:"testBtn"},{__name:"testBtn",setup(o){return(s,t)=>" testBtn "}}),g=e.createElementVNode("input",{type:"text"},null,-1),_=Object.assign({name:"testInput"},{__name:"testInput",setup(o){return(s,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(" testInput "),g],64))}}),f={class:"border-gray-200 border-t border-b"},u={class:"select-none"},w={key:0,class:"px-3 py-2 bg-white"},x=Object.assign({name:"commonCard"},{__name:"index",props:{title:{type:String,default:"标题"}},setup(o){let s=o,t=e.ref(!0);return(n,l)=>{const p=e.resolveComponent("ArrowUp"),i=e.resolveComponent("el-icon"),c=e.resolveComponent("ArrowDown");return e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",{class:"flex items-center justify-between p-2 bg-gray-100 cursor-pointer text-sm",onClick:l[0]||(l[0]=a=>e.isRef(t)?t.value=!e.unref(t):t=!e.unref(t))},[e.createElementVNode("span",u,e.toDisplayString(e.unref(s).title),1),e.createElementVNode("span",null,[e.unref(t)?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(p)]),_:1})):(e.openBlock(),e.createBlock(i,{key:1},{default:e.withCtx(()=>[e.createVNode(c)]),_:1}))])]),e.unref(t)?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(n.$slots,"default")])):e.createCommentVNode("",!0)])}}}),y=Object.assign({name:"widget-input"},{__name:"index",props:{designer:{type:Object,default:()=>({})},widget:{type:Object,default:()=>({})}},setup(o,{expose:s}){let t=o;t.designer.setVueIncetance(t.widget.id,e.getCurrentInstance());let n=e.computed(()=>t.widget.props);const l=d=>{t.designer.eventHandle({eventType:"onChange",value:d,widget:t.widget})},p=d=>{t.designer.eventHandle({eventType:"onInput",value:d,widget:t.widget})},i=()=>{t.designer.eventHandle({eventType:"onFocus",value:t.widget.props.value,widget:t.widget})},c=d=>{t.designer.eventHandle({eventType:"onBlur",value:t.widget.props.value,widget:t.widget})},a=()=>{t.designer.eventHandle({eventType:"onHandle",value:t.widget.props.value,widget:t.widget})};return t.designer.eventHandle({eventType:"onCreated",widget:t.widget}),e.onMounted(()=>{t.designer.eventHandle({eventType:"onMounted",widget:t.widget})}),s({changeHandle:l}),(d,m)=>{const h=e.resolveComponent("el-button"),k=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(k,{onChange:l,onInput:p,onFocus:i,modelValue:e.unref(n).value,"onUpdate:modelValue":m[0]||(m[0]=C=>e.unref(n).value=C),type:e.unref(n).type,size:e.unref(n).size,onBlur:c,placeholder:e.unref(n).placeholder,maxlength:e.unref(n).maxlength},e.createSlots({_:2},[e.unref(n).prependText?{name:"prepend",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n).prependText),1)]),key:"0"}:void 0,e.unref(n).appendText?{name:"append",fn:e.withCtx(()=>[e.createVNode(h,{onClick:a},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n).appendText),1)]),_:1})]),key:"1"}:void 0]),1032,["modelValue","type","size","placeholder","maxlength"])}}});return{install:o=>{o.component("testBtn",r),o.component("testInput",_),o.component("commonCard",x),o.component("widget-input",y)}}});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sun-form-v3",
   "private": false,
-  "version": "1.0.45",
+  "version": "1.0.47",
   "type": "module",
   "files": [
     "dist"