@king-one/form-design 0.0.16 → 0.0.18

package/dist/es/src/components/props/widget/InputNumberProps.vue2.mjs

@@ -1,115 +1,100 @@
-import { defineComponent as i, computed as v, openBlock as m, createBlock as s, unref as l, withCtx as n, createElementVNode as f, createVNode as a } from "vue";
-import { CollapsePanel as b, Form as x, FormItem as o, InputNumber as d, Switch as k, Input as r } from "ant-design-vue";
+import { defineComponent as i, computed as v, openBlock as m, createBlock as s, unref as e, withCtx as n, createVNode as t } from "vue";
+import { Form as f, FormItem as o, InputNumber as d, Switch as x, Input as r } from "ant-design-vue";
 import "../../../internal.mjs";
-import { useInjectDesignContext as w } from "../../../context/design.mjs";
-const c = /* @__PURE__ */ i({
+import { useInjectDesignContext as b } from "../../../context/design.mjs";
+const B = /* @__PURE__ */ i({
   __name: "InputNumberProps",
-  setup(U) {
-    const { checkedField: p } = w(), t = v(() => p.value["k-component-props"] || {});
-    return (y, e) => (m(), s(l(b), { key: "input-number-props" }, {
-      header: n(() => e[7] || (e[7] = [
-        f(
-          "div",
-          null,
-          "属性设置",
-          -1
-          /* CACHED */
-        )
-      ])),
+  setup(w) {
+    const { checkedField: p } = b(), l = v(() => p.value["x-component-props"] || {});
+    return (U, a) => (m(), s(e(f), {
+      "label-col": { style: { width: "100px" } },
+      "label-align": "left"
+    }, {
       default: n(() => [
-        a(l(x), {
-          "label-col": { style: { width: "100px" } },
-          "label-align": "left"
-        }, {
+        t(e(o), { label: "最大值" }, {
           default: n(() => [
-            a(l(o), { label: "最大值" }, {
-              default: n(() => [
-                a(l(d), {
-                  value: t.value.max,
-                  "onUpdate:value": e[0] || (e[0] = (u) => t.value.max = u),
-                  style: { width: "100%" },
-                  min: 1,
-                  precision: 0,
-                  max: 999
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(o), { label: "最小值" }, {
-              default: n(() => [
-                a(l(d), {
-                  value: t.value.min,
-                  "onUpdate:value": e[1] || (e[1] = (u) => t.value.min = u),
-                  style: { width: "100%" },
-                  min: 1,
-                  precision: 0,
-                  max: 999
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(o), { label: "小数点位数" }, {
-              default: n(() => [
-                a(l(d), {
-                  value: t.value.precision,
-                  "onUpdate:value": e[2] || (e[2] = (u) => t.value.precision = u),
-                  style: { width: "100%" },
-                  min: 1,
-                  precision: 0,
-                  max: 999
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(o), { label: "步长" }, {
-              default: n(() => [
-                a(l(d), {
-                  value: t.value.step,
-                  "onUpdate:value": e[3] || (e[3] = (u) => t.value.step = u),
-                  style: { width: "100%" },
-                  min: 1,
-                  precision: 0,
-                  max: 999
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(o), { label: "显示增减按钮" }, {
-              default: n(() => [
-                a(l(k), {
-                  checked: t.value.controls,
-                  "onUpdate:checked": e[4] || (e[4] = (u) => t.value.controls = u)
-                }, null, 8, ["checked"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(o), { label: "前缀内容" }, {
-              default: n(() => [
-                a(l(r), {
-                  value: t.value.addonBefore,
-                  "onUpdate:value": e[5] || (e[5] = (u) => t.value.addonBefore = u),
-                  placeholder: "请输入前缀内容"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(o), { label: "后缀内容" }, {
-              default: n(() => [
-                a(l(r), {
-                  value: t.value.addonAfter,
-                  "onUpdate:value": e[6] || (e[6] = (u) => t.value.addonAfter = u),
-                  placeholder: "请输入前缀内容"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            })
+            t(e(d), {
+              value: l.value.max,
+              "onUpdate:value": a[0] || (a[0] = (u) => l.value.max = u),
+              style: { width: "100%" },
+              min: 1,
+              precision: 0,
+              max: 999
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        t(e(o), { label: "最小值" }, {
+          default: n(() => [
+            t(e(d), {
+              value: l.value.min,
+              "onUpdate:value": a[1] || (a[1] = (u) => l.value.min = u),
+              style: { width: "100%" },
+              min: 1,
+              precision: 0,
+              max: 999
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        t(e(o), { label: "小数点位数" }, {
+          default: n(() => [
+            t(e(d), {
+              value: l.value.precision,
+              "onUpdate:value": a[2] || (a[2] = (u) => l.value.precision = u),
+              style: { width: "100%" },
+              min: 1,
+              precision: 0,
+              max: 999
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        t(e(o), { label: "步长" }, {
+          default: n(() => [
+            t(e(d), {
+              value: l.value.step,
+              "onUpdate:value": a[3] || (a[3] = (u) => l.value.step = u),
+              style: { width: "100%" },
+              min: 1,
+              precision: 0,
+              max: 999
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        t(e(o), { label: "显示增减按钮" }, {
+          default: n(() => [
+            t(e(x), {
+              checked: l.value.controls,
+              "onUpdate:checked": a[4] || (a[4] = (u) => l.value.controls = u)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        t(e(o), { label: "前缀内容" }, {
+          default: n(() => [
+            t(e(r), {
+              value: l.value.addonBefore,
+              "onUpdate:value": a[5] || (a[5] = (u) => l.value.addonBefore = u),
+              placeholder: "请输入前缀内容"
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        t(e(o), { label: "后缀内容" }, {
+          default: n(() => [
+            t(e(r), {
+              value: l.value.addonAfter,
+              "onUpdate:value": a[6] || (a[6] = (u) => l.value.addonAfter = u),
+              placeholder: "请输入前缀内容"
+            }, null, 8, ["value"])
           ]),
           _: 1
           /* STABLE */
@@ -121,5 +106,5 @@ const c = /* @__PURE__ */ i({
   }
 });
 export {
-  c as default
+  B as default
 };

package/dist/es/src/components/props/widget/InputProps.vue2.mjs

@@ -1,70 +1,55 @@
-import { defineComponent as p, computed as v, openBlock as f, createBlock as m, unref as l, withCtx as u, createElementVNode as i, createVNode as a } from "vue";
-import { CollapsePanel as s, Form as c, FormItem as r, Input as n, Switch as k } from "ant-design-vue";
+import { defineComponent as p, computed as v, openBlock as f, createBlock as m, unref as e, withCtx as u, createVNode as o } from "vue";
+import { Form as c, FormItem as r, Input as n, Switch as i } from "ant-design-vue";
 import "../../../internal.mjs";
-import { useInjectDesignContext as C } from "../../../context/design.mjs";
-const _ = /* @__PURE__ */ p({
+import { useInjectDesignContext as s } from "../../../context/design.mjs";
+const w = /* @__PURE__ */ p({
   __name: "InputProps",
-  setup(b) {
-    const { checkedField: d } = C(), o = v(() => d.value["k-component-props"] || {});
-    return (w, e) => (f(), m(l(s), { key: "input-props" }, {
-      header: u(() => e[4] || (e[4] = [
-        i(
-          "div",
-          null,
-          "属性设置",
-          -1
-          /* CACHED */
-        )
-      ])),
+  setup(k) {
+    const { checkedField: d } = s(), l = v(() => d.value["x-component-props"] || {});
+    return (x, a) => (f(), m(e(c), { layout: "vertical" }, {
       default: u(() => [
-        a(l(c), { layout: "vertical" }, {
+        o(e(r), {
+          label: "输入提示",
+          tooltip: "输入提示"
+        }, {
           default: u(() => [
-            a(l(r), {
-              label: "输入提示",
-              tooltip: "输入提示"
-            }, {
-              default: u(() => [
-                a(l(n), {
-                  value: o.value.placeholder,
-                  "onUpdate:value": e[0] || (e[0] = (t) => o.value.placeholder = t),
-                  placeholder: "请输入占位提示"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(r), { label: "允许清除内容(显示清除图标)" }, {
-              default: u(() => [
-                a(l(k), {
-                  checked: o.value.allowClear,
-                  "onUpdate:checked": e[1] || (e[1] = (t) => o.value.allowClear = t)
-                }, null, 8, ["checked"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(r), { label: "前缀内容" }, {
-              default: u(() => [
-                a(l(n), {
-                  value: o.value.addonBefore,
-                  "onUpdate:value": e[2] || (e[2] = (t) => o.value.addonBefore = t),
-                  placeholder: "请输入前缀内容"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            a(l(r), { label: "后缀内容" }, {
-              default: u(() => [
-                a(l(n), {
-                  value: o.value.addonAfter,
-                  "onUpdate:value": e[3] || (e[3] = (t) => o.value.addonAfter = t),
-                  placeholder: "请输入后缀内容"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            })
+            o(e(n), {
+              value: l.value.placeholder,
+              "onUpdate:value": a[0] || (a[0] = (t) => l.value.placeholder = t),
+              placeholder: "请输入占位提示"
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        o(e(r), { label: "允许清除内容(显示清除图标)" }, {
+          default: u(() => [
+            o(e(i), {
+              checked: l.value.allowClear,
+              "onUpdate:checked": a[1] || (a[1] = (t) => l.value.allowClear = t)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        o(e(r), { label: "前缀内容" }, {
+          default: u(() => [
+            o(e(n), {
+              value: l.value.addonBefore,
+              "onUpdate:value": a[2] || (a[2] = (t) => l.value.addonBefore = t),
+              placeholder: "请输入前缀内容"
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        o(e(r), { label: "后缀内容" }, {
+          default: u(() => [
+            o(e(n), {
+              value: l.value.addonAfter,
+              "onUpdate:value": a[3] || (a[3] = (t) => l.value.addonAfter = t),
+              placeholder: "请输入后缀内容"
+            }, null, 8, ["value"])
           ]),
           _: 1
           /* STABLE */
@@ -76,5 +61,5 @@ const _ = /* @__PURE__ */ p({
   }
 });
 export {
-  _ as default
+  w as default
 };

package/dist/es/src/components/props/widget/OvertimeProps.vue.mjs

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

package/dist/es/src/components/props/widget/OvertimeProps.vue2.mjs

@@ -0,0 +1,17 @@
+import { defineComponent as t, ref as o, openBlock as r, createElementBlock as c, toDisplayString as n } from "vue";
+const s = { style: { color: "#f56c6c" } }, l = /* @__PURE__ */ t({
+  __name: "OvertimeProps",
+  setup(p) {
+    const e = o(" 加班套件的配置，不知道有什么配置，先占位");
+    return (_, i) => (r(), c(
+      "div",
+      s,
+      n(e.value),
+      1
+      /* TEXT */
+    ));
+  }
+});
+export {
+  l as default
+};

package/dist/es/src/components/props/widget/PropsDecorator.mjs

@@ -0,0 +1,34 @@
+import { isVNode as p, defineComponent as u, ref as c, createVNode as n, h as d } from "vue";
+import { Collapse as f, CollapsePanel as s } from "ant-design-vue";
+function h(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
+}
+function g(e, a) {
+  return /* @__PURE__ */ u({
+    name: `${e}-props`,
+    inheritAttrs: !1,
+    setup() {
+      const r = c([0]), i = (t) => {
+        r.value = t;
+      };
+      return () => {
+        let t;
+        return n(f, {
+          activeKey: r.value,
+          onChange: (o) => i(o)
+        }, h(t = a.map((o, l) => n(s, {
+          key: l,
+          header: o.header
+        }, {
+          default: () => [o.widget ? d(o.widget) : null]
+        }, 8, ["header"]))) ? t : {
+          default: () => [t],
+          _: 1
+        }, 8, ["activeKey", "onChange"]);
+      };
+    }
+  });
+}
+export {
+  g as propsWidgetDecorator
+};

package/dist/es/src/components/props/widget/SelectProps.vue.mjs

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

package/dist/es/src/components/props/widget/SelectProps.vue2.mjs

@@ -0,0 +1,88 @@
+import { defineComponent as m, computed as v, openBlock as f, createBlock as i, unref as l, withCtx as o, createVNode as t, createTextVNode as r } from "vue";
+import { Form as s, FormItem as d, Input as _, Switch as b, RadioGroup as k, RadioButton as n } from "ant-design-vue";
+import "../../../internal.mjs";
+import { useInjectDesignContext as x } from "../../../context/design.mjs";
+const I = /* @__PURE__ */ m({
+  __name: "SelectProps",
+  setup(c) {
+    const { checkedField: p } = x(), a = v(() => p.value["x-component-props"] || {});
+    return (C, e) => (f(), i(l(s), { layout: "vertical" }, {
+      default: o(() => [
+        t(l(d), {
+          label: "输入提示",
+          tooltip: "输入提示"
+        }, {
+          default: o(() => [
+            t(l(_), {
+              value: a.value.placeholder,
+              "onUpdate:value": e[0] || (e[0] = (u) => a.value.placeholder = u),
+              placeholder: "请输入占位提示"
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        t(l(d), { label: "允许清除内容(显示清除图标)" }, {
+          default: o(() => [
+            t(l(b), {
+              checked: a.value.allowClear,
+              "onUpdate:checked": e[1] || (e[1] = (u) => a.value.allowClear = u)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        t(l(d), { label: "选项模式" }, {
+          default: o(() => [
+            t(l(k), {
+              value: a.value.mode,
+              "onUpdate:value": e[2] || (e[2] = (u) => a.value.mode = u)
+            }, {
+              default: o(() => [
+                t(l(n), {
+                  label: "单选",
+                  value: "single"
+                }, {
+                  default: o(() => e[3] || (e[3] = [
+                    r(" 单选 ")
+                  ])),
+                  _: 1,
+                  __: [3]
+                }),
+                t(l(n), {
+                  label: "多选",
+                  value: "multiple"
+                }, {
+                  default: o(() => e[4] || (e[4] = [
+                    r(" 多选 ")
+                  ])),
+                  _: 1,
+                  __: [4]
+                }),
+                t(l(n), {
+                  label: "标签",
+                  value: "tags"
+                }, {
+                  default: o(() => e[5] || (e[5] = [
+                    r(" 多选 ")
+                  ])),
+                  _: 1,
+                  __: [5]
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]),
+      _: 1
+      /* STABLE */
+    }));
+  }
+});
+export {
+  I as default
+};

package/dist/es/src/components/props/widget/TextareaProps.vue2.mjs

@@ -1,69 +1,54 @@
-import { defineComponent as p, computed as m, openBlock as s, createBlock as v, unref as l, withCtx as u, createElementVNode as i, createVNode as t } from "vue";
-import { CollapsePanel as c, Form as f, FormItem as n, Input as k, Switch as r, InputNumber as h } from "ant-design-vue";
+import { defineComponent as p, computed as m, openBlock as c, createBlock as v, unref as e, withCtx as u, createVNode as a } from "vue";
+import { Form as i, FormItem as n, Input as s, Switch as r, InputNumber as f } from "ant-design-vue";
 import "../../../internal.mjs";
-import { useInjectDesignContext as x } from "../../../context/design.mjs";
-const g = /* @__PURE__ */ p({
+import { useInjectDesignContext as h } from "../../../context/design.mjs";
+const I = /* @__PURE__ */ p({
   __name: "TextareaProps",
-  setup(C) {
-    const { checkedField: d } = x(), a = m(() => d.value["k-component-props"] || {});
-    return (w, e) => (s(), v(l(c), { key: "textarea-props" }, {
-      header: u(() => e[4] || (e[4] = [
-        i(
-          "div",
-          null,
-          "属性设置",
-          -1
-          /* CACHED */
-        )
-      ])),
+  setup(k) {
+    const { checkedField: d } = h(), l = m(() => d.value["x-component-props"] || {});
+    return (x, t) => (c(), v(e(i), { layout: "vertical" }, {
       default: u(() => [
-        t(l(f), { layout: "vertical" }, {
+        a(e(n), { label: "占位提示" }, {
           default: u(() => [
-            t(l(n), { label: "占位提示" }, {
-              default: u(() => [
-                t(l(k), {
-                  value: a.value.placeholder,
-                  "onUpdate:value": e[0] || (e[0] = (o) => a.value.placeholder = o),
-                  placeholder: "请输入占位提示"
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            t(l(n), { label: "允许清除内容(显示清除图标)" }, {
-              default: u(() => [
-                t(l(r), {
-                  checked: a.value.allowClear,
-                  "onUpdate:checked": e[1] || (e[1] = (o) => a.value.allowClear = o)
-                }, null, 8, ["checked"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            t(l(n), { label: "是否展示字数" }, {
-              default: u(() => [
-                t(l(r), {
-                  checked: a.value.showCount,
-                  "onUpdate:checked": e[2] || (e[2] = (o) => a.value.showCount = o)
-                }, null, 8, ["checked"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            t(l(n), { label: "最大长度" }, {
-              default: u(() => [
-                t(l(h), {
-                  value: a.value.maxlength,
-                  "onUpdate:value": e[3] || (e[3] = (o) => a.value.maxlength = o),
-                  style: { width: "100%" },
-                  min: 1,
-                  precision: 0,
-                  max: 999
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            })
+            a(e(s), {
+              value: l.value.placeholder,
+              "onUpdate:value": t[0] || (t[0] = (o) => l.value.placeholder = o),
+              placeholder: "请输入占位提示"
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        a(e(n), { label: "允许清除内容(显示清除图标)" }, {
+          default: u(() => [
+            a(e(r), {
+              checked: l.value.allowClear,
+              "onUpdate:checked": t[1] || (t[1] = (o) => l.value.allowClear = o)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        a(e(n), { label: "是否展示字数" }, {
+          default: u(() => [
+            a(e(r), {
+              checked: l.value.showCount,
+              "onUpdate:checked": t[2] || (t[2] = (o) => l.value.showCount = o)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        a(e(n), { label: "最大长度" }, {
+          default: u(() => [
+            a(e(f), {
+              value: l.value.maxlength,
+              "onUpdate:value": t[3] || (t[3] = (o) => l.value.maxlength = o),
+              style: { width: "100%" },
+              min: 1,
+              precision: 0,
+              max: 999
+            }, null, 8, ["value"])
           ]),
           _: 1
           /* STABLE */
@@ -75,5 +60,5 @@ const g = /* @__PURE__ */ p({
   }
 });
 export {
-  g as default
+  I as default
 };