vue-form-craft 2.0.11 → 2.0.13

package/dist/lua-c5Y_JsBp.mjs

@@ -0,0 +1,221 @@
+function c(e) {
+  return new RegExp("^(?:" + e.join("|") + ")", "i");
+}
+function o(e) {
+  return new RegExp("^(?:" + e.join("|") + ")$", "i");
+}
+var d = o([
+  "_G",
+  "_VERSION",
+  "assert",
+  "collectgarbage",
+  "dofile",
+  "error",
+  "getfenv",
+  "getmetatable",
+  "ipairs",
+  "load",
+  "loadfile",
+  "loadstring",
+  "module",
+  "next",
+  "pairs",
+  "pcall",
+  "print",
+  "rawequal",
+  "rawget",
+  "rawset",
+  "require",
+  "select",
+  "setfenv",
+  "setmetatable",
+  "tonumber",
+  "tostring",
+  "type",
+  "unpack",
+  "xpcall",
+  "coroutine.create",
+  "coroutine.resume",
+  "coroutine.running",
+  "coroutine.status",
+  "coroutine.wrap",
+  "coroutine.yield",
+  "debug.debug",
+  "debug.getfenv",
+  "debug.gethook",
+  "debug.getinfo",
+  "debug.getlocal",
+  "debug.getmetatable",
+  "debug.getregistry",
+  "debug.getupvalue",
+  "debug.setfenv",
+  "debug.sethook",
+  "debug.setlocal",
+  "debug.setmetatable",
+  "debug.setupvalue",
+  "debug.traceback",
+  "close",
+  "flush",
+  "lines",
+  "read",
+  "seek",
+  "setvbuf",
+  "write",
+  "io.close",
+  "io.flush",
+  "io.input",
+  "io.lines",
+  "io.open",
+  "io.output",
+  "io.popen",
+  "io.read",
+  "io.stderr",
+  "io.stdin",
+  "io.stdout",
+  "io.tmpfile",
+  "io.type",
+  "io.write",
+  "math.abs",
+  "math.acos",
+  "math.asin",
+  "math.atan",
+  "math.atan2",
+  "math.ceil",
+  "math.cos",
+  "math.cosh",
+  "math.deg",
+  "math.exp",
+  "math.floor",
+  "math.fmod",
+  "math.frexp",
+  "math.huge",
+  "math.ldexp",
+  "math.log",
+  "math.log10",
+  "math.max",
+  "math.min",
+  "math.modf",
+  "math.pi",
+  "math.pow",
+  "math.rad",
+  "math.random",
+  "math.randomseed",
+  "math.sin",
+  "math.sinh",
+  "math.sqrt",
+  "math.tan",
+  "math.tanh",
+  "os.clock",
+  "os.date",
+  "os.difftime",
+  "os.execute",
+  "os.exit",
+  "os.getenv",
+  "os.remove",
+  "os.rename",
+  "os.setlocale",
+  "os.time",
+  "os.tmpname",
+  "package.cpath",
+  "package.loaded",
+  "package.loaders",
+  "package.loadlib",
+  "package.path",
+  "package.preload",
+  "package.seeall",
+  "string.byte",
+  "string.char",
+  "string.dump",
+  "string.find",
+  "string.format",
+  "string.gmatch",
+  "string.gsub",
+  "string.len",
+  "string.lower",
+  "string.match",
+  "string.rep",
+  "string.reverse",
+  "string.sub",
+  "string.upper",
+  "table.concat",
+  "table.insert",
+  "table.maxn",
+  "table.remove",
+  "table.sort"
+]), g = o([
+  "and",
+  "break",
+  "elseif",
+  "false",
+  "nil",
+  "not",
+  "or",
+  "return",
+  "true",
+  "function",
+  "end",
+  "if",
+  "then",
+  "else",
+  "do",
+  "while",
+  "repeat",
+  "until",
+  "for",
+  "in",
+  "local"
+]), f = o(["function", "if", "repeat", "do", "\\(", "{"]), h = o(["end", "until", "\\)", "}"]), p = c(["end", "until", "\\)", "}", "else", "elseif"]);
+function u(e) {
+  for (var t = 0; e.eat("="); )
+    ++t;
+  return e.eat("["), t;
+}
+function l(e, t) {
+  var n = e.next();
+  return n == "-" && e.eat("-") ? e.eat("[") && e.eat("[") ? (t.cur = s(u(e), "comment"))(e, t) : (e.skipToEnd(), "comment") : n == '"' || n == "'" ? (t.cur = m(n))(e, t) : n == "[" && /[\[=]/.test(e.peek()) ? (t.cur = s(u(e), "string"))(e, t) : /\d/.test(n) ? (e.eatWhile(/[\w.%]/), "number") : /[\w_]/.test(n) ? (e.eatWhile(/[\w\\\-_.]/), "variable") : null;
+}
+function s(e, t) {
+  return function(n, i) {
+    for (var a = null, r; (r = n.next()) != null; )
+      if (a == null)
+        r == "]" && (a = 0);
+      else if (r == "=")
+        ++a;
+      else if (r == "]" && a == e) {
+        i.cur = l;
+        break;
+      } else
+        a = null;
+    return t;
+  };
+}
+function m(e) {
+  return function(t, n) {
+    for (var i = !1, a; (a = t.next()) != null && !(a == e && !i); )
+      i = !i && a == "\\";
+    return i || (n.cur = l), "string";
+  };
+}
+const b = {
+  name: "lua",
+  startState: function() {
+    return { basecol: 0, indentDepth: 0, cur: l };
+  },
+  token: function(e, t) {
+    if (e.eatSpace())
+      return null;
+    var n = t.cur(e, t), i = e.current();
+    return n == "variable" && (g.test(i) ? n = "keyword" : d.test(i) && (n = "builtin")), n != "comment" && n != "string" && (f.test(i) ? ++t.indentDepth : h.test(i) && --t.indentDepth), n;
+  },
+  indent: function(e, t, n) {
+    var i = p.test(t);
+    return e.basecol + n.unit * (e.indentDepth - (i ? 1 : 0));
+  },
+  languageData: {
+    indentOnInput: /^\s*(?:end|until|else|\)|\})$/,
+    commentTokens: { line: "--", block: { open: "--[[", close: "]]--" } }
+  }
+};
+export {
+  b as lua
+};

package/dist/markdown-WScJtLZn.mjs

@@ -0,0 +1,31 @@
+import { openBlock as c, createElementBlock as e, createElementVNode as o } from "vue";
+import { _ as t } from "./release-S-TGj6yv.mjs";
+const s = {}, r = {
+  t: "1704894799777",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4348",
+  width: "200",
+  height: "200"
+}, n = /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M854.6 288.7c6 6 9.4 14.1 9.4 22.6V928c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32h424.7c8.5 0 16.7 3.4 22.7 9.4l215.2 215.3zM790.2 326L602 137.8V326h188.2zM426.13 600.93l59.11 132.975a16.003 16.003 0 0 0 14.624 9.503h24.055c6.33 0 12.065-3.732 14.63-9.518l59.109-133.35v157.458c0 8.838 7.165 16.003 16.003 16.003h27.337c8.838 0 16.003-7.165 16.003-16.003V486.002c0-8.838-7.165-16.003-16.003-16.003h-34.746a16.003 16.003 0 0 0-14.673 9.616l-79.473 182.587-79.473-182.587A16.003 16.003 0 0 0 417.96 470h-34.958c-8.838 0-16.003 7.165-16.003 16.003v271.996c0 8.838 7.165 16.003 16.003 16.003h27.126c8.838 0 16.003-7.165 16.003-16.003V600.929z",
+    fill: "#000000",
+    "p-id": "4349"
+  },
+  null,
+  -1
+  /* HOISTED */
+), h = [
+  n
+];
+function i(l, _) {
+  return c(), e("svg", r, [...h]);
+}
+const f = /* @__PURE__ */ t(s, [["render", i], ["__file", "C:/Users/33075/Desktop/hyl/vue-form-craft/src/icons/markdown.vue"]]);
+export {
+  f as default
+};

package/dist/mathematica-iiGTGmUs.mjs

@@ -0,0 +1,35 @@
+var u = "[a-zA-Z\\$][a-zA-Z0-9\\$]*", f = "(?:\\d+)", c = "(?:\\.\\d+|\\d+\\.\\d*|\\d+)", o = "(?:\\.\\w+|\\w+\\.\\w*|\\w+)", l = "(?:`(?:`?" + c + ")?)", z = new RegExp("(?:" + f + "(?:\\^\\^" + o + l + "?(?:\\*\\^[+-]?\\d+)?))"), m = new RegExp("(?:" + c + l + "?(?:\\*\\^[+-]?\\d+)?)"), A = new RegExp("(?:`?)(?:" + u + ")(?:`(?:" + u + "))*(?:`?)");
+function i(e, a) {
+  var n;
+  return n = e.next(), n === '"' ? (a.tokenize = Z, a.tokenize(e, a)) : n === "(" && e.eat("*") ? (a.commentLevel++, a.tokenize = $, a.tokenize(e, a)) : (e.backUp(1), e.match(z, !0, !1) || e.match(m, !0, !1) ? "number" : e.match(/(?:In|Out)\[[0-9]*\]/, !0, !1) ? "atom" : e.match(/([a-zA-Z\$][a-zA-Z0-9\$]*(?:`[a-zA-Z0-9\$]+)*::usage)/, !0, !1) ? "meta" : e.match(/([a-zA-Z\$][a-zA-Z0-9\$]*(?:`[a-zA-Z0-9\$]+)*::[a-zA-Z\$][a-zA-Z0-9\$]*):?/, !0, !1) ? "string.special" : e.match(/([a-zA-Z\$][a-zA-Z0-9\$]*\s*:)(?:(?:[a-zA-Z\$][a-zA-Z0-9\$]*)|(?:[^:=>~@\^\&\*\)\[\]'\?,\|])).*/, !0, !1) || e.match(/[a-zA-Z\$][a-zA-Z0-9\$]*_+[a-zA-Z\$][a-zA-Z0-9\$]*/, !0, !1) || e.match(/[a-zA-Z\$][a-zA-Z0-9\$]*_+/, !0, !1) || e.match(/_+[a-zA-Z\$][a-zA-Z0-9\$]*/, !0, !1) ? "variableName.special" : e.match(/\\\[[a-zA-Z\$][a-zA-Z0-9\$]*\]/, !0, !1) ? "character" : e.match(/(?:\[|\]|{|}|\(|\))/, !0, !1) ? "bracket" : e.match(/(?:#[a-zA-Z\$][a-zA-Z0-9\$]*|#+[0-9]?)/, !0, !1) ? "variableName.constant" : e.match(A, !0, !1) ? "keyword" : e.match(/(?:\\|\+|\-|\*|\/|,|;|\.|:|@|~|=|>|<|&|\||_|`|'|\^|\?|!|%)/, !0, !1) ? "operator" : (e.next(), "error"));
+}
+function Z(e, a) {
+  for (var n, r = !1, t = !1; (n = e.next()) != null; ) {
+    if (n === '"' && !t) {
+      r = !0;
+      break;
+    }
+    t = !t && n === "\\";
+  }
+  return r && !t && (a.tokenize = i), "string";
+}
+function $(e, a) {
+  for (var n, r; a.commentLevel > 0 && (r = e.next()) != null; )
+    n === "(" && r === "*" && a.commentLevel++, n === "*" && r === ")" && a.commentLevel--, n = r;
+  return a.commentLevel <= 0 && (a.tokenize = i), "comment";
+}
+const v = {
+  name: "mathematica",
+  startState: function() {
+    return { tokenize: i, commentLevel: 0 };
+  },
+  token: function(e, a) {
+    return e.eatSpace() ? null : a.tokenize(e, a);
+  },
+  languageData: {
+    commentTokens: { block: { open: "(*", close: "*)" } }
+  }
+};
+export {
+  v as mathematica
+};

package/dist/mbox-ZJh86H8B.mjs

@@ -0,0 +1,78 @@
+var o = [
+  "From",
+  "Sender",
+  "Reply-To",
+  "To",
+  "Cc",
+  "Bcc",
+  "Message-ID",
+  "In-Reply-To",
+  "References",
+  "Resent-From",
+  "Resent-Sender",
+  "Resent-To",
+  "Resent-Cc",
+  "Resent-Bcc",
+  "Resent-Message-ID",
+  "Return-Path",
+  "Received"
+], l = [
+  "Date",
+  "Subject",
+  "Comments",
+  "Keywords",
+  "Resent-Date"
+], u = /^[ \t]/, d = /^From /, f = new RegExp("^(" + o.join("|") + "): "), c = new RegExp("^(" + l.join("|") + "): "), t = /^[^:]+:/, m = /^[^ ]+@[^ ]+/, p = /^.*?(?=[^ ]+?@[^ ]+)/, H = /^<.*?>/, v = /^.*?(?=<.*>)/;
+function h(e) {
+  return e === "Subject" ? "header" : "string";
+}
+function R(e, r) {
+  if (e.sol()) {
+    if (r.inSeparator = !1, r.inHeader && e.match(u))
+      return null;
+    if (r.inHeader = !1, r.header = null, e.match(d))
+      return r.inHeaders = !0, r.inSeparator = !0, "atom";
+    var n, i = !1;
+    return (n = e.match(c)) || (i = !0) && (n = e.match(f)) ? (r.inHeaders = !0, r.inHeader = !0, r.emailPermitted = i, r.header = n[1], "atom") : r.inHeaders && (n = e.match(t)) ? (r.inHeader = !0, r.emailPermitted = !0, r.header = n[1], "atom") : (r.inHeaders = !1, e.skipToEnd(), null);
+  }
+  if (r.inSeparator)
+    return e.match(m) ? "link" : (e.match(p) || e.skipToEnd(), "atom");
+  if (r.inHeader) {
+    var a = h(r.header);
+    if (r.emailPermitted) {
+      if (e.match(H))
+        return a + " link";
+      if (e.match(v))
+        return a;
+    }
+    return e.skipToEnd(), a;
+  }
+  return e.skipToEnd(), null;
+}
+const k = {
+  name: "mbox",
+  startState: function() {
+    return {
+      // Is in a mbox separator
+      inSeparator: !1,
+      // Is in a mail header
+      inHeader: !1,
+      // If bracketed email is permitted. Only applicable when inHeader
+      emailPermitted: !1,
+      // Name of current header
+      header: null,
+      // Is in a region of mail headers
+      inHeaders: !1
+    };
+  },
+  token: R,
+  blankLine: function(e) {
+    e.inHeaders = e.inSeparator = e.inHeader = !1;
+  },
+  languageData: {
+    autocomplete: o.concat(l)
+  }
+};
+export {
+  k as mbox
+};

package/dist/md/FormDesignDoc.md

@@ -0,0 +1,44 @@
+## 简介
+
+FormDesign 是 vue-form-craft 的可视化表单设计器组件。
+
+
+```vue
+<template>
+  <form-design v-model="schema" @onSave="onSave" />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const schema = ref({
+  labelWidth: 150,
+  labelAlign: 'right',
+  size: 'default',
+  items: []
+})
+
+const onSave = () => {
+  console.log(schema.value)
+}
+</script>
+
+```
+
+## Props
+
+| 参数名               | 类型       | 默认值  | 是否必传 | 描述                                                        |
+| -------------------- | ---------- | ------- | -------- | ----------------------------------------------------------- |
+| v-model              | object ref | ref({}) | No       | 设计器的Schema，双向绑定                                    |
+| previewSchemaContext | object     | {}      | No       | **表单预览** 的自定义联动变量                               |
+| style                | any        | ———     | No       | 设计器的style                                               |
+| class                | any        | ———     | No       | 设计器的class                                               |
+| schemaId             | String     | ———     | No       | 设计器会根据这个id，远程获取schema。需提前配置getSchema方法 |
+
+## Events
+
+| 事件名 | 类型         | 描述               |
+| ------ | ------------ | ------------------ |
+| onSave | schema=>void | 点击保存按钮时触发 |
+
+

package/dist/md/globalConfig.md

@@ -0,0 +1,22 @@
+## 全局配置
+
+`vue-form-craft` 全局挂载的同时，可以传入一些全局配置
+
+```vue
+import { createApp } from 'vue'
+import App from './App.vue'
+import VueFormCraft from 'vue-form-craft'
+import { request } from '@/utils'
+
+const app = createApp(App)
+
+app.use(VueFormCraft, { request }) //第二个参数为options 
+app.mount('#app')
+```
+
+可选的全局配置如下：
+
+| 参数名    | 类型                  | 默认值 | 是否必传 | 描述                                                                            |
+| --------- | --------------------- | ------ | -------- | ------------------------------------------------------------------------------- |
+| request   | Function              | axios  | No       | 所有组件请求接口的api方法，推荐传入二次封装后的axios实例                        |
+| getSchema | schemaId => `Promise` | ———    | No       | 当`FormDesign`或`SchemaForm` 传入schemaId时，会调用此方法来尝试获取远程的schema |

package/dist/md/introduce.md

@@ -0,0 +1,13 @@
+## 简介
+
+vue-form-craft是一款基于Vue 3.+的低代码表单，基于Element Plus UI库。
+
+目的是为前端开发同学提供快速搭建表单、实现表单交互和数据收集的功能😄。
+
+
+## 核心
+
+vue-form-craft主要由 **表单设计器FormDesign** 、 **表单渲染器SchemaForm**两部分构成。
+
+FormDesign通过拖拽组件方式生成JSON格式的表单配置，SchemaForm负责将表单JSON渲染为Vue组件。
+

package/dist/md/linkage.md

@@ -0,0 +1,229 @@
+## 表单联动
+
+要评价一个表单工具能力强不强，表单联动能力至关重要。 **vue-form-craft** 通过`动态计算schema` 、`watch 监听` 等方式尽可能的让表单联动变简单。
+
+### 插值表达式
+
+插值表达式为字符串格式，以双花括号 {{ ... }}为语法特征，对于简单的联动提供一种简洁的配置方式。
+
+被双花括号包裹的字符串一律会被解析为 **js表达式并返回结果**，且只能使用联动变量。这种联动方式基本能应对百分之80以上的联动场景😎 
+
+例如：控制字段禁用、隐藏、文案提示等交互。
+
+**Schema 所有协议字段都支持插值表达式。**
+
+
+> Schema插值表达式 可以使用的联动变量：
+
+| 变量名      | 类型   | 描述                            |
+| ----------- | ------ | ------------------------------- |
+| $val        | Object | 当前字段值                      |
+| $values     | Object | 整个表单的值                    |
+| $selectData | Object | 选择类字段，已选项对应的数据源  |
+| $utils      | Object | 一些工具函数                    |
+| ...         | any    | 由schemaContext传入的自定义变量 |
+
+
+<br/>
+
+#### 举个栗子
+
+必须标题输入了值，类型才会出现。类型如果选了【发布多条】，数量会解除禁用
+
+<div class="linkage1"></div>
+
+```json
+{
+  "labelWidth": 150,
+  "labelAlign": "right",
+  "size": "default",
+  "items": [
+    {
+      "label": "标题",
+      "component": "input",
+      "props": {
+        "placeholder": "请输入..."
+      },
+      "onlyId": "form-JPzT",
+      "name": "title"
+    },
+    {
+      "label": "类型",
+      "component": "select",
+      "props": {
+        "mode": "static",
+        "options": [
+          {
+            "label": "存草稿",
+            "value": "1"
+          },
+          {
+            "label": "发布一条",
+            "value": "2"
+          },
+          {
+            "label": "发布多条",
+            "value": "3"
+          }
+        ],
+        "placeholder": "请选择...",
+        "labelKey": "label",
+        "valueKey": "value"
+      },
+      "onlyId": "form-2ZCi",
+      "name": "type",
+      "hidden": "{{!$values.title}}"
+    },
+    {
+      "label": "数量",
+      "component": "inputNumber",
+      "onlyId": "form-9R9B",
+      "name": "count",
+      "props": {
+        "min": 1,
+        "max": 9999,
+        "step": 1,
+        "disabled": "{{$values.type!=='3'}}"
+      },
+      "initialValue": 1
+    }
+  ]
+}
+```
+
+hidden、disabled本应该是静态的布尔值。这里我们通过插值表达式，就能根据其他字段的值动态改变。
+
+
+### change配置
+
+上面的插值表达式只能做配置类的联动，不能做 **修改表单值** 类的联动，所以给每个字段提供了一个change配置。
+
+change是一个数组，数组每一项是要联动改变的字段值。target为目标字段，value是修改的值，也支持插值表达式。
+
+配置了change，就会在这个字段的值改变时，才会触发change联动
+
+
+
+<br/>
+
+#### 举个栗子1
+
+<div class="linkage2"></div>
+
+```json
+ {
+  "labelWidth": 150,
+  "labelAlign": "right",
+  "size": "default",
+  "items": [
+    {
+      "label": "字段1",
+      "component": "input",
+      "props": {
+        "placeholder": "请输入..."
+      },
+      "onlyId": "form-NASi",
+      "name": "item1",
+      "change": [
+        {
+          "target": "item2",
+          "value": "{{$val}}"
+        },
+        {
+          "target": "item3",
+          "value": "{{$val + '元'}}"
+        }
+      ]
+    },
+    {
+      "label": "字段2",
+      "component": "input",
+      "props": {
+        "placeholder": "请输入..."
+      },
+      "onlyId": "form-Nasd",
+      "name": "item2"
+    },
+    {
+      "label": "字段3",
+      "component": "input",
+      "props": {
+        "placeholder": "请输入..."
+      },
+      "onlyId": "form-KI1N",
+      "name": "item3"
+    }
+  ]
+}
+
+```
+
+<br/>
+
+#### 举个栗子2
+
+一些场景需要根据已选值的数据源中取某个字段，再给其他字段作为值，这就可以用上 **$selectData** 了
+
+
+<div class="linkage3"></div>
+
+```json
+ {
+  "labelWidth": 150,
+  "labelAlign": "right",
+  "size": "default",
+  "items": [
+    {
+      "label": "选择商品",
+      "component": "select",
+      "props": {
+        "mode": "static",
+        "options": [
+          {
+            "name": "商品1",
+            "id": "1",
+            "price": 25
+          },
+          {
+            "name": "商品2",
+            "id": "2",
+            "price": 65
+          },
+          {
+            "name": "商品3",
+            "id": "3",
+            "price": 66
+          }
+        ],
+        "placeholder": "请选择...",
+        "labelKey": "name",
+        "valueKey": "id"
+      },
+      "onlyId": "form-2Rtu",
+      "name": "commodity",
+      "change": [
+        {
+          "target": "price",
+          "value": "{{$selectData.commodity?.price}}"
+        }
+      ]
+    },
+    {
+      "label": "价格",
+      "component": "inputNumber",
+      "onlyId": "form-rS3W",
+      "name": "price",
+      "props": {
+        "min": 1,
+        "max": 9999,
+        "step": 1,
+        "unit": "元",
+        "disabled": true,
+        "controlsPosition": "right"
+      }
+    }
+  ]
+}
+
+
+```