amis-editor 5.2.3-beta.16 → 5.2.4-beta.28

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

@@ -0,0 +1,228 @@
+/**
+ * amis-editor v5.2.4-beta.30
+ * Copyright 2018-2023 @fex
+ */
+
+import { __extends, __assign, __decorate } from 'tslib';
+import React__default, { useRef, useState, useEffect } from 'react';
+import { Button, Icon, Overlay, PopOver, Editor } from 'amis-ui';
+import { FormItem, render } from 'amis-core';
+import { parse } from 'amis-postcss';
+import { debounce } from 'lodash';
+import { i18n } from 'i18n-runtime';
+
+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 = 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 = 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);
+    }
+  }
+  useEffect(function () {
+    getCssAndSetValue(classname, name, suffix);
+  }, []);
+  function handleChange(value) {
+    setValue(value);
+    editorChange(value);
+  }
+  var editorChange = debounce(function (value) {
+    var _a;
+    try {
+      var ast = 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 = __assign(__assign({}, sourceCss), (_a = {}, _a[name_1] = className_1, _a));
+      onBulkChange && onBulkChange({
+        css: newCss
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  });
+  return React__default.createElement("div", {
+    className: "ThemeClassName-editor"
+  }, React__default.createElement("div", {
+    className: "ThemeClassName-editor-title"
+  }, "\u81EA\u5B9A\u4E49\u6837\u5F0F\u6E90\u7801"), React__default.createElement("div", {
+    className: "ThemeClassName-editor-close"
+  }, React__default.createElement(Button, {
+    onClick: props.onHide,
+    level: "link"
+  }, React__default.createElement(Icon, {
+    icon: "close",
+    className: "icon"
+  }))), React__default.createElement("div", {
+    className: "ThemeClassName-editor-content"
+  }, React__default.createElement(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 = useRef(null);
+  var value = props.value;
+  var _a = useState(false),
+    showEditor = _a[0],
+    setShowEditor = _a[1];
+  function handleShowEditor() {
+    setShowEditor(true);
+  }
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    ref: ref,
+    className: "ThemeClassName"
+  }, React__default.createElement(Button, {
+    onClick: handleShowEditor,
+    level: "link",
+    className: ":ThemeClassName-button"
+  }, React__default.createElement(Icon, {
+    icon: "file",
+    className: "icon"
+  })), render({
+    type: 'input-tag',
+    name: 'class',
+    placeholder: i18n("ec8f3e4a298160dface2fda5c0125df2"),
+    delimiter: ' ',
+    value: value,
+    onChange: function (value) {
+      props.onChange && props.onChange(value);
+    }
+  })), React__default.createElement(Overlay, {
+    container: document.body,
+    placement: "left",
+    target: ref.current,
+    show: showEditor,
+    rootClose: false
+  }, React__default.createElement(PopOver, {
+    overlay: true,
+    onHide: function () {
+      return setShowEditor(false);
+    }
+  }, React__default.createElement(AmisStyleCodeEditor, __assign({}, props, {
+    onHide: function () {
+      return setShowEditor(false);
+    }
+  })))));
+}
+/** @class */(function (_super) {
+  __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.createElement(ThemeClassName, __assign({}, this.props));
+    }
+  });
+  BorderRenderer = __decorate([FormItem({
+    type: 'theme-classname',
+    strictMode: false
+  })], BorderRenderer);
+  return BorderRenderer;
+})(React__default.Component);

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

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

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

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

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

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

package/esm/renderer/textarea-formula/TextareaFormulaControl.d.ts

@@ -56,6 +56,9 @@ export declare class TextareaFormulaControl extends React.Component<TextareaForm
     static defaultProps: Partial<TextareaFormulaControlProps>;
     isUnmount: boolean;
     editorPlugin?: FormulaPlugin;
+    unReaction: any;
+    appLocale: string;
+    appCorpusData: any;
     constructor(props: TextareaFormulaControlProps);
     componentDidMount(): Promise<void>;
     componentDidUpdate(prevProps: TextareaFormulaControlProps): Promise<void>;

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

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -13,6 +13,7 @@ import { editorFactory, FormulaPlugin } from './plugin.js';
 import FormulaPicker from './FormulaPicker.js';
 import debounce from 'lodash/debounce';
 import { getVariables } from './utils.js';
+import { reaction } from 'mobx';
 import { i18n } from 'i18n-runtime';
 
 /**
@@ -34,6 +35,24 @@ var TextareaFormulaControl = /** @class */function (_super) {
       writable: true,
       value: void 0
     });
+    Object.defineProperty(_this, "unReaction", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "appLocale", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(_this, "appCorpusData", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: void 0
+    });
     Object.defineProperty(_this, "handleOnChange", {
       enumerable: true,
       configurable: true,
@@ -58,10 +77,36 @@ var TextareaFormulaControl = /** @class */function (_super) {
     writable: true,
     value: function () {
       return __awaiter(this, void 0, void 0, function () {
-        var variablesArr;
+        var editorStore, variablesArr;
+        var _this = this;
         return __generator(this, function (_a) {
           switch (_a.label) {
             case 0:
+              editorStore = window.editorStore;
+              this.appLocale = editorStore === null || editorStore === void 0 ? void 0 : editorStore.appLocale;
+              this.appCorpusData = editorStore === null || editorStore === void 0 ? void 0 : editorStore.appCorpusData;
+              this.unReaction = reaction(function () {
+                return editorStore === null || editorStore === void 0 ? void 0 : editorStore.appLocaleState;
+              }, function () {
+                return __awaiter(_this, void 0, void 0, function () {
+                  var variablesArr;
+                  return __generator(this, function (_a) {
+                    switch (_a.label) {
+                      case 0:
+                        this.appLocale = editorStore === null || editorStore === void 0 ? void 0 : editorStore.appLocale;
+                        this.appCorpusData = editorStore === null || editorStore === void 0 ? void 0 : editorStore.appCorpusData;
+                        return [4 /*yield*/, getVariables(this)];
+                      case 1:
+                        variablesArr = _a.sent();
+                        this.setState({
+                          variables: variablesArr
+                        });
+                        return [2 /*return*/];
+                    }
+                  });
+                });
+              });
+
               return [4 /*yield*/, getVariables(this)];
             case 1:
               variablesArr = _a.sent();
@@ -106,7 +151,9 @@ var TextareaFormulaControl = /** @class */function (_super) {
     configurable: true,
     writable: true,
     value: function () {
+      var _a;
       this.isUnmount = true;
+      (_a = this.unReaction) === null || _a === void 0 ? void 0 : _a.call(this);
     }
   });
   Object.defineProperty(TextareaFormulaControl.prototype, "onExpressionClick", {

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

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

package/esm/renderer/textarea-formula/utils.d.ts

@@ -9,4 +9,4 @@ export declare function resolveVariablesFromScope(node: any, manager: any): Prom
  * 整合 props & amis数据域 中的 variables
  * @param that  为组件的实例 this
  **/
-export declare function getVariables(that: any): Promise<any[]>;
+export declare function getVariables(that: any): Promise<any>;

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

@@ -1,10 +1,11 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
 import { __awaiter, __generator, __assign, __spreadArray } from 'tslib';
 import { isExpression, resolveVariableAndFilter } from 'amis-core';
+import { translateSchema } from 'amis-editor-core';
 
 /**
  * 从amis数据域中取变量数据
@@ -67,6 +68,10 @@ function getVariables(that) {
                             variablesArr = __spreadArray(__spreadArray([], resolveVariableAndFilter(that.props.variables, that.props.data, '| raw'), true), variablesArr, true);
                         }
                     }
+                    // 如果存在应用语言类型，则进行翻译
+                    if (that.appLocale && that.appCorpusData) {
+                        return [2 /*return*/, translateSchema(variablesArr, that.appCorpusData)];
+                    }
                     return [2 /*return*/, variablesArr];
             }
         });

package/esm/tpl/api.js

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

package/esm/tpl/common.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.3-beta.15
+ * amis-editor v5.2.4-beta.30
  * Copyright 2018-2023 @fex
  */
 
@@ -517,6 +517,20 @@ setSchemaTpl('className', function (schema) {
     label: tipedLabel((schema === null || schema === void 0 ? void 0 : schema.label) || i18n("4434b33a8731a73613ba5fa1eb984efb"), i18n("7080fa6e0ca1d7e24f6f8cac05077a3a"))
   });
 });
+setSchemaTpl('onlyClassNameTab', function (label) {
+  if (label === void 0) {
+    label = i18n("5e5d3f13111593b2710673006d4c8297");
+  }
+  return {
+    title: i18n("afcde2611bdd13c1e65b4fb6a2f13425"),
+    body: getSchemaTpl('collapseGroup', [{
+      title: i18n("261bba7ad82914e477f4b37f6a83874e"),
+      body: [getSchemaTpl('className', {
+        label: label
+      })]
+    }])
+  };
+});
 /**
  * combo 组件样式包装调整
  */
@@ -537,56 +551,6 @@ setSchemaTpl('combo-container', function (config) {
   }
   return config;
 });
-setSchemaTpl('texts', getSchemaTpl('combo-container', {
-  type: 'combo',
-  label: 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: i18n("1a10cd6599219eafb615b34234cfc0b5"),
-    type: 'input-text',
-    name: 'value'
-  }]
-}));
-setSchemaTpl('unitOptions', getSchemaTpl('combo-container', {
-  type: 'combo',
-  label: i18n("7915dcc78c28ed3cda8fc949a86e4806"),
-  mode: 'normal',
-  name: 'unitOptions',
-  flat: true,
-  items: [{
-    placeholder: i18n("7915dcc78c28ed3cda8fc949a86e4806"),
-    type: 'input-text',
-    name: 'text'
-  }],
-  draggable: false,
-  multiple: true,
-  pipeIn: function (value) {
-    if (!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;
-  }
-}));
 /**
  * 所有组件的状态
  */
@@ -1055,12 +1019,19 @@ setSchemaTpl('optionsTip', {
   label: i18n("9888468550779b1777260b8fafe6abc2"),
   value: i18n("a2cbb42e488dffe644bdb87c26afbc07")
 });
-setSchemaTpl('remark', {
+setSchemaTpl('tableCellRemark', {
   name: 'remark',
   label: i18n("02d9819ddaaaeb1b7b22b12608c7e5ca"),
   type: 'input-text',
   description: i18n("45882ddedb42c1a38462949750bc8a84")
 });
+setSchemaTpl('tableCellPlaceholder', {
+  name: 'placeholder',
+  type: 'input-text',
+  label: i18n("4c1cff4d8c05daa6ed9352a241ee628c"),
+  value: '-',
+  description: i18n("ff88d5db9d61f14bce6e3397fd4652a5")
+});
 setSchemaTpl('title', {
   type: 'input-text',
   name: 'title',
@@ -1262,20 +1233,6 @@ setSchemaTpl('tablePlaceholder', {
   type: 'input-text',
   label: i18n("35ba83e053cef95e55dfffde279822b5")
 });
-setSchemaTpl('collapseHeader', function (context) {
-  var _a, _b;
-  return {
-    name: 'header',
-    label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
-    type: 'input-text',
-    pipeIn: 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);
-    }
-  };
-});
 setSchemaTpl('collapseOpenHeader', {
   name: 'collapseHeader',
   label: tipedLabel(i18n("81d2b9f20fb2083c75a5b052b84e897a"), i18n("7349194c139069b32889101768aa7428")),
@@ -1306,8 +1263,65 @@ setSchemaTpl('tpl:btnLabel', {
   tpl: '<span class="label label-success">${label}</span>',
   columnClassName: 'p-t-xs'
 });
-setSchemaTpl('option', {
+setSchemaTpl('switchOption', {
   type: 'input-text',
   name: 'option',
   label: i18n("f411d0f1f925d9b48d8c1d451bd809b1")
 });
+setSchemaTpl('addOnLabel', {
+  name: 'label',
+  label: i18n("ca746b1ff10193a3ce20878dec04a733"),
+  type: 'input-text'
+});
+setSchemaTpl('onText', {
+  name: 'onText',
+  type: 'input-text',
+  label: i18n("c580bacf343343f04a1b551e46d02c4f")
+});
+setSchemaTpl('offText', {
+  name: 'offText',
+  type: 'input-text',
+  label: i18n("9ff352ae39cdaeaa4fc54f83575eedc9")
+});
+setSchemaTpl('propertyTitle', {
+  label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+  type: 'input-text',
+  name: 'title'
+});
+setSchemaTpl('propertyLabel', {
+  type: 'input-text',
+  mode: 'inline',
+  size: 'sm',
+  label: i18n("ae41a992ccceb36f83024f72531186ec"),
+  name: 'label'
+});
+setSchemaTpl('propertyContent', {
+  type: 'input-text',
+  mode: 'inline',
+  size: 'sm',
+  label: i18n("52dff5b153bb5eaca33a008458ce0209"),
+  name: 'content'
+});
+setSchemaTpl('draggableTip', {
+  type: 'input-text',
+  name: 'draggableTip',
+  label: tipedLabel(i18n("9b14c9051067bef2dd9a15683201dd18"), i18n("f41a714bc8b26dc27a93a07c44e329a8"))
+});
+setSchemaTpl('deleteConfirmText', {
+  label: tipedLabel(i18n("0c15a924dc3bedefb79c958972bef2b9"), i18n("178bf4dd4b8d56370e2fc8275f9dc9e4")),
+  name: 'deleteConfirmText',
+  type: 'input-text',
+  pipeIn: defaultValue(i18n("cb8f7758eb03574f9b8402659c0f02b2"))
+});
+setSchemaTpl('optionsLabel', {
+  type: 'input-text',
+  name: 'label',
+  placeholder: i18n("d7ec2d3fea4756bc1642e0f10c180cf5"),
+  required: true
+});
+setSchemaTpl('anchorNavTitle', {
+  name: 'title',
+  label: i18n("32c65d8d7431e76029678ec7bb73a5ab"),
+  type: 'input-text',
+  required: true
+});

package/esm/tpl/horizontal.js

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