@next-libs/visual-builder 1.1.0

package/dist/esm/visual-property-form/constant.js

@@ -0,0 +1,43 @@
+export var groupI18nMap = {
+  basic: {
+    en: "Basic",
+    zh: "常用"
+  },
+  ui: {
+    en: "UI",
+    zh: "外观"
+  },
+  advanced: {
+    en: "Advanced",
+    zh: "高级"
+  },
+  basicFormItem: {
+    en: "Basic Form Item",
+    zh: "表单项常用"
+  },
+  advancedFormItem: {
+    en: "Advanced Form Item",
+    zh: "表单项高级"
+  },
+  other: {
+    en: "Other",
+    zh: "其他"
+  }
+};
+export var supportBasicType = ["boolean", "number", "string", "string[]", "MenuIcon", "Color"];
+export var supportMenuType = ["Menu", "SidebarSubMenu"];
+export var OTHER_FORM_ITEM_FIELD = "others";
+export var commonProps = [{
+  name: "id",
+  type: "string",
+  description: "构件 ID",
+  group: "basic",
+  groupI18N: groupI18nMap
+}, {
+  name: "style",
+  type: "Record<string, any>",
+  description: "构件样式",
+  group: "ui",
+  groupI18N: groupI18nMap
+}];
+//# sourceMappingURL=constant.js.map

package/dist/esm/visual-property-form/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","names":["groupI18nMap","basic","en","zh","ui","advanced","basicFormItem","advancedFormItem","other","supportBasicType","supportMenuType","OTHER_FORM_ITEM_FIELD","commonProps","name","type","description","group","groupI18N"],"sources":["../../../src/visual-property-form/constant.ts"],"sourcesContent":["import { PropertyType } from \"../interfaces\";\n\nexport const groupI18nMap = {\n  basic: {\n    en: \"Basic\",\n    zh: \"常用\",\n  },\n  ui: {\n    en: \"UI\",\n    zh: \"外观\",\n  },\n  advanced: {\n    en: \"Advanced\",\n    zh: \"高级\",\n  },\n  basicFormItem: {\n    en: \"Basic Form Item\",\n    zh: \"表单项常用\",\n  },\n  advancedFormItem: {\n    en: \"Advanced Form Item\",\n    zh: \"表单项高级\",\n  },\n  other: {\n    en: \"Other\",\n    zh: \"其他\",\n  },\n};\n\nexport const supportBasicType = [\n  \"boolean\",\n  \"number\",\n  \"string\",\n  \"string[]\",\n  \"MenuIcon\",\n  \"Color\",\n];\n\nexport const supportMenuType = [\"Menu\", \"SidebarSubMenu\"];\n\nexport const OTHER_FORM_ITEM_FIELD = \"others\";\n\nexport const commonProps: PropertyType[] = [\n  {\n    name: \"id\",\n    type: \"string\",\n    description: \"构件 ID\",\n    group: \"basic\",\n    groupI18N: groupI18nMap,\n  },\n  {\n    name: \"style\",\n    type: \"Record<string, any>\",\n    description: \"构件样式\",\n    group: \"ui\",\n    groupI18N: groupI18nMap,\n  },\n];\n"],"mappings":"AAEA,OAAO,IAAMA,YAAY,GAAG;EAC1BC,KAAK,EAAE;IACLC,EAAE,EAAE,OADC;IAELC,EAAE,EAAE;EAFC,CADmB;EAK1BC,EAAE,EAAE;IACFF,EAAE,EAAE,IADF;IAEFC,EAAE,EAAE;EAFF,CALsB;EAS1BE,QAAQ,EAAE;IACRH,EAAE,EAAE,UADI;IAERC,EAAE,EAAE;EAFI,CATgB;EAa1BG,aAAa,EAAE;IACbJ,EAAE,EAAE,iBADS;IAEbC,EAAE,EAAE;EAFS,CAbW;EAiB1BI,gBAAgB,EAAE;IAChBL,EAAE,EAAE,oBADY;IAEhBC,EAAE,EAAE;EAFY,CAjBQ;EAqB1BK,KAAK,EAAE;IACLN,EAAE,EAAE,OADC;IAELC,EAAE,EAAE;EAFC;AArBmB,CAArB;AA2BP,OAAO,IAAMM,gBAAgB,GAAG,CAC9B,SAD8B,EAE9B,QAF8B,EAG9B,QAH8B,EAI9B,UAJ8B,EAK9B,UAL8B,EAM9B,OAN8B,CAAzB;AASP,OAAO,IAAMC,eAAe,GAAG,CAAC,MAAD,EAAS,gBAAT,CAAxB;AAEP,OAAO,IAAMC,qBAAqB,GAAG,QAA9B;AAEP,OAAO,IAAMC,WAA2B,GAAG,CACzC;EACEC,IAAI,EAAE,IADR;EAEEC,IAAI,EAAE,QAFR;EAGEC,WAAW,EAAE,OAHf;EAIEC,KAAK,EAAE,OAJT;EAKEC,SAAS,EAAEjB;AALb,CADyC,EAQzC;EACEa,IAAI,EAAE,OADR;EAEEC,IAAI,EAAE,qBAFR;EAGEC,WAAW,EAAE,MAHf;EAIEC,KAAK,EAAE,IAJT;EAKEC,SAAS,EAAEjB;AALb,CARyC,CAApC"}

package/dist/esm/visual-property-form/images/empty-dark.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="56px" height="53px" viewBox="0 0 56 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>插图/空表格  白色背景备份</title>
+    <defs>
+        <linearGradient x1="7.2497624%" y1="5.98667004%" x2="83.0501817%" y2="88.9150948%" id="linearGradient-1">
+            <stop stop-color="#595959" offset="0%"></stop>
+            <stop stop-color="#484848" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="3.89238729%" y1="4.31113823%" x2="84.4129339%" y2="88.9150948%" id="linearGradient-2">
+            <stop stop-color="#646464" offset="0%"></stop>
+            <stop stop-color="#4F4F4F" offset="100%"></stop>
+        </linearGradient>
+        <path d="M23.6721311,23.6065574 L26.1639344,23.6065574 C28.3730734,23.6065574 30.1639344,25.3974184 30.1639344,27.6065574 L30.1639344,30.0983607 C30.1639344,32.3074997 28.3730734,34.0983607 26.1639344,34.0983607 L23.6721311,34.0983607 C21.4629921,34.0983607 19.6721311,32.3074997 19.6721311,30.0983607 L19.6721311,27.6065574 C19.6721311,25.3974184 21.4629921,23.6065574 23.6721311,23.6065574 Z" id="path-3"></path>
+        <filter x="-57.2%" y="-47.7%" width="233.4%" height="233.4%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="1" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.22 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="41.822656%" y1="24.7954546%" x2="8.8126561%" y2="86.4269134%" id="linearGradient-5">
+            <stop stop-color="#848484" offset="0%"></stop>
+            <stop stop-color="#686868" offset="100%"></stop>
+        </linearGradient>
+        <path d="M37.3114754,12.4590164 C39.5206144,12.4590164 41.3114754,14.2498774 41.3114754,16.4590164 L41.3114754,19.8778416 L33.8926502,12.4590164 L37.3114754,12.4590164 Z" id="path-6"></path>
+        <filter x="-94.4%" y="-121.3%" width="288.7%" height="288.7%" filterUnits="objectBoundingBox" id="filter-7">
+            <feOffset dx="0" dy="-2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.25 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="其他" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="空状态" transform="translate(-873.000000, -283.000000)">
+            <g id="编组-8" transform="translate(726.000000, 100.000000)">
+                <g id="插图/空表格--白色背景备份" transform="translate(147.000000, 183.000000)">
+                    <path d="M39.6824378,33.9672131 L10.8093655,33.9672131 C10.0855554,33.9672131 9.38986655,34.247506 8.86822799,34.7492971 L3.67213115,39.7476907 L3.67213115,39.7476907 L3.67213115,46.7278689 C3.67213115,49.8206635 6.17933655,52.3278689 9.27213115,52.3278689 L41.2196721,52.3278689 C44.3124667,52.3278689 46.8196721,49.8206635 46.8196721,46.7278689 L46.8196721,39.7476907 L46.8196721,39.7476907 L41.6235753,34.7492971 C41.1019367,34.247506 40.4062478,33.9672131 39.6824378,33.9672131 Z" id="Fill-3" fill="#3E3E3E"></path>
+                    <path d="M33.8926502,12.4590164 L41.3114754,19.8778416 L41.3114754,42.4459016 C41.3114754,43.9922989 40.0578727,45.2459016 38.5114754,45.2459016 L11.9803279,45.2459016 C10.4339306,45.2459016 9.18032787,43.9922989 9.18032787,42.4459016 L9.18032787,18.4590164 C9.18032787,15.1453079 11.8666194,12.4590164 15.1803279,12.4590164 L33.8926502,12.4590164 Z" id="形状结合" fill="url(#linearGradient-1)"></path>
+                    <g id="矩形备份">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                        <path stroke="#919191" stroke-width="1" d="M26.1639344,24.1065574 C27.1304327,24.1065574 28.0054327,24.4983082 28.6388082,25.1316836 C29.2721836,25.7650591 29.6639344,26.6400591 29.6639344,27.6065574 L29.6639344,27.6065574 L29.6639344,30.0983607 C29.6639344,31.064859 29.2721836,31.939859 28.6388082,32.5732344 C28.0054327,33.2066098 27.1304327,33.5983607 26.1639344,33.5983607 L26.1639344,33.5983607 L23.6721311,33.5983607 C22.7056328,33.5983607 21.8306328,33.2066098 21.1972574,32.5732344 C20.563882,31.939859 20.1721311,31.064859 20.1721311,30.0983607 L20.1721311,30.0983607 L20.1721311,27.6065574 C20.1721311,26.6400591 20.563882,25.7650591 21.1972574,25.1316836 C21.8306328,24.4983082 22.7056328,24.1065574 23.6721311,24.1065574 L23.6721311,24.1065574 Z" stroke-linejoin="square" fill="url(#linearGradient-2)" fill-rule="evenodd"></path>
+                    </g>
+                    <g id="形状结合" transform="translate(37.602063, 16.168429) scale(-1, -1) translate(-37.602063, -16.168429) ">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                        <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-6"></use>
+                    </g>
+                    <path d="M54.1639344,27.5409836 C54.4174422,27.5409836 54.6229508,27.7464922 54.6229508,28 L54.6228689,28.9179836 L55.5409836,28.9180328 C55.7944914,28.9180328 56,29.1235414 56,29.3770492 C56,29.6305569 55.7944914,29.8360656 55.5409836,29.8360656 L54.6228689,29.8359836 L54.6229508,30.7540984 C54.6229508,31.0076061 54.4174422,31.2131148 54.1639344,31.2131148 C53.9104267,31.2131148 53.704918,31.0076061 53.704918,30.7540984 L53.7048689,29.8359836 L52.7868852,29.8360656 C52.5333775,29.8360656 52.3278689,29.6305569 52.3278689,29.3770492 C52.3278689,29.1235414 52.5333775,28.9180328 52.7868852,28.9180328 L53.7048689,28.9179836 L53.704918,28 C53.704918,27.7464922 53.9104267,27.5409836 54.1639344,27.5409836 Z" id="形状结合" fill="#646465" opacity="0.299999982"></path>
+                    <path d="M1.37704918,20.1967213 C1.56718,20.1967213 1.72131148,20.3508528 1.72131148,20.5409836 L1.721,21.1147213 L2.29508197,21.1147541 C2.54858972,21.1147541 2.75409836,21.3202627 2.75409836,21.5737705 C2.75409836,21.8272782 2.54858972,22.0327869 2.29508197,22.0327869 L1.721,22.0327213 L1.72131148,22.6065574 C1.72131148,22.7966882 1.56718,22.9508197 1.37704918,22.9508197 C1.18691836,22.9508197 1.03278689,22.7966882 1.03278689,22.6065574 L1.032,22.0327213 L0.459016393,22.0327869 C0.205508639,22.0327869 3.1045746e-17,21.8272782 0,21.5737705 C-3.1045746e-17,21.3202627 0.205508639,21.1147541 0.459016393,21.1147541 L1.032,21.1147213 L1.03278689,20.5409836 C1.03278689,20.3508528 1.18691836,20.1967213 1.37704918,20.1967213 Z" id="形状结合备份-2" fill="#646465" opacity="0.299999982"></path>
+                    <path d="M24.7868852,43.5295076 L24.8011005,43.5307601 C31.8876782,43.6725873 34.6183834,39.6961587 37.5855745,39.48387 L37.7753351,39.4755076 L46.8196721,39.4755076 L46.8196721,49.5278689 C46.8196721,51.0169922 45.6572093,52.2346078 44.1902403,52.3227588 L44.0196721,52.3278689 L24.7868852,52.3275076 L24.7868852,52.3272615 L6.47213115,52.3277253 L6.30156296,52.3226152 C4.83459401,52.2344642 3.67213115,51.0168486 3.67213115,49.5277253 L3.67213115,49.5277253 L3.67213115,39.4754333 L11.7984354,39.4754333 L11.941603,39.4712638 C14.4272721,39.4747517 17.1558091,43.3688567 24.77267,43.5306166 L24.77267,43.5306166 L24.7868852,43.5292615 L24.7868852,43.5295076 Z" id="形状结合" fill="#616161"></path>
+                    <path d="M13.7704918,2.20053283 C13.7704918,2.20053283 16.0775627,1.64513672 16.7320305,0 C17.67481,1.34913293 18.1609037,1.93253682 19.2786885,2.18900021 C17.7566906,2.64243336 17.0955917,3.151699 16.5749006,4.59016393 C15.9772302,2.89541866 15.4331859,2.67611591 13.7704918,2.20053283" id="Fill-1" fill="#646465" opacity="0.5"></path>
+                    <path d="M41.3114754,6.63941814 C41.3114754,6.63941814 47.4636646,5.19538826 49.2089119,0.918032787 C51.7229907,4.4257784 53.0192405,5.94262851 56,6.60943334 C51.9413388,7.78835951 50.1784084,9.11245019 48.7898988,12.852459 C47.1961112,8.44612131 45.7453263,7.87593416 41.3114754,6.63941814" id="Fill-1备份" fill="#646465" opacity="0.697637649"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/esm/visual-property-form/processor.js

@@ -0,0 +1,183 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { i18nText } from "@next-core/brick-kit";
+import { ItemModeType } from "../interfaces";
+import { safeDump, JSON_SCHEMA, safeLoad } from "js-yaml";
+import { omit, isEmpty, groupBy } from "lodash";
+import { supportBasicType, supportMenuType, OTHER_FORM_ITEM_FIELD, commonProps, groupI18nMap } from "./constant";
+export function isAdvanceMode(value) {
+  if (typeof value === "string" && (value.startsWith("<%") || value.includes("${"))) {
+    return true;
+  }
+
+  return false;
+}
+export function mergeProperties() {
+  var propertyList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var brickProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return propertyList === null || propertyList === void 0 ? void 0 : propertyList.map(item => _objectSpread(_objectSpread({}, item), {}, {
+    value: brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name],
+    mode: isAdvanceMode(brickProperties === null || brickProperties === void 0 ? void 0 : brickProperties[item.name]) ? ItemModeType.Advanced : ItemModeType.Normal
+  }));
+}
+export function yamlStringify(value) {
+  var indent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  return safeDump(value, {
+    indent,
+    schema: JSON_SCHEMA,
+    skipInvalid: true,
+    noRefs: true,
+    noCompatMode: true
+  });
+}
+export function yaml(value) {
+  return safeLoad(value, {
+    schema: JSON_SCHEMA,
+    json: true
+  });
+}
+export function matchNoramlMenuValue(value) {
+  if (typeof value === "string") {
+    var _value$match, _value$match$;
+
+    var reg = /<% APP\.getMenu\((.*)\) %>/;
+    return ((_value$match = value.match(reg)) === null || _value$match === void 0 ? void 0 : (_value$match$ = _value$match[1]) === null || _value$match$ === void 0 ? void 0 : _value$match$.replace(/'|"/g, "")) || value;
+  }
+
+  return value;
+}
+
+function calcMenuValue(value) {
+  if (typeof value === "string") {
+    if (value.startsWith("<%")) {
+      return value;
+    }
+
+    return "<% APP.getMenu('".concat(value, "') %>");
+  }
+
+  return value;
+}
+
+export function calculateValue() {
+  var propertyList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var brickProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var typeList = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var othersValue = {};
+
+  var _loop = function (key, value) {
+    var find = propertyList.find(item => item.name === key);
+
+    if (!find) {
+      othersValue[key] = value;
+    }
+  };
+
+  for (var [key, value] of Object.entries(brickProperties)) {
+    _loop(key, value);
+  }
+
+  var processValue = propertyList.reduce((obj, item) => {
+    var v = brickProperties[item.name];
+    obj[item.name] = v;
+
+    if (v !== undefined) {
+      if (!supportBasicType.concat(supportMenuType).includes(item.type)) {
+        obj[item.name] = yamlStringify(v);
+      }
+
+      if (supportMenuType.includes(item.type)) {
+        var selected = typeList.find(typeItem => typeItem.name === item.name);
+
+        if ((selected === null || selected === void 0 ? void 0 : selected.mode) === ItemModeType.Advanced) {
+          obj[item.name] = v;
+        } else {
+          obj[item.name] = matchNoramlMenuValue(v);
+        }
+      }
+    }
+
+    return obj;
+  }, {});
+  return _objectSpread(_objectSpread({}, processValue), {}, {
+    [OTHER_FORM_ITEM_FIELD]: isEmpty(othersValue) ? "" : yamlStringify(othersValue)
+  });
+}
+/**
+ * @description 判断是否用使用 yaml 把用户输入解析成 JSON 的模式，当前只有以下情况下会进行解析，其他情况不对数据进行处理
+ *  1. 当前属性的类型不是内置支持的类型
+ *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑
+ *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中
+ * @param field  字段值
+ * @param typeList  属性列表包含每个属性的类型和当前编辑模式
+ * @return boolean
+ */
+
+export function isUseYamlParse(field, typeList) {
+  if (typeof field.value !== "string") return false;
+  if (field.key === OTHER_FORM_ITEM_FIELD) return true;
+  var find = typeList === null || typeList === void 0 ? void 0 : typeList.find(item => item.name === field.key);
+
+  if (find) {
+    if (supportMenuType.includes(find.type) && find.mode !== ItemModeType.Advanced) return false;
+    var isBasicType = supportBasicType.includes(find.type);
+    if (isBasicType && find.mode === ItemModeType.Advanced) return true;
+    if (!isBasicType) return true;
+  }
+
+  return false;
+}
+export function isUseMenuParse(field, typeList) {
+  var item = typeList.find(item => item.name === field.key);
+
+  if (supportMenuType.includes(item === null || item === void 0 ? void 0 : item.type)) {
+    return true;
+  }
+
+  return false;
+}
+export function processFormValue() {
+  var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var typeList = arguments.length > 1 ? arguments[1] : undefined;
+  var formData = {};
+
+  for (var [key, value] of Object.entries(values)) {
+    if (isUseYamlParse({
+      key,
+      value
+    }, typeList)) {
+      formData[key] = yaml(value);
+    } else if (isUseMenuParse({
+      key,
+      value
+    }, typeList)) {
+      formData[key] = calcMenuValue(value);
+    } else {
+      formData[key] = value;
+    }
+  }
+
+  return _objectSpread(_objectSpread({}, omit(formData, OTHER_FORM_ITEM_FIELD)), isEmpty(formData[OTHER_FORM_ITEM_FIELD]) ? {} : formData[OTHER_FORM_ITEM_FIELD]);
+}
+export function groupByType() {
+  var typeList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var normals = typeList.filter(item => item.group !== "other");
+  var others = typeList.filter(item => item.group === "other");
+  return Object.entries(groupBy(normals.concat(others), item => {
+    var group = item.group || "basic";
+
+    var groupI18N = _objectSpread(_objectSpread({}, groupI18nMap), item.groupI18N);
+
+    var i18nData = groupI18N && groupI18N[group];
+
+    if (i18nData) {
+      return i18nText(i18nData);
+    }
+
+    return group;
+  }));
+}
+export function extractCommonProps(typeList) {
+  if (isEmpty(typeList)) return [];
+  return commonProps.concat(typeList);
+}
+//# sourceMappingURL=processor.js.map

package/dist/esm/visual-property-form/processor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processor.js","names":["i18nText","ItemModeType","safeDump","JSON_SCHEMA","safeLoad","omit","isEmpty","groupBy","supportBasicType","supportMenuType","OTHER_FORM_ITEM_FIELD","commonProps","groupI18nMap","isAdvanceMode","value","startsWith","includes","mergeProperties","propertyList","brickProperties","map","item","name","mode","Advanced","Normal","yamlStringify","indent","schema","skipInvalid","noRefs","noCompatMode","yaml","json","matchNoramlMenuValue","reg","match","replace","calcMenuValue","calculateValue","typeList","othersValue","key","find","Object","entries","processValue","reduce","obj","v","undefined","concat","type","selected","typeItem","isUseYamlParse","field","isBasicType","isUseMenuParse","processFormValue","values","formData","groupByType","normals","filter","group","others","groupI18N","i18nData","extractCommonProps"],"sources":["../../../src/visual-property-form/processor.ts"],"sourcesContent":["import { i18nText } from \"@next-core/brick-kit\";\nimport {\n  PropertyType,\n  UnionPropertyType,\n  BrickProperties,\n  ItemModeType,\n} from \"../interfaces\";\nimport { safeDump, JSON_SCHEMA, safeLoad } from \"js-yaml\";\nimport { omit, isEmpty, groupBy } from \"lodash\";\nimport {\n  supportBasicType,\n  supportMenuType,\n  OTHER_FORM_ITEM_FIELD,\n  commonProps,\n  groupI18nMap,\n} from \"./constant\";\n\nexport function isAdvanceMode(value: unknown): boolean {\n  if (\n    typeof value === \"string\" &&\n    (value.startsWith(\"<%\") || value.includes(\"${\"))\n  ) {\n    return true;\n  }\n\n  return false;\n}\n\nexport function mergeProperties(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {}\n): UnionPropertyType[] {\n  return propertyList?.map((item) => ({\n    ...item,\n    value: brickProperties?.[item.name],\n    mode: isAdvanceMode(brickProperties?.[item.name])\n      ? ItemModeType.Advanced\n      : ItemModeType.Normal,\n  }));\n}\n\nexport function yamlStringify(value: unknown, indent = 2): string {\n  return safeDump(value, {\n    indent,\n    schema: JSON_SCHEMA,\n    skipInvalid: true,\n    noRefs: true,\n    noCompatMode: true,\n  });\n}\n\nexport function yaml(value: string): any {\n  return safeLoad(value, { schema: JSON_SCHEMA, json: true });\n}\n\nexport function matchNoramlMenuValue(value: unknown): unknown {\n  if (typeof value === \"string\") {\n    const reg = /<% APP\\.getMenu\\((.*)\\) %>/;\n    return value.match(reg)?.[1]?.replace(/'|\"/g, \"\") || value;\n  }\n  return value;\n}\n\nfunction calcMenuValue(value: string): string {\n  if (typeof value === \"string\") {\n    if (value.startsWith(\"<%\")) {\n      return value;\n    }\n    return `<% APP.getMenu('${value}') %>`;\n  }\n  return value;\n}\n\nexport function calculateValue(\n  propertyList: PropertyType[] = [],\n  brickProperties: BrickProperties = {},\n  typeList: UnionPropertyType[] = []\n): Record<string, any> {\n  const othersValue: Record<string, any> = {};\n  for (const [key, value] of Object.entries(brickProperties)) {\n    const find = propertyList.find((item) => item.name === key);\n    if (!find) {\n      othersValue[key] = value;\n    }\n  }\n\n  const processValue = propertyList.reduce((obj: any, item) => {\n    const v = brickProperties[item.name];\n    obj[item.name] = v;\n    if (v !== undefined) {\n      if (\n        !supportBasicType.concat(supportMenuType).includes(item.type as string)\n      ) {\n        obj[item.name] = yamlStringify(v);\n      }\n\n      if (supportMenuType.includes(item.type as string)) {\n        const selected = typeList.find(\n          (typeItem) => typeItem.name === item.name\n        );\n        if (selected?.mode === ItemModeType.Advanced) {\n          obj[item.name] = v;\n        } else {\n          obj[item.name] = matchNoramlMenuValue(v);\n        }\n      }\n    }\n    return obj;\n  }, {});\n\n  return {\n    ...processValue,\n    [OTHER_FORM_ITEM_FIELD]: isEmpty(othersValue)\n      ? \"\"\n      : yamlStringify(othersValue),\n  };\n}\n\n/**\n * @description 判断是否用使用 yaml 把用户输入解析成 JSON 的模式，当前只有以下情况下会进行解析，其他情况不对数据进行处理\n *  1. 当前属性的类型不是内置支持的类型\n *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑\n *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中\n * @param field  字段值\n * @param typeList  属性列表包含每个属性的类型和当前编辑模式\n * @return boolean\n */\n\nexport function isUseYamlParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  if (typeof field.value !== \"string\") return false;\n\n  if (field.key === OTHER_FORM_ITEM_FIELD) return true;\n\n  const find = typeList?.find((item) => item.name === field.key);\n\n  if (find) {\n    if (\n      supportMenuType.includes(find.type as string) &&\n      find.mode !== ItemModeType.Advanced\n    )\n      return false;\n\n    const isBasicType = supportBasicType.includes(find.type as string);\n\n    if (isBasicType && find.mode === ItemModeType.Advanced) return true;\n\n    if (!isBasicType) return true;\n  }\n\n  return false;\n}\n\nexport function isUseMenuParse(\n  field: { key: string; value: any },\n  typeList: UnionPropertyType[]\n): boolean {\n  const item = typeList.find((item) => item.name === field.key);\n  if (supportMenuType.includes(item?.type as string)) {\n    return true;\n  }\n  return false;\n}\n\nexport function processFormValue(\n  values = {},\n  typeList: UnionPropertyType[]\n): Record<string, any> {\n  const formData: Record<string, any> = {};\n  for (const [key, value] of Object.entries(values)) {\n    if (isUseYamlParse({ key, value }, typeList)) {\n      formData[key] = yaml(value as any);\n    } else if (isUseMenuParse({ key, value }, typeList)) {\n      formData[key] = calcMenuValue(value as string);\n    } else {\n      formData[key] = value;\n    }\n  }\n\n  return {\n    ...omit(formData, OTHER_FORM_ITEM_FIELD),\n    ...(isEmpty(formData[OTHER_FORM_ITEM_FIELD])\n      ? {}\n      : formData[OTHER_FORM_ITEM_FIELD]),\n  };\n}\n\nexport function groupByType(\n  typeList: UnionPropertyType[] = []\n): Array<[string, UnionPropertyType[]]> {\n  const normals = typeList.filter((item) => item.group !== \"other\");\n  const others = typeList.filter((item) => item.group === \"other\");\n\n  return Object.entries(\n    groupBy(normals.concat(others), (item) => {\n      const group = item.group || \"basic\";\n      const groupI18N: Record<string, any> = {\n        ...groupI18nMap,\n        ...item.groupI18N,\n      };\n      const i18nData = groupI18N && groupI18N[group];\n      if (i18nData) {\n        return i18nText(i18nData);\n      }\n\n      return group;\n    })\n  );\n}\n\nexport function extractCommonProps(typeList: PropertyType[]): PropertyType[] {\n  if (isEmpty(typeList)) return [];\n\n  return commonProps.concat(typeList);\n}\n"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./visual-property-form/VisualPropertyForm";
+export * from "./interfaces";
+export * from "./visual-property-form/processor";

package/dist/types/interfaces/brick-visualization.d.ts

@@ -0,0 +1,32 @@
+import { FormInstance } from "antd/lib/form";
+export declare type FormItemType = boolean | string | string[] | number | Record<string, any>;
+export declare enum Required {
+    True = "true",
+    False = "false"
+}
+export declare enum ItemModeType {
+    Normal = "normal",
+    Advanced = "advanced"
+}
+export interface PropertyType {
+    type: FormItemType;
+    name: string;
+    required?: Required;
+    description?: string;
+    default?: string;
+    group?: string;
+    groupI18N?: Record<string, {
+        [language: string]: string;
+    }>;
+}
+export interface UnionPropertyType extends PropertyType {
+    mode?: ItemModeType;
+    value?: any;
+    jsonSchema?: Record<string, any>;
+    schemaRef?: string;
+}
+export declare type BrickProperties = Record<string, any>;
+export interface visualFormUtils extends Partial<FormInstance> {
+    resetPropertyFields: (typeList: PropertyType[], properties: BrickProperties) => void;
+    getCurTypeList: () => UnionPropertyType[];
+}

package/dist/types/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from "./brick-visualization";

package/dist/types/visual-property-form/VisualPropertyForm.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { EmptyProps } from "antd/lib/empty";
+import { MenuIcon } from "@next-core/brick-types";
+import { FormProps } from "antd/lib/form";
+import { PropertyType, BrickProperties, visualFormUtils } from "../interfaces";
+export interface VisualPropertyFormProps {
+    projectId?: string;
+    propertyTypeList: PropertyType[];
+    labelIcon: {
+        normal?: MenuIcon;
+        advanced?: MenuIcon;
+    };
+    brickProperties: BrickProperties;
+    onValuesChange?: FormProps["onValuesChange"];
+    brickInfo?: {
+        type: "brick" | "provider" | "template";
+    };
+    emptyConfig?: EmptyProps;
+    menuSettingClick?: () => void;
+}
+export declare function LegacyVisualPropertyForm(props: VisualPropertyFormProps, ref: React.Ref<visualFormUtils>): React.ReactElement;
+export declare const VisualPropertyForm: React.ForwardRefExoticComponent<VisualPropertyFormProps & React.RefAttributes<visualFormUtils>>;

package/dist/types/visual-property-form/VisualPropertyForm.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/visual-property-form/components/CodeEditor/CodeEditorFormItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FormItemWrapperProps } from "@next-libs/forms";
+import { CodeEditorProps } from "@next-libs/code-editor-components";
+interface CodeEditorItemProps extends CodeEditorProps, FormItemWrapperProps {
+}
+export declare function CodeEditorFormItem(props: CodeEditorItemProps): React.ReactElement;
+export {};

package/dist/types/visual-property-form/components/CodeEditor/CodeEditorFormItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/visual-property-form/components/ColorEditor/ColorEditorItem.d.ts

@@ -0,0 +1,17 @@
+import { Colors } from "@next-libs/basic-components";
+import React from "react";
+export interface ColorEditorItemProps {
+    name?: string;
+    label?: string | React.ReactElement;
+    required?: boolean;
+    value?: any;
+    onChange?: (value: string) => void;
+}
+export declare function getPresetColors(colorMap: Record<Colors, {
+    color: string;
+    background: string;
+    borderColor: string;
+}>): string[];
+export declare function LegacyColorPick(props: ColorEditorItemProps, ref: React.Ref<any>): JSX.Element;
+export declare const ColorPick: React.ForwardRefExoticComponent<ColorEditorItemProps & React.RefAttributes<any>>;
+export declare function ColorEditorItem(props: ColorEditorItemProps): JSX.Element;

package/dist/types/visual-property-form/components/ColorEditor/ColorEditorItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/visual-property-form/components/IconSelect/IconSelectFormItem.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IconSelectProps } from "@next-libs/forms";
+export declare function IconSelectFormItem(props: IconSelectProps): React.ReactElement;

package/dist/types/visual-property-form/components/IconSelect/IconSelectFormItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/visual-property-form/components/MenuEditor/MenuEditorItem.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface MenuEditorItemProps {
+    name?: string;
+    label?: string | React.ReactElement;
+    value?: string;
+    required?: boolean;
+    projectId?: string;
+    menuSettingClick?: () => void;
+}
+export declare function MenuEditorItem(props: MenuEditorItemProps): React.ReactElement;
+export {};

package/dist/types/visual-property-form/components/MenuEditor/MenuEditorItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/visual-property-form/constant.d.ts

@@ -0,0 +1,31 @@
+import { PropertyType } from "../interfaces";
+export declare const groupI18nMap: {
+    basic: {
+        en: string;
+        zh: string;
+    };
+    ui: {
+        en: string;
+        zh: string;
+    };
+    advanced: {
+        en: string;
+        zh: string;
+    };
+    basicFormItem: {
+        en: string;
+        zh: string;
+    };
+    advancedFormItem: {
+        en: string;
+        zh: string;
+    };
+    other: {
+        en: string;
+        zh: string;
+    };
+};
+export declare const supportBasicType: string[];
+export declare const supportMenuType: string[];
+export declare const OTHER_FORM_ITEM_FIELD = "others";
+export declare const commonProps: PropertyType[];

package/dist/types/visual-property-form/processor.d.ts

@@ -0,0 +1,27 @@
+import { PropertyType, UnionPropertyType, BrickProperties } from "../interfaces";
+export declare function isAdvanceMode(value: unknown): boolean;
+export declare function mergeProperties(propertyList?: PropertyType[], brickProperties?: BrickProperties): UnionPropertyType[];
+export declare function yamlStringify(value: unknown, indent?: number): string;
+export declare function yaml(value: string): any;
+export declare function matchNoramlMenuValue(value: unknown): unknown;
+export declare function calculateValue(propertyList?: PropertyType[], brickProperties?: BrickProperties, typeList?: UnionPropertyType[]): Record<string, any>;
+/**
+ * @description 判断是否用使用 yaml 把用户输入解析成 JSON 的模式，当前只有以下情况下会进行解析，其他情况不对数据进行处理
+ *  1. 当前属性的类型不是内置支持的类型
+ *  2. 当前属性虽然是支持的类型，但是当前切换到高级模式编辑
+ *  3. 不是构件本身申明的属性，为 html 共有的通用属性，目前统一放在 others 的编辑器中
+ * @param field  字段值
+ * @param typeList  属性列表包含每个属性的类型和当前编辑模式
+ * @return boolean
+ */
+export declare function isUseYamlParse(field: {
+    key: string;
+    value: any;
+}, typeList: UnionPropertyType[]): boolean;
+export declare function isUseMenuParse(field: {
+    key: string;
+    value: any;
+}, typeList: UnionPropertyType[]): boolean;
+export declare function processFormValue(values: {}, typeList: UnionPropertyType[]): Record<string, any>;
+export declare function groupByType(typeList?: UnionPropertyType[]): Array<[string, UnionPropertyType[]]>;
+export declare function extractCommonProps(typeList: PropertyType[]): PropertyType[];

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@next-libs/visual-builder",
+  "version": "1.1.0",
+  "description": "> TODO: description",
+  "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/visual-builder",
+  "license": "GPL-3.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "typings": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "clean": "rimraf dist",
+    "prestart": "npm run clean",
+    "start": "concurrently -k -n types,main \"npm run start:types\" \"npm run start:main\"",
+    "start:main": "cross-env NODE_ENV=development build-next-libs --watch",
+    "start:types": "tsc --watch --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "prebuild": "npm run clean",
+    "build": "npm run build:types && npm run build:main",
+    "build:main": "cross-env NODE_ENV=production build-next-libs",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "postbuild": "node scripts/post-build.js",
+    "test": "cross-env NODE_ENV='test' jest",
+    "test:ci": "cross-env NODE_ENV='test' CI=true jest"
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@next-dll/ace": "*"
+  },
+  "dependencies": {
+    "@next-libs/basic-components": "^3.5.2",
+    "@next-libs/code-editor-components": "^4.1.3",
+    "@next-libs/forms": "^3.2.28",
+    "@types/react-color": "^3.0.6",
+    "react-color": "^2.19.3"
+  },
+  "gitHead": "3f61763b06ed8242738dab8b92b039c3877c7056"
+}