@wibetter/json-editor 5.1.9 → 5.1.10

package/lib/index.css

@@ -1,8 +1,8 @@
 /*!
- * @wibetter/json-editor v5.1.9
+ * @wibetter/json-editor v5.1.10
  * author: wibetter
  * build tool: AKFun
- * build time: Mon Jan 13 2025 19:32:30 GMT+0800 (中国标准时间)
+ * build time: Thu Jan 16 2025 14:24:23 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */
 /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
@@ -1176,6 +1176,9 @@
 .select-box .ant-select-single {
   min-width: 150px;
 }
+.select-box .ant-select-selection-item {
+  max-width: 120px;
+}
 .select-box .ant-select-selection-item-content {
   max-width: 100px;
 }

package/lib/index.js

@@ -1,8 +1,8 @@
 /*!
- * @wibetter/json-editor v5.1.9
+ * @wibetter/json-editor v5.1.10
  * author: wibetter
  * build tool: AKFun
- * build time: Mon Jan 13 2025 19:32:30 GMT+0800 (中国标准时间)
+ * build time: Thu Jan 16 2025 14:24:23 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -478,7 +478,7 @@ var MappingRender = function MappingRender(props) {
   var parentKeyRoute = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.getParentKeyRoute)(keyRoute);
   var parentData = parentKeyRoute ? getJSONDataByKeyRoute(parentKeyRoute) || {} : {}; // 获取当前父级数据域
   var curData = Object.assign({}, JSONEditorObj, parentData);
-  if ((0,$utils_index__WEBPACK_IMPORTED_MODULE_3__.hasProperties)(targetJsonSchema.onShow) && targetJsonSchema.onShow !== '' && ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isBoolean)(targetJsonSchema.onShow) && !targetJsonSchema.onShow || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isString)(targetJsonSchema.onShow) && !(0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.evalExpression)(targetJsonSchema.onShow, curData))) {
+  if ((0,$utils_index__WEBPACK_IMPORTED_MODULE_3__.hasProperties)(targetJsonSchema.onShow) && targetJsonSchema.onShow !== '' && (targetJsonSchema.onShow === 'false' || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isBoolean)(targetJsonSchema.onShow) && !targetJsonSchema.onShow || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isString)(targetJsonSchema.onShow) && !(0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.evalExpression)(targetJsonSchema.onShow, curData))) {
     return;
   }
   var curType = targetJsonSchema.typeOn ? (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.evalExpression)(targetJsonSchema.typeOn, curData) : targetJsonSchema.type;
@@ -503,6 +503,8 @@ var MappingRender = function MappingRender(props) {
         key: curNodeKey
       }));
     case 'dynamic-config':
+    case 'dynamic-object':
+    case 'dynamic-array':
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_29__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, newProps, {
         key: curNodeKey
       }));
@@ -787,7 +789,7 @@ var ArraySchema = /*#__PURE__*/function (_React$PureComponent) {
         for (var index = 0, size = arrItemKeys.length; index < size; index++) {
           var itemVal = arrItem[arrItemKeys[index]];
           // 只有不为空时才赋值（忽略URL类型数值）
-          if (itemVal && ((0,$utils_typeof__WEBPACK_IMPORTED_MODULE_11__.isNumber)(itemVal) || (0,$utils_typeof__WEBPACK_IMPORTED_MODULE_11__.isString)(itemVal) && !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_11__.isURL)(itemVal) && !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_11__.isColor)(itemVal))) {
+          if (itemVal && (0,$utils_typeof__WEBPACK_IMPORTED_MODULE_11__.isString)(itemVal) && !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_11__.isURL)(itemVal) && !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_11__.isColor)(itemVal)) {
             return itemVal;
           }
         }
@@ -880,7 +882,7 @@ var ArraySchema = /*#__PURE__*/function (_React$PureComponent) {
     var showCodeViewBtn = (_targetJsonSchema$sho = targetJsonSchema.showCodeViewBtn) != null ? _targetJsonSchema$sho : true;
     // 从jsonData中获取对应的数值
     var curJsonData = getJSONDataByKeyRoute(keyRoute); // json内容数据
-    if (!curJsonData || curJsonData.length === 0) {
+    if (!curJsonData || curJsonData.length === 0 || !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_11__.isArray)(curJsonData)) {
       // 添加一个默认的数组数据
       curJsonData = [{}];
     }
@@ -7533,6 +7535,11 @@ var JSONEditorStore = (_dec = mobx__WEBPACK_IMPORTED_MODULE_4__.action.bound, _d
   _proto.addArrayItem = function addArrayItem(keyRoute, curArrIndex) {
     // 1. 获取数组数据对象
     var arrJsonData = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_6__.getJsonDataByKeyRoute)(keyRoute, this.jsonData);
+    /*
+    if (!isArray(arrJsonData)) {
+      arrJsonData = [];
+    }
+    */
     // const _arrJsonData = toJS(arrJsonData);
     if ((0,$utils_typeof__WEBPACK_IMPORTED_MODULE_8__.isArray)(arrJsonData)) {
       // 2. 获取数组的第一个数据项

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wibetter/json-editor",
-  "version": "5.1.9",
+  "version": "5.1.10",
   "description": "JSON数据可视化/JSONEditor, 可视化界面编辑json数据",
   "keywords": [
     "json",

package/sdk/index.css

@@ -1,8 +1,8 @@
 /*!
- * @wibetter/json-editor v5.1.9
+ * @wibetter/json-editor v5.1.10
  * author: wibetter
  * build tool: AKFun
- * build time: Mon Jan 13 2025 19:32:50 GMT+0800 (中国标准时间)
+ * build time: Thu Jan 16 2025 14:24:02 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */
 /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
@@ -1188,6 +1188,9 @@
 .select-box .ant-select-single {
   min-width: 150px;
 }
+.select-box .ant-select-selection-item {
+  max-width: 120px;
+}
 .select-box .ant-select-selection-item-content {
   max-width: 100px;
 }

package/sdk/index.js

@@ -1,8 +1,8 @@
 /*!
- * @wibetter/json-editor v5.1.9
+ * @wibetter/json-editor v5.1.10
  * author: wibetter
  * build tool: AKFun
- * build time: Mon Jan 13 2025 19:32:50 GMT+0800 (中国标准时间)
+ * build time: Thu Jan 16 2025 14:24:02 GMT+0800 (中国标准时间)
  * build tool info: https://github.com/wibetter/akfun
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -66928,7 +66928,7 @@ var MappingRender = function MappingRender(props) {
   var parentKeyRoute = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.getParentKeyRoute)(keyRoute);
   var parentData = parentKeyRoute ? getJSONDataByKeyRoute(parentKeyRoute) || {} : {}; // 获取当前父级数据域
   var curData = Object.assign({}, JSONEditorObj, parentData);
-  if ((0,$utils_index__WEBPACK_IMPORTED_MODULE_3__.hasProperties)(targetJsonSchema.onShow) && targetJsonSchema.onShow !== '' && ((0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isBoolean)(targetJsonSchema.onShow) && !targetJsonSchema.onShow || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isString)(targetJsonSchema.onShow) && !(0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.evalExpression)(targetJsonSchema.onShow, curData))) {
+  if ((0,$utils_index__WEBPACK_IMPORTED_MODULE_3__.hasProperties)(targetJsonSchema.onShow) && targetJsonSchema.onShow !== '' && (targetJsonSchema.onShow === 'false' || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isBoolean)(targetJsonSchema.onShow) && !targetJsonSchema.onShow || (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.isString)(targetJsonSchema.onShow) && !(0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.evalExpression)(targetJsonSchema.onShow, curData))) {
     return;
   }
   var curType = targetJsonSchema.typeOn ? (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_2__.evalExpression)(targetJsonSchema.typeOn, curData) : targetJsonSchema.type;
@@ -66953,6 +66953,8 @@ var MappingRender = function MappingRender(props) {
         key: curNodeKey
       }));
     case 'dynamic-config':
+    case 'dynamic-object':
+    case 'dynamic-array':
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement($renderers_DynamicConfigSchema_index__WEBPACK_IMPORTED_MODULE_29__["default"], (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, newProps, {
         key: curNodeKey
       }));
@@ -67238,7 +67240,7 @@ var ArraySchema = /*#__PURE__*/function (_React$PureComponent) {
         for (var index = 0, size = arrItemKeys.length; index < size; index++) {
           var itemVal = arrItem[arrItemKeys[index]];
           // 只有不为空时才赋值（忽略URL类型数值）
-          if (itemVal && ((0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isNumber)(itemVal) || (0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isString)(itemVal) && !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isURL)(itemVal) && !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isColor)(itemVal))) {
+          if (itemVal && (0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isString)(itemVal) && !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isURL)(itemVal) && !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isColor)(itemVal)) {
             return itemVal;
           }
         }
@@ -67331,7 +67333,7 @@ var ArraySchema = /*#__PURE__*/function (_React$PureComponent) {
     var showCodeViewBtn = (_targetJsonSchema$sho = targetJsonSchema.showCodeViewBtn) != null ? _targetJsonSchema$sho : true;
     // 从jsonData中获取对应的数值
     var curJsonData = getJSONDataByKeyRoute(keyRoute); // json内容数据
-    if (!curJsonData || curJsonData.length === 0) {
+    if (!curJsonData || curJsonData.length === 0 || !(0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isArray)(curJsonData)) {
       // 添加一个默认的数组数据
       curJsonData = [{}];
     }
@@ -73836,6 +73838,11 @@ var JSONEditorStore = (_dec = mobx__WEBPACK_IMPORTED_MODULE_4__.action.bound, _d
   _proto.addArrayItem = function addArrayItem(keyRoute, curArrIndex) {
     // 1. 获取数组数据对象
     var arrJsonData = (0,_wibetter_json_utils__WEBPACK_IMPORTED_MODULE_5__.getJsonDataByKeyRoute)(keyRoute, this.jsonData);
+    /*
+    if (!isArray(arrJsonData)) {
+      arrJsonData = [];
+    }
+    */
     // const _arrJsonData = toJS(arrJsonData);
     if ((0,$utils_typeof__WEBPACK_IMPORTED_MODULE_7__.isArray)(arrJsonData)) {
       // 2. 获取数组的第一个数据项
@@ -269425,6 +269432,256 @@ var initDynamicConfig = {
   showCodeViewBtn: false,
 };
 
+/** dynamic-object: 动态对象，支持在json-editor 中动态添加属性。
+ * 【字段属性说明】
+ *  title：字段项的label值
+ *  properties：存放所有的子字段数据内容
+ *  type：用于标识字段项的展示类型（input、date、data-time、url、textarea 等）
+ *  readOnly：字段项可设置是否可编辑
+ *  propertyOrder：按序存放所有子字段的key值（排序功能）
+ * */
+var initDynamicObject = {
+  type: 'dynamic-object',
+  title: '动态配置',
+  description: '',
+  isContainer: false,
+  properties: {
+    type: {
+      type: 'select',
+      title: '数据来源',
+      options: [
+        {
+          label: '模板直接设置',
+          value: 'DevDefaults',
+        },
+        {
+          label: 'mp后台配置',
+          value: 'ContentStaticConfig',
+        },
+        {
+          label: '内容Meta数据',
+          value: 'Content',
+        },
+        {
+          label: '全局配置数据',
+          value: 'RuntimeConst',
+        },
+        {
+          label: '资源中心配置',
+          value: 'ResourceCenter',
+        },
+      ],
+      default: 'DevDefaults',
+      isConditionProp: true,
+      description:
+        '目前支持的数据来源包括： 1)模版直接设置: 在模版配置直接生效，支持直接输入或图片上传。 2)mp后台配置: 选择mp后台配置后，属性会出现在mp后台中，支持属性描述的输入。 3)内容meta数据: 支持内容meta数据的获取，页面meta数据。 4)全局配置数据: 目前支持的全局配置包括：全局Tab配置及主题包配置。相关属性会挂载至：window.globalConst',
+    },
+    value: {
+      title: '数据值',
+      type: 'input',
+      default: '',
+      description: '',
+      placeholder: '',
+      onShow: 'type === "Content" || type === "RuntimeConst"',
+    },
+    description: {
+      title: '自定义配置名称',
+      type: 'input',
+      default: '主题包配置',
+      description: '',
+      placeholder: '',
+      onShow: 'type === "ContentStaticConfig" || type === "ResourceCenter"',
+    },
+    attrs: {
+      type: 'array',
+      title: '属性列表',
+      description: 'Tab需要配置的属性',
+      items: {
+        type: 'object',
+        title: '数组项',
+        description: '',
+        properties: {
+          attr: {
+            type: 'input',
+            title: '属性Key',
+            default: '',
+            description: '',
+            placeholder: '',
+          },
+          description: {
+            title: '描述',
+            type: 'input',
+            default: '',
+            description: '',
+            placeholder: '',
+          },
+          value: {
+            title: '数值',
+            typeOn:
+              "type === 'image' ? 'input-image' : type === 'number' ? 'number' : 'input'",
+            default: '',
+            description: '',
+            placeholder: '',
+          },
+          type: {
+            type: 'select',
+            title: '属性类型',
+            options: [
+              {
+                label: '图片类型',
+                value: 'image',
+              },
+              {
+                label: '字符串',
+                value: 'string',
+              },
+              {
+                label: '数字',
+                value: 'number',
+              },
+            ],
+            default: 'string',
+            description: '',
+          },
+        },
+        propertyOrder: ['attr', 'description', 'type', 'value'],
+      },
+      'minimum-child': 1,
+      showCodeViewBtn: false,
+      onShow:
+        'type === "DevDefaults" || type === "ContentStaticConfig" || type === "ResourceCenter"',
+    },
+  },
+  propertyOrder: ['type', 'description', 'attrs', 'value'],
+  showCodeViewBtn: false,
+  showKey: true,
+};
+
+/** dynamic-array: 动态数组，其对象数值支持在json-editor 中动态添加子属性。
+ * 【字段属性说明】
+ *  title：字段项的label值
+ *  properties：存放所有的子字段数据内容
+ *  type：用于标识字段项的展示类型（input、date、data-time、url、textarea 等）
+ *  readOnly：字段项可设置是否可编辑
+ *  propertyOrder：按序存放所有子字段的key值（排序功能）
+ * */
+var initDynamicArray = {
+  type: 'dynamic-array',
+  title: '动态数组',
+  description: '',
+  isContainer: false,
+  properties: {
+    type: {
+      type: 'select',
+      title: '数据来源',
+      options: [
+        {
+          label: '模板直接设置',
+          value: 'DevDefaults',
+        },
+        {
+          label: 'mp后台配置',
+          value: 'ContentStaticConfig',
+        },
+        {
+          label: '资源中心配置',
+          value: 'ResourceCenter',
+        },
+      ],
+      default: 'DevDefaults',
+      isConditionProp: true,
+      description:
+        '目前支持的数据来源包括： 1)模版直接设置:在模版配置直接生效，支持直接输入或图片上传。 2)mp后台配置:选择mp后台配置后，属性会出现在mp后台中，支持属性描述的输入。 3)内容meta数据:支持内容meta数据的获取，页面meta数据。 4)全局配置数据:目前支持的全局配置包括：全局Tab配置及主题包配置。相关属性会挂载至：window.globalConst',
+    },
+    description: {
+      title: '自定义配置名称',
+      type: 'input',
+      default: 'Tab全局配置',
+      description: '',
+      placeholder: '',
+      onShow: 'type === "ContentStaticConfig" || type === "ResourceCenter"',
+    },
+    tabNums: {
+      title: 'Tab配置数',
+      type: 'number',
+      default: 1,
+      description: '需要配置的Tab数量',
+      placeholder: '',
+      onShow: "type === 'ContentStaticConfig' || type === 'ResourceCenter'",
+    },
+    attrs: {
+      type: 'array',
+      title: 'Tab属性',
+      description: 'Tab需要配置的属性',
+      items: {
+        type: 'object',
+        title: '数组项',
+        description: '',
+        properties: {
+          attr: {
+            type: 'input',
+            title: '属性Key',
+            default: '',
+            description: '',
+            placeholder: '',
+          },
+          description: {
+            title: '描述',
+            type: 'input',
+            default: '',
+            description: '',
+            placeholder: '',
+          },
+        },
+        propertyOrder: ['attr', 'description'],
+      },
+      'minimum-child': 1,
+      onShow: "type === 'ContentStaticConfig' || type === 'ResourceCenter'",
+      showCodeViewBtn: false,
+    },
+    value: {
+      type: 'array',
+      title: 'Tab配置',
+      description: '',
+      items: {
+        type: 'object',
+        title: '数组项',
+        description: '',
+        properties: {
+          title: {
+            type: 'input',
+            title: '名称',
+            default: '',
+            description: '',
+            placeholder: '',
+          },
+          id: {
+            title: 'id',
+            type: 'input',
+            default: '',
+            description: '',
+            placeholder: '',
+          },
+          value: {
+            title: '数值',
+            type: 'input',
+            default: '',
+            description: '',
+            placeholder: '',
+          },
+        },
+        propertyOrder: ['title', 'value', 'id'],
+      },
+      'minimum-child': 1,
+      onShow: "type === 'DevDefaults'",
+      showCodeViewBtn: false,
+    },
+  },
+  propertyOrder: ['type', 'value', 'description', 'tabNums', 'attrs'],
+  showCodeViewBtn: false,
+  showKey: true,
+};
+
 var initSohuSourceData = {
   type: 'sohu-source',
   title: '组件动态数据',
@@ -270459,6 +270716,8 @@ var TypeDataList = {
   datasource: initDataSourceData,
   event: initEventData,
   'dynamic-config': initDynamicConfig,
+  'dynamic-object': initDynamicObject,
+  'dynamic-array': initDynamicArray,
   'sohu-source': initSohuSourceData,
   'sohu-event': initSohuEventConfig,
   'sohu-ad': initAdConfigSchema,
@@ -275533,6 +275792,8 @@ var valExpectType =
   (_valExpectType.time = 'string'),
   (_valExpectType.url = 'string'),
   (_valExpectType['dynamic-config'] = 'object'),
+  (_valExpectType['dynamic-object'] = 'object'),
+  (_valExpectType['dynamic-array'] = 'object'),
   (_valExpectType['sohu-source'] = 'object'),
   (_valExpectType['sohu-event'] = 'object'),
   _valExpectType);