amis-editor 5.2.3-beta.16 → 5.2.3

package/lib/renderer/event-control/helper.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 
@@ -2033,9 +2033,9 @@ var getEventControlConfig = function (manager, context) {
     actionConfigInitFormatter: function (action, variables) {
       return tslib.__awaiter(void 0, void 0, void 0, function () {
         var config, innerArgs, tmpArgs_1, hasSubActionNode, datasource, schema, dataSchema, dataSchemaIns;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        return tslib.__generator(this, function (_s) {
-          switch (_s.label) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        return tslib.__generator(this, function (_u) {
+          switch (_u.label) {
             case 0:
               config = tslib.__assign({}, action);
               if (['link', 'url'].includes(action.actionType) && ((_a = action.args) === null || _a === void 0 ? void 0 : _a.params)) {
@@ -2104,6 +2104,12 @@ var getEventControlConfig = function (manager, context) {
                 }
               }
               delete config.data;
+              // 处理下 combo - addItem 的初始化
+              if (action.actionType === 'addItem' && typeof ((_p = action.args) === null || _p === void 0 ? void 0 : _p.item) === 'object') {
+                config.args = tslib.__assign(tslib.__assign({}, config.args), {
+                  item: objectToComboArray((_q = action.args) === null || _q === void 0 ? void 0 : _q.item)
+                });
+              }
               // 还原args为可视化配置结构(args + addOnArgs)
               if (config.args) {
                 if (innerArgs) {
@@ -2127,14 +2133,14 @@ var getEventControlConfig = function (manager, context) {
               }
               hasSubActionNode = findSubActionNode(actionTree, action.actionType);
               datasource = [];
-              if (!((_p = action.args) === null || _p === void 0 ? void 0 : _p.componentId)) return [3 /*break*/, 2];
-              schema = (_q = manager === null || manager === void 0 ? void 0 : manager.store) === null || _q === void 0 ? void 0 : _q.getSchema((_r = action.args) === null || _r === void 0 ? void 0 : _r.componentId, 'id');
+              if (!((_r = action.args) === null || _r === void 0 ? void 0 : _r.componentId)) return [3 /*break*/, 2];
+              schema = (_s = manager === null || manager === void 0 ? void 0 : manager.store) === null || _s === void 0 ? void 0 : _s.getSchema((_t = action.args) === null || _t === void 0 ? void 0 : _t.componentId, 'id');
               return [4 /*yield*/, manager.getContextSchemas(schema === null || schema === void 0 ? void 0 : schema.$$id, true)];
             case 1:
-              dataSchema = _s.sent();
+              dataSchema = _u.sent();
               dataSchemaIns = new amisCore.DataSchema(dataSchema || []);
               datasource = (dataSchemaIns === null || dataSchemaIns === void 0 ? void 0 : dataSchemaIns.getDataPropsAsOptions()) || [];
-              _s.label = 2;
+              _u.label = 2;
             case 2:
               return [2 /*return*/, tslib.__assign(tslib.__assign({}, config), {
                 actionType: getActionType(action, hasSubActionNode),
@@ -2150,7 +2156,7 @@ var getEventControlConfig = function (manager, context) {
       });
     },
     actionConfigSubmitFormatter: function (config) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
       var action = tslib.__assign(tslib.__assign({}, config), {
         groupType: undefined
       });
@@ -2229,6 +2235,11 @@ var getEventControlConfig = function (manager, context) {
           }
         }
       }
+      if (action.actionType === 'addItem' && action.__rendererName === 'combo') {
+        action.args = tslib.__assign(tslib.__assign({}, action.args), {
+          item: comboArrayToObject((_l = config.args) === null || _l === void 0 ? void 0 : _l.item)
+        });
+      }
       // 转换下格式
       if (['visibility', 'usability'].includes(config.actionType)) {
         action.args = action.actionType !== 'static' ? {

package/lib/renderer/event-control/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/Background.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/Border.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/BoxModel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/BoxShadow.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/Display.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/Font.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/InsetBoxModel.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/ThemeClassName.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 类名输入框 + 自定义样式源码编辑器
+ */
+import React from 'react';
+import { FormControlProps } from 'amis-core';
+export declare class BorderRenderer extends React.Component<FormControlProps> {
+    render(): JSX.Element;
+}

package/lib/renderer/style-control/ThemeClassName.js

@@ -0,0 +1,234 @@
+/**
+ * amis-editor v5.2.3
+ * Copyright 2018-2023 @fex
+ */
+
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var amisUi = require('amis-ui');
+var amisCore = require('amis-core');
+var amisPostcss = require('amis-postcss');
+var _ = require('lodash');
+var i18nRuntime = require('i18n-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var valueMap = {
+  'margin-top': 'marginTop',
+  'margin-right': 'marginRight',
+  'margin-bottom': 'marginBottom',
+  'margin-left': 'marginLeft',
+  'padding-top': 'paddingTop',
+  'padding-right': 'paddingRight',
+  'padding-bottom': 'paddingBottom',
+  'padding-left': 'paddingLeft',
+  'border-top-width': 'top-border-width',
+  'border-right-width': 'right-border-width',
+  'border-bottom-width': 'bottom-border-width',
+  'border-left-width': 'left-border-width',
+  'border-top-style': 'top-border-style',
+  'border-right-style': 'right-border-style',
+  'border-bottom-style': 'bottom-border-style',
+  'border-left-style': 'left-border-style',
+  'border-top-color': 'top-border-color',
+  'border-right-color': 'right-border-color',
+  'border-bottom-color': 'bottom-border-color',
+  'border-left-color': 'left-border-color',
+  'font-size': 'fontSize',
+  'font-weight': 'fontWeight',
+  'line-height': 'lineHeight'
+};
+var fontStyle = ['color', 'font-weight', 'font-size', 'font-style', 'text-decoration', 'text-align', 'vertical-align', 'font-family', 'line-height'];
+function AmisStyleCodeEditor(props) {
+  var name = props.name,
+    classname = props.value,
+    suffix = props.suffix;
+  var _a = React.useState(''),
+    value = _a[0],
+    setValue = _a[1];
+  function getCssAndSetValue(classname, name, suffix) {
+    try {
+      var id = (classname === null || classname === void 0 ? void 0 : classname.replace(name + '-', '')) + (suffix ? '-' + suffix : '');
+      var dom = document.getElementById(id || '') || null;
+      var content = (dom === null || dom === void 0 ? void 0 : dom.innerHTML) || '';
+      var ast = amisPostcss.parse(content);
+      var nodes_1 = [];
+      ast.nodes.forEach(function (node) {
+        var selector = node.selector;
+        if (!selector.endsWith('.hover') && !selector.endsWith('.active')) {
+          nodes_1.push(node);
+        }
+      });
+      ast.nodes = nodes_1;
+      var css = nodes_1.map(function (node) {
+        var style = node.nodes.map(function (n) {
+          return "".concat(n.prop, ": ").concat(n.value, ";");
+        });
+        return "".concat(node.selector, " {\n  ").concat(style.join('\n  '), "\n}");
+      }).join('\n\n');
+      setValue(css);
+    } catch (error) {
+      console.error(error);
+    }
+  }
+  React.useEffect(function () {
+    getCssAndSetValue(classname, name, suffix);
+  }, []);
+  function handleChange(value) {
+    setValue(value);
+    editorChange(value);
+  }
+  var editorChange = _.debounce(function (value) {
+    var _a;
+    try {
+      var ast = amisPostcss.parse(value);
+      var data = props.data,
+        onBulkChange = props.onBulkChange,
+        name_1 = props.name;
+      var sourceCss = data.css || {};
+      var className_1 = {};
+      ast.nodes.forEach(function (node) {
+        var nodes = node.nodes;
+        var selector = node.selector;
+        var state = 'default';
+        if (!!~selector.indexOf(':hover:active')) {
+          state = 'active';
+        } else if (!!~selector.indexOf(':hover')) {
+          state = 'hover';
+        }
+        nodes.forEach(function (item) {
+          var prop = item.prop;
+          var cssValue = item.value;
+          if (!!~prop.indexOf('radius')) {
+            var type = 'radius:' + state;
+            !className_1[type] && (className_1[type] = {});
+            var radius = cssValue.split(' ');
+            className_1[type]['top-left-border-radius'] = radius[0];
+            className_1[type]['top-right-border-radius'] = radius[1];
+            className_1[type]['bottom-right-border-radius'] = radius[2];
+            className_1[type]['bottom-left-border-radius'] = radius[3];
+          } else if (!!~prop.indexOf('border')) {
+            !className_1['border:' + state] && (className_1['border:' + state] = {});
+            className_1['border:' + state][valueMap[prop] || prop] = cssValue;
+          } else if (!!~prop.indexOf('padding') || !!~prop.indexOf('margin')) {
+            !className_1['padding-and-margin:' + state] && (className_1['padding-and-margin:' + state] = {});
+            className_1['padding-and-margin:' + state][valueMap[prop] || prop] = cssValue;
+          } else if (fontStyle.includes(prop)) {
+            !className_1['font:' + state] && (className_1['font:' + state] = {});
+            className_1['font:' + state][valueMap[prop] || prop] = cssValue;
+          } else {
+            className_1[(valueMap[prop] || prop) + ':' + state] = cssValue;
+          }
+        });
+      });
+      var newCss = tslib.__assign(tslib.__assign({}, sourceCss), (_a = {}, _a[name_1] = className_1, _a));
+      onBulkChange && onBulkChange({
+        css: newCss
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  });
+  return React__default["default"].createElement("div", {
+    className: "ThemeClassName-editor"
+  }, React__default["default"].createElement("div", {
+    className: "ThemeClassName-editor-title"
+  }, "\u81EA\u5B9A\u4E49\u6837\u5F0F\u6E90\u7801"), React__default["default"].createElement("div", {
+    className: "ThemeClassName-editor-close"
+  }, React__default["default"].createElement(amisUi.Button, {
+    onClick: props.onHide,
+    level: "link"
+  }, React__default["default"].createElement(amisUi.Icon, {
+    icon: "close",
+    className: "icon"
+  }))), React__default["default"].createElement("div", {
+    className: "ThemeClassName-editor-content"
+  }, React__default["default"].createElement(amisUi.Editor, {
+    value: value,
+    language: "css",
+    onChange: handleChange,
+    options: {
+      automaticLayout: true,
+      lineNumbers: 'off',
+      glyphMargin: false,
+      tabSize: 2,
+      wordWrap: 'on',
+      lineDecorationsWidth: 0,
+      lineNumbersMinChars: 0,
+      selectOnLineNumbers: true,
+      scrollBeyondLastLine: false,
+      folding: true,
+      minimap: {
+        enabled: false
+      }
+    }
+  })));
+}
+function ThemeClassName(props) {
+  var ref = React.useRef(null);
+  var value = props.value;
+  var _a = React.useState(false),
+    showEditor = _a[0],
+    setShowEditor = _a[1];
+  function handleShowEditor() {
+    setShowEditor(true);
+  }
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
+    ref: ref,
+    className: "ThemeClassName"
+  }, React__default["default"].createElement(amisUi.Button, {
+    onClick: handleShowEditor,
+    level: "link",
+    className: ":ThemeClassName-button"
+  }, React__default["default"].createElement(amisUi.Icon, {
+    icon: "file",
+    className: "icon"
+  })), amisCore.render({
+    type: 'input-tag',
+    name: 'class',
+    placeholder: i18nRuntime.i18n("ec8f3e4a298160dface2fda5c0125df2"),
+    delimiter: ' ',
+    value: value,
+    onChange: function (value) {
+      props.onChange && props.onChange(value);
+    }
+  })), React__default["default"].createElement(amisUi.Overlay, {
+    container: document.body,
+    placement: "left",
+    target: ref.current,
+    show: showEditor,
+    rootClose: false
+  }, React__default["default"].createElement(amisUi.PopOver, {
+    overlay: true,
+    onHide: function () {
+      return setShowEditor(false);
+    }
+  }, React__default["default"].createElement(AmisStyleCodeEditor, tslib.__assign({}, props, {
+    onHide: function () {
+      return setShowEditor(false);
+    }
+  })))));
+}
+/** @class */(function (_super) {
+  tslib.__extends(BorderRenderer, _super);
+  function BorderRenderer() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  Object.defineProperty(BorderRenderer.prototype, "render", {
+    enumerable: false,
+    configurable: true,
+    writable: true,
+    value: function () {
+      return React__default["default"].createElement(ThemeClassName, tslib.__assign({}, this.props));
+    }
+  });
+  BorderRenderer = tslib.__decorate([amisCore.FormItem({
+    type: 'theme-classname',
+    strictMode: false
+  })], BorderRenderer);
+  return BorderRenderer;
+})(React__default["default"].Component);

package/lib/renderer/style-control/font-family.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/style-control/transformation.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/textarea-formula/FormulaPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/textarea-formula/TextareaFormulaControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/textarea-formula/plugin.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/renderer/textarea-formula/utils.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/tpl/api.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/tpl/common.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 
@@ -524,6 +524,20 @@ amisEditorCore.setSchemaTpl('className', function (schema) {
     label: amisEditorCore.tipedLabel((schema === null || schema === void 0 ? void 0 : schema.label) || i18nRuntime.i18n("4434b33a8731a73613ba5fa1eb984efb"), i18nRuntime.i18n("7080fa6e0ca1d7e24f6f8cac05077a3a"))
   });
 });
+amisEditorCore.setSchemaTpl('onlyClassNameTab', function (label) {
+  if (label === void 0) {
+    label = i18nRuntime.i18n("5e5d3f13111593b2710673006d4c8297");
+  }
+  return {
+    title: i18nRuntime.i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+    body: amisEditorCore.getSchemaTpl('collapseGroup', [{
+      title: i18nRuntime.i18n("261bba7ad82914e477f4b37f6a83874e"),
+      body: [amisEditorCore.getSchemaTpl('className', {
+        label: label
+      })]
+    }])
+  };
+});
 /**
  * combo 组件样式包装调整
  */
@@ -544,56 +558,6 @@ amisEditorCore.setSchemaTpl('combo-container', function (config) {
   }
   return config;
 });
-amisEditorCore.setSchemaTpl('texts', amisEditorCore.getSchemaTpl('combo-container', {
-  type: 'combo',
-  label: i18nRuntime.i18n("3bdd08adab6ea90b9164b20a0e4151ac"),
-  mode: 'normal',
-  name: 'texts',
-  items: [{
-    placeholder: 'Key',
-    type: 'input-number',
-    unique: true,
-    name: 'key',
-    columnClassName: 'w-xs flex-none',
-    min: 0,
-    step: 1,
-    max: 10,
-    precision: 0
-  }, {
-    placeholder: i18nRuntime.i18n("1a10cd6599219eafb615b34234cfc0b5"),
-    type: 'input-text',
-    name: 'value'
-  }]
-}));
-amisEditorCore.setSchemaTpl('unitOptions', amisEditorCore.getSchemaTpl('combo-container', {
-  type: 'combo',
-  label: i18nRuntime.i18n("7915dcc78c28ed3cda8fc949a86e4806"),
-  mode: 'normal',
-  name: 'unitOptions',
-  flat: true,
-  items: [{
-    placeholder: i18nRuntime.i18n("7915dcc78c28ed3cda8fc949a86e4806"),
-    type: 'input-text',
-    name: 'text'
-  }],
-  draggable: false,
-  multiple: true,
-  pipeIn: function (value) {
-    if (!amisEditorCore.isObject(value)) {
-      return Array.isArray(value) ? value : [];
-    }
-    var res = value.map(function (item) {
-      return item.value;
-    });
-    return res;
-  },
-  pipeOut: function (value) {
-    if (!value.length) {
-      return undefined;
-    }
-    return value;
-  }
-}));
 /**
  * 所有组件的状态
  */
@@ -1062,7 +1026,7 @@ amisEditorCore.setSchemaTpl('optionsTip', {
   label: i18nRuntime.i18n("9888468550779b1777260b8fafe6abc2"),
   value: i18nRuntime.i18n("a2cbb42e488dffe644bdb87c26afbc07")
 });
-amisEditorCore.setSchemaTpl('remark', {
+amisEditorCore.setSchemaTpl('tableCellRemark', {
   name: 'remark',
   label: i18nRuntime.i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
   type: 'input-text',
@@ -1269,20 +1233,6 @@ amisEditorCore.setSchemaTpl('tablePlaceholder', {
   type: 'input-text',
   label: i18nRuntime.i18n("35ba83e053cef95e55dfffde279822b5")
 });
-amisEditorCore.setSchemaTpl('collapseHeader', function (context) {
-  var _a, _b;
-  return {
-    name: 'header',
-    label: i18nRuntime.i18n("32c65d8d7431e76029678ec7bb73a5ab"),
-    type: 'input-text',
-    pipeIn: amisEditorCore.defaultValue(((_a = context === null || context === void 0 ? void 0 : context.schema) === null || _a === void 0 ? void 0 : _a.title) || ((_b = context === null || context === void 0 ? void 0 : context.schema) === null || _b === void 0 ? void 0 : _b.header) || ''),
-    onChange: function (value, oldValue, model, form) {
-      // 转换一下旧版本的title字段
-      form.setValueByName('header', value);
-      form.setValueByName('title', undefined);
-    }
-  };
-});
 amisEditorCore.setSchemaTpl('collapseOpenHeader', {
   name: 'collapseHeader',
   label: amisEditorCore.tipedLabel(i18nRuntime.i18n("81d2b9f20fb2083c75a5b052b84e897a"), i18nRuntime.i18n("7349194c139069b32889101768aa7428")),
@@ -1313,7 +1263,7 @@ amisEditorCore.setSchemaTpl('tpl:btnLabel', {
   tpl: '<span class="label label-success">${label}</span>',
   columnClassName: 'p-t-xs'
 });
-amisEditorCore.setSchemaTpl('option', {
+amisEditorCore.setSchemaTpl('switchOption', {
   type: 'input-text',
   name: 'option',
   label: i18nRuntime.i18n("f411d0f1f925d9b48d8c1d451bd809b1")

package/lib/tpl/horizontal.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/tpl/layout.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 

package/lib/tpl/options.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.3
  * Copyright 2018-2023 @fex
  */
 
@@ -286,6 +286,15 @@ amisEditorCore.setSchemaTpl('optionControlV2', {
   type: 'ae-optionControl',
   closeDefaultCheck: true // 关闭默认值设置
 });
+/**
+ * mapping组件映射源
+ */
+amisEditorCore.setSchemaTpl('mapSourceControl', {
+  type: 'ae-mapSourceControl',
+  label: i18nRuntime.i18n("8b139ce9fa196b602bb1ee3bd25b25df"),
+  mode: 'normal',
+  name: 'source'
+});
 /**
  * 时间轴组件选项控件
  */