amis 1.6.1-beta.0 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +1 -1
- package/lib/renderers/Form/InputRichText.d.ts +4 -0
- package/lib/renderers/Form/InputRichText.js +2 -1
- package/lib/renderers/Form/InputRichText.js.map +2 -2
- package/lib/renderers/Log.js +15 -10
- package/lib/renderers/Log.js.map +2 -2
- package/package.json +2 -2
- package/schema.json +11 -7
- package/sdk/charts.js +13 -13
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/exceljs.js +1 -1
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +18 -18
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk.js +1240 -1240
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/renderers/Form/InputRichText.tsx +11 -1
- package/src/renderers/Log.tsx +5 -1
package/lib/index.js
CHANGED
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.registerLocale = exports.setDefaultLocale = exports.getDefaultLocale = exports.classnames = exports.getClassPrefix = exports.classPrefix = exports.getTheme = exports.theme = exports.setDefaultTheme = exports.validateObject = exports.validate = exports.ScopedContext = exports.Scoped = exports.registerIcon = exports.Icon = exports.setIconVendor = exports.resolveVariableAndFilter = exports.resolveVariable = exports.relativeValueRe = exports.filterDate = exports.filterSchema = exports.resolveRenderer = exports.registerOptionsControl = exports.registerFormItem = exports.getRenderers = exports.unRegisterRenderer = exports.registerRenderer = exports.getRendererByName = exports.normalizeOptions = exports.str2rules = exports.addRule = exports.setCustomEvalExpression = exports.setCustomEvalJs = exports.evalJS = exports.evalExpression = exports.registerTplEnginer = exports.registerFilter = exports.resizeSensor = exports.utils = exports.filter = exports.buildApi = exports.wrapFetcher = exports.OptionsControl = exports.FormItemWrap = exports.FormItem = exports.RegisterStore = exports.Renderer = exports.updateEnv = exports.clearStoresCache = exports.render = void 0;
|
|
4
4
|
exports.animation = exports.makeTranslator = void 0;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
|
-
/** @license amis v1.6.1
|
|
6
|
+
/** @license amis v1.6.1
|
|
7
7
|
*
|
|
8
8
|
* Copyright Baidu
|
|
9
9
|
*
|
|
@@ -64,7 +64,7 @@ var RichTextControl = /** @class */ (function (_super) {
|
|
|
64
64
|
switch (_k.label) {
|
|
65
65
|
case 0:
|
|
66
66
|
formData = new FormData();
|
|
67
|
-
formData.append(
|
|
67
|
+
formData.append(props.fileField, blobInfo.blob(), blobInfo.filename());
|
|
68
68
|
_k.label = 1;
|
|
69
69
|
case 1:
|
|
70
70
|
_k.trys.push([1, 3, , 4]);
|
|
@@ -135,6 +135,7 @@ var RichTextControl = /** @class */ (function (_super) {
|
|
|
135
135
|
imageEditable: true,
|
|
136
136
|
receiver: '/api/upload/image',
|
|
137
137
|
videoReceiver: '/api/upload/video',
|
|
138
|
+
fileField: 'file',
|
|
138
139
|
placeholder: 'placeholder.enter',
|
|
139
140
|
options: {
|
|
140
141
|
toolbarButtons: [
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
"/src/renderers/Form/InputRichText.tsx"
|
|
7
7
|
],
|
|
8
8
|
"names": [],
|
|
9
|
-
"mappings": ";;;;AAAA,6DAA0B;AAC1B,+BAAmE;AACnE,uEAA4B;AAC5B,8FAA2D;AAC3D,uDAAiD;AACjD,uCAA6C;AAC7C,6CAA2C;
|
|
9
|
+
"mappings": "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",
|
|
10
10
|
"sourcesContent": [
|
|
11
|
-
"import React from 'react';\nimport {FormItem, FormControlProps, FormBaseControl} from './Item';\nimport cx from 'classnames';\nimport LazyComponent from '../../components/LazyComponent';\nimport {tokenize} from '../../utils/tpl-builtin';\nimport {normalizeApi} from '../../utils/api';\nimport {ucFirst} from '../../utils/helper';\n\n/**\n * RichText\n * 文档：https://baidu.gitee.io/amis/docs/components/form/input-rich-text\n */\nexport interface RichTextControlSchema extends FormBaseControl {\n type: 'input-rich-text';\n\n vendor?: 'froala' | 'tinymce';\n\n receiver?: string;\n videoReceiver?: string;\n\n /**\n * 边框模式，全边框，还是半边框，或者没边框。\n */\n borderMode?: 'full' | 'half' | 'none';\n\n options?: any;\n}\n\nexport interface RichTextProps extends FormControlProps {\n options?: any;\n vendor?: 'froala' | 'tinymce';\n}\n\nfunction loadRichText(\n type: 'tinymce' | 'froala' = 'froala'\n): () => Promise<any> {\n return () =>\n type === 'tinymce'\n ? import('../../components/Tinymce').then(item => item.default)\n : import('../../components/RichText').then(item => item.default);\n}\n\nexport default class RichTextControl extends React.Component<\n RichTextProps,\n any\n> {\n static defaultProps: Partial<RichTextProps> = {\n imageEditable: true,\n receiver: '/api/upload/image',\n videoReceiver: '/api/upload/video',\n placeholder: 'placeholder.enter',\n options: {\n toolbarButtons: [\n 'undo',\n 'redo',\n 'paragraphFormat',\n 'textColor',\n 'backgroundColor',\n 'bold',\n 'underline',\n 'strikeThrough',\n 'formatOL',\n 'formatUL',\n 'align',\n 'quote',\n 'insertLink',\n 'insertImage',\n 'insertEmotion',\n 'insertTable',\n 'html'\n ]\n }\n };\n\n state = {\n focused: false\n };\n config: any = null;\n constructor(props: RichTextProps) {\n super(props);\n\n const finnalVendor =\n props.vendor || (props.env.richTextToken ? 'froala' : 'tinymce');\n this.handleFocus = this.handleFocus.bind(this);\n this.handleBlur = this.handleBlur.bind(this);\n this.handleChange = this.handleChange.bind(this);\n\n if (finnalVendor === 'froala') {\n this.config = {\n imageAllowedTypes: ['jpeg', 'jpg', 'png', 'gif'],\n imageDefaultAlign: 'left',\n imageEditButtons: props.imageEditable\n ? [\n 'imageReplace',\n 'imageAlign',\n 'imageRemove',\n '|',\n 'imageLink',\n 'linkOpen',\n 'linkEdit',\n 'linkRemove',\n '-',\n 'imageDisplay',\n 'imageStyle',\n 'imageAlt',\n 'imageSize'\n ]\n : [],\n key: props.env.richTextToken,\n attribution: false,\n ...props.options,\n editorClass: props.editorClass,\n placeholderText: props.translate(props.placeholder),\n imageUploadURL: tokenize(props.receiver, props.data),\n imageUploadParams: {\n from: 'rich-text'\n },\n videoUploadURL: tokenize(props.videoReceiver, props.data),\n videoUploadParams: {\n from: 'rich-text'\n },\n events: {\n ...(props.options && props.options.events),\n focus: this.handleFocus,\n blur: this.handleBlur\n },\n language:\n !this.props.locale || this.props.locale === 'zh-CN' ? 'zh_cn' : ''\n };\n\n if (props.buttons) {\n this.config.toolbarButtons = props.buttons;\n }\n } else {\n const fetcher = props.env.fetcher;\n this.config = {\n ...props.options,\n images_upload_handler: async (\n blobInfo: any,\n ok: (locaiton: string) => void,\n fail: (reason: string) => void\n ) => {\n const formData = new FormData();\n formData.append(
|
|
11
|
+
"import React from 'react';\nimport {FormItem, FormControlProps, FormBaseControl} from './Item';\nimport cx from 'classnames';\nimport LazyComponent from '../../components/LazyComponent';\nimport {tokenize} from '../../utils/tpl-builtin';\nimport {normalizeApi} from '../../utils/api';\nimport {ucFirst} from '../../utils/helper';\n\n/**\n * RichText\n * 文档：https://baidu.gitee.io/amis/docs/components/form/input-rich-text\n */\nexport interface RichTextControlSchema extends FormBaseControl {\n type: 'input-rich-text';\n\n vendor?: 'froala' | 'tinymce';\n\n receiver?: string;\n videoReceiver?: string;\n\n /**\n * 接收器的字段名\n */\n fileField?: string;\n\n /**\n * 边框模式，全边框，还是半边框，或者没边框。\n */\n borderMode?: 'full' | 'half' | 'none';\n\n options?: any;\n}\n\nexport interface RichTextProps extends FormControlProps {\n options?: any;\n vendor?: 'froala' | 'tinymce';\n}\n\nfunction loadRichText(\n type: 'tinymce' | 'froala' = 'froala'\n): () => Promise<any> {\n return () =>\n type === 'tinymce'\n ? import('../../components/Tinymce').then(item => item.default)\n : import('../../components/RichText').then(item => item.default);\n}\n\nexport default class RichTextControl extends React.Component<\n RichTextProps,\n any\n> {\n static defaultProps: Partial<RichTextProps> = {\n imageEditable: true,\n receiver: '/api/upload/image',\n videoReceiver: '/api/upload/video',\n fileField: 'file',\n placeholder: 'placeholder.enter',\n options: {\n toolbarButtons: [\n 'undo',\n 'redo',\n 'paragraphFormat',\n 'textColor',\n 'backgroundColor',\n 'bold',\n 'underline',\n 'strikeThrough',\n 'formatOL',\n 'formatUL',\n 'align',\n 'quote',\n 'insertLink',\n 'insertImage',\n 'insertEmotion',\n 'insertTable',\n 'html'\n ]\n }\n };\n\n state = {\n focused: false\n };\n config: any = null;\n constructor(props: RichTextProps) {\n super(props);\n\n const finnalVendor =\n props.vendor || (props.env.richTextToken ? 'froala' : 'tinymce');\n this.handleFocus = this.handleFocus.bind(this);\n this.handleBlur = this.handleBlur.bind(this);\n this.handleChange = this.handleChange.bind(this);\n\n if (finnalVendor === 'froala') {\n this.config = {\n imageAllowedTypes: ['jpeg', 'jpg', 'png', 'gif'],\n imageDefaultAlign: 'left',\n imageEditButtons: props.imageEditable\n ? [\n 'imageReplace',\n 'imageAlign',\n 'imageRemove',\n '|',\n 'imageLink',\n 'linkOpen',\n 'linkEdit',\n 'linkRemove',\n '-',\n 'imageDisplay',\n 'imageStyle',\n 'imageAlt',\n 'imageSize'\n ]\n : [],\n key: props.env.richTextToken,\n attribution: false,\n ...props.options,\n editorClass: props.editorClass,\n placeholderText: props.translate(props.placeholder),\n imageUploadURL: tokenize(props.receiver, props.data),\n imageUploadParams: {\n from: 'rich-text'\n },\n videoUploadURL: tokenize(props.videoReceiver, props.data),\n videoUploadParams: {\n from: 'rich-text'\n },\n events: {\n ...(props.options && props.options.events),\n focus: this.handleFocus,\n blur: this.handleBlur\n },\n language:\n !this.props.locale || this.props.locale === 'zh-CN' ? 'zh_cn' : ''\n };\n\n if (props.buttons) {\n this.config.toolbarButtons = props.buttons;\n }\n } else {\n const fetcher = props.env.fetcher;\n this.config = {\n ...props.options,\n images_upload_handler: async (\n blobInfo: any,\n ok: (locaiton: string) => void,\n fail: (reason: string) => void\n ) => {\n const formData = new FormData();\n formData.append(\n props.fileField,\n blobInfo.blob(),\n blobInfo.filename()\n );\n try {\n const receiver = {\n adaptor: (payload: object) => {\n return {\n ...payload,\n data: payload\n };\n },\n ...normalizeApi(props.receiver, 'post')\n };\n const response = await fetcher(receiver, formData, {\n method: 'post'\n });\n if (response.ok) {\n const location =\n response.data?.link ||\n response.data?.url ||\n response.data?.value ||\n response.data?.data?.link ||\n response.data?.data?.url ||\n response.data?.data?.value;\n if (location) {\n ok(location);\n } else {\n console.warn('must have return value');\n }\n }\n } catch (e) {\n fail(e);\n }\n }\n };\n }\n }\n\n handleFocus() {\n this.setState({\n focused: true\n });\n }\n\n handleBlur() {\n this.setState({\n focused: false\n });\n }\n\n handleChange(\n value: any,\n submitOnChange?: boolean,\n changeImmediately?: boolean\n ) {\n const {onChange, disabled} = this.props;\n\n if (disabled) {\n return;\n }\n\n onChange?.(value, submitOnChange, changeImmediately);\n }\n\n render() {\n const {\n className,\n classPrefix: ns,\n value,\n onChange,\n disabled,\n size,\n vendor,\n env,\n locale,\n translate,\n borderMode\n } = this.props;\n\n const finnalVendor = vendor || (env.richTextToken ? 'froala' : 'tinymce');\n\n return (\n <div\n className={cx(`${ns}RichTextControl`, className, {\n 'is-focused': this.state.focused,\n 'is-disabled': disabled,\n [`${ns}RichTextControl--border${ucFirst(borderMode)}`]: borderMode\n })}\n >\n <LazyComponent\n getComponent={loadRichText(finnalVendor)}\n model={value}\n onModelChange={this.handleChange}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n config={this.config}\n disabled={disabled}\n locale={locale}\n translate={translate}\n />\n </div>\n );\n }\n}\n\n@FormItem({\n type: 'input-rich-text',\n sizeMutable: false\n})\nexport class RichTextControlRenderer extends RichTextControl {}\n"
|
|
12
12
|
]
|
|
13
13
|
}
|
package/lib/renderers/Log.js
CHANGED
|
@@ -53,19 +53,24 @@ var Log = /** @class */ (function (_super) {
|
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
Log.prototype.loadLogs = function () {
|
|
56
|
+
var _a;
|
|
56
57
|
return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
|
|
57
|
-
var
|
|
58
|
-
return (0, tslib_1.__generator)(this, function (
|
|
59
|
-
switch (
|
|
58
|
+
var _b, source, data, env, __, encoding, api, res, body, reader, lastline, logs, _c, done, value, text, lines;
|
|
59
|
+
return (0, tslib_1.__generator)(this, function (_d) {
|
|
60
|
+
switch (_d.label) {
|
|
60
61
|
case 0:
|
|
61
|
-
|
|
62
|
+
_b = this.props, source = _b.source, data = _b.data, env = _b.env, __ = _b.translate, encoding = _b.encoding;
|
|
62
63
|
api = (0, api_1.buildApi)(source, data);
|
|
63
64
|
if (!api.url) {
|
|
64
65
|
return [2 /*return*/];
|
|
65
66
|
}
|
|
66
|
-
return [4 /*yield*/, fetch(api.url
|
|
67
|
+
return [4 /*yield*/, fetch(api.url, {
|
|
68
|
+
method: ((_a = api.method) === null || _a === void 0 ? void 0 : _a.toLocaleUpperCase()) || 'GET',
|
|
69
|
+
headers: api.headers || undefined,
|
|
70
|
+
body: api.data ? JSON.stringify(api.data) : undefined
|
|
71
|
+
})];
|
|
67
72
|
case 1:
|
|
68
|
-
res =
|
|
73
|
+
res = _d.sent();
|
|
69
74
|
if (!(res.status === 200)) return [3 /*break*/, 6];
|
|
70
75
|
body = res.body;
|
|
71
76
|
if (!body) {
|
|
@@ -74,10 +79,10 @@ var Log = /** @class */ (function (_super) {
|
|
|
74
79
|
reader = body.getReader();
|
|
75
80
|
lastline = '';
|
|
76
81
|
logs = [];
|
|
77
|
-
|
|
82
|
+
_d.label = 2;
|
|
78
83
|
case 2: return [4 /*yield*/, reader.read()];
|
|
79
84
|
case 3:
|
|
80
|
-
|
|
85
|
+
_c = _d.sent(), done = _c.done, value = _c.value;
|
|
81
86
|
if (value) {
|
|
82
87
|
text = new TextDecoder(encoding).decode(value, { stream: true });
|
|
83
88
|
lines = text.split('\n');
|
|
@@ -104,12 +109,12 @@ var Log = /** @class */ (function (_super) {
|
|
|
104
109
|
this.isDone = true;
|
|
105
110
|
return [2 /*return*/];
|
|
106
111
|
}
|
|
107
|
-
|
|
112
|
+
_d.label = 4;
|
|
108
113
|
case 4: return [3 /*break*/, 2];
|
|
109
114
|
case 5: return [3 /*break*/, 7];
|
|
110
115
|
case 6:
|
|
111
116
|
env.notify('error', __('fetchFailed'));
|
|
112
|
-
|
|
117
|
+
_d.label = 7;
|
|
113
118
|
case 7: return [2 /*return*/];
|
|
114
119
|
}
|
|
115
120
|
});
|
package/lib/renderers/Log.js.map
CHANGED
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
"/src/renderers/Log.tsx"
|
|
7
7
|
],
|
|
8
8
|
"names": [],
|
|
9
|
-
"mappings": ";;;;AAAA;;GAEG;AACH,6DAA0B;AAC1B,sCAAmD;AAEnD,6EAAiC;AAEjC,oCAAqD;AA+CrD;IAAyB,oCAAmC;IAmB1D,aAAY,KAAe;QAA3B,YACE,kBAAM,KAAK,CAAC,SAIb;QAhBD,YAAM,GAAY,KAAK,CAAC;QAExB,gBAAU,GAAY,KAAK,CAAC;QAI5B,WAAK,GAAa;YAChB,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;SACT,CAAC;QAIA,KAAI,CAAC,MAAM,GAAG,eAAK,CAAC,SAAS,EAAE,CAAC;QAChC,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC;QAC5C,KAAI,CAAC,sBAAsB,GAAG,KAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;;IACvE,CAAC;IAED,kCAAoB,GAApB;QACE,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACtC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,CACrC,QAAQ,EACR,IAAI,CAAC,sBAAsB,CAC5B,CAAC;SACH;IACH,CAAC;IAED,+BAAiB,GAAjB;QACE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACzD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAClC,QAAQ,EACR,IAAI,CAAC,sBAAsB,CAC5B,CAAC;SACH;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAED,gCAAkB,GAAlB,UAAmB,SAAmB;QACpC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACzD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC;SAClE;QACD,IACE,IAAA,mBAAa,EACX,SAAS,CAAC,MAAM,EAChB,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,SAAS,CAAC,IAAI,EACd,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,EACD;YACA,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAED,uBAAuB;IACvB,oCAAsB,GAAtB;QACE,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YAChC,IAAA,KAA0C,IAAI,CAAC,MAAM,CAAC,OAAO,EAA5D,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAuB,CAAC;YACpE,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,CAAC;SAClE;IACH,CAAC;IAEK,sBAAQ,GAAd
|
|
9
|
+
"mappings": ";;;;AAAA;;GAEG;AACH,6DAA0B;AAC1B,sCAAmD;AAEnD,6EAAiC;AAEjC,oCAAqD;AA+CrD;IAAyB,oCAAmC;IAmB1D,aAAY,KAAe;QAA3B,YACE,kBAAM,KAAK,CAAC,SAIb;QAhBD,YAAM,GAAY,KAAK,CAAC;QAExB,gBAAU,GAAY,KAAK,CAAC;QAI5B,WAAK,GAAa;YAChB,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;SACT,CAAC;QAIA,KAAI,CAAC,MAAM,GAAG,eAAK,CAAC,SAAS,EAAE,CAAC;QAChC,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC;QAC5C,KAAI,CAAC,sBAAsB,GAAG,KAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;;IACvE,CAAC;IAED,kCAAoB,GAApB;QACE,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACtC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,CACrC,QAAQ,EACR,IAAI,CAAC,sBAAsB,CAC5B,CAAC;SACH;IACH,CAAC;IAED,+BAAiB,GAAjB;QACE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACzD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAClC,QAAQ,EACR,IAAI,CAAC,sBAAsB,CAC5B,CAAC;SACH;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAED,gCAAkB,GAAlB,UAAmB,SAAmB;QACpC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACzD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC;SAClE;QACD,IACE,IAAA,mBAAa,EACX,SAAS,CAAC,MAAM,EAChB,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,SAAS,CAAC,IAAI,EACd,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,EACD;YACA,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAED,uBAAuB;IACvB,oCAAsB,GAAtB;QACE,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YAChC,IAAA,KAA0C,IAAI,CAAC,MAAM,CAAC,OAAO,EAA5D,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAuB,CAAC;YACpE,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,CAAC,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,CAAC;SAClE;IACH,CAAC;IAEK,sBAAQ,GAAd;;;;;;;wBACQ,KAA+C,IAAI,CAAC,KAAK,EAAxD,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,GAAG,SAAA,EAAa,EAAE,eAAA,EAAE,QAAQ,cAAA,CAAe;wBAE1D,GAAG,GAAG,IAAA,cAAQ,EAAC,MAAM,EAAE,IAAI,CAAC,CAAC;wBACnC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;4BACZ,sBAAO;yBACR;wBACW,qBAAM,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;gCAC/B,MAAM,EAAE,CAAA,MAAA,GAAG,CAAC,MAAM,0CAAE,iBAAiB,EAAE,KAAI,KAAK;gCAChD,OAAO,EAAG,GAAG,CAAC,OAAkC,IAAI,SAAS;gCAC7D,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;6BACtD,CAAC,EAAA;;wBAJI,GAAG,GAAG,SAIV;6BACE,CAAA,GAAG,CAAC,MAAM,KAAK,GAAG,CAAA,EAAlB,wBAAkB;wBACd,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;wBACtB,IAAI,CAAC,IAAI,EAAE;4BACT,sBAAO;yBACR;wBACK,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;wBAC5B,QAAQ,GAAG,EAAE,CAAC;wBACd,IAAI,GAAa,EAAE,CAAC;;4BAEF,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;wBAAnC,KAAgB,SAAmB,EAAlC,IAAI,UAAA,EAAE,KAAK,WAAA;wBAChB,IAAI,KAAK,EAAE;4BACL,IAAI,GAAG,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;4BAE7D,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;4BAC/B,kBAAkB;4BAClB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gCACtB,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;gCACrB,IAAI,CAAC,QAAQ,CAAC;oCACZ,QAAQ,EAAE,QAAQ;iCACnB,CAAC,CAAC;6BACJ;iCAAM;gCACL,WAAW;gCACX,KAAK,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gCAC/B,qBAAqB;gCACrB,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC;gCAC7B,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gCAC1B,IAAI,CAAC,QAAQ,CAAC;oCACZ,IAAI,EAAE,IAAI;oCACV,QAAQ,EAAE,QAAQ;iCACnB,CAAC,CAAC;6BACJ;yBACF;wBAED,IAAI,IAAI,EAAE;4BACR,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;4BACnB,sBAAO;yBACR;;;;;wBAGH,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;;;;;;KAE1C;IAED,oBAAM,GAAN;QACQ,IAAA,KAOF,IAAI,CAAC,KAAK,EANZ,MAAM,YAAA,EACN,SAAS,eAAA,EACG,EAAE,gBAAA,EACd,WAAW,iBAAA,EACX,MAAM,YAAA,EACK,EAAE,eACD,CAAC;QAEf,IAAI,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;QAE9B,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;SACpC;QAED,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YAC5C,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,KAAK;gBACxC,8BAAC,uBAAI,IAAC,UAAU,UAAE,IAAI,CAAQ,CAC1B,CACP,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,CACL,uCACE,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC;YAEtB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;YAC/B,uCAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAC,MAAM;gBACxC,4CAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAC9B,CACF,CACP,CAAC;IACJ,CAAC;IAjKM,gBAAY,GAAG;QACpB,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,OAAO;KAClB,CAAC;IA6JJ,UAAC;CAAA,AAnKD,CAAyB,eAAK,CAAC,SAAS,GAmKvC;AAnKY,kBAAG;AAwKhB;IAAiC,4CAAG;IAApC;;IAAsC,CAAC;IAA1B,WAAW;QAHvB,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,KAAK;SACZ,CAAC;OACW,WAAW,CAAe;IAAD,kBAAC;CAAA,AAAvC,CAAiC,GAAG,GAAG;AAA1B,kCAAW",
|
|
10
10
|
"sourcesContent": [
|
|
11
|
-
"/**\n * @file 用于显示日志的组件，比如显示命令行的输出结果\n */\nimport React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema, SchemaTpl} from '../Schema';\nimport Ansi from 'ansi-to-react';\nimport {filter} from '../utils/tpl';\nimport {buildApi, isApiOutdated} from '../utils/api';\n\n/**\n * 日志展示组件\n * 文档：https://baidu.gitee.io/amis/docs/components/log\n */\nexport interface LogSchema extends BaseSchema {\n /**\n * 指定为 log 链接展示控件\n */\n type: 'log';\n\n /**\n * 自定义 CSS 类名\n */\n className?: string;\n\n /**\n * 获取日志的地址\n */\n source: string;\n\n /**\n * 控件高度\n */\n height?: number;\n\n /**\n * 是否自动滚动到最底部\n */\n autoScroll?: boolean;\n\n /**\n * 返回内容字符编码\n */\n encoding?: string;\n}\n\nexport interface LogProps\n extends RendererProps,\n Omit<LogSchema, 'type' | 'className'> {}\n\nexport interface LogState {\n lastLine: string;\n logs: string[];\n}\n\nexport class Log extends React.Component<LogProps, LogState> {\n static defaultProps = {\n height: 500,\n autoScroll: true,\n placeholder: 'loading',\n encoding: 'utf-8'\n };\n\n isDone: boolean = false;\n\n autoScroll: boolean = false;\n\n logRef: React.RefObject<HTMLDivElement>;\n\n state: LogState = {\n lastLine: '',\n logs: []\n };\n\n constructor(props: LogProps) {\n super(props);\n this.logRef = React.createRef();\n this.autoScroll = props.autoScroll || false;\n this.pauseOrResumeScrolling = this.pauseOrResumeScrolling.bind(this);\n }\n\n componentWillUnmount() {\n if (this.logRef && this.logRef.current) {\n this.logRef.current.removeEventListener(\n 'scroll',\n this.pauseOrResumeScrolling\n );\n }\n }\n\n componentDidMount() {\n if (this.autoScroll && this.logRef && this.logRef.current) {\n this.logRef.current.addEventListener(\n 'scroll',\n this.pauseOrResumeScrolling\n );\n }\n if (this.props.source) {\n this.loadLogs();\n }\n }\n\n componentDidUpdate(prevProps: LogProps) {\n if (this.autoScroll && this.logRef && this.logRef.current) {\n this.logRef.current.scrollTop = this.logRef.current.scrollHeight;\n }\n if (\n isApiOutdated(\n prevProps.source,\n this.props.source,\n prevProps.data,\n this.props.data\n )\n ) {\n this.loadLogs();\n }\n }\n\n // 如果向上滚动就停止自动滚动，除非滚到底部\n pauseOrResumeScrolling() {\n if (this.logRef && this.logRef.current) {\n const {scrollHeight, scrollTop, offsetHeight} = this.logRef.current;\n this.autoScroll = scrollHeight - (scrollTop + offsetHeight) < 50;\n }\n }\n\n async loadLogs() {\n const {source, data, env, translate: __, encoding} = this.props;\n // 因为这里返回结果是流式的，和普通 api 请求不一样，如果直接用 fetcher 经过 responseAdaptor 可能会导致出错，所以就直接 fetch 了\n const api = buildApi(source, data);\n if (!api.url) {\n return;\n }\n const res = await fetch(api.url);\n if (res.status === 200) {\n const body = res.body;\n if (!body) {\n return;\n }\n const reader = body.getReader();\n let lastline = '';\n let logs: string[] = [];\n for (;;) {\n let {done, value} = await reader.read();\n if (value) {\n let text = new TextDecoder(encoding).decode(value, {stream: true});\n // 不考虑只有 \\r 换行符的情况，几乎没人用\n const lines = text.split('\\n');\n // 如果没有换行符就只更新最后一行\n if (lines.length === 1) {\n lastline += lines[0];\n this.setState({\n lastLine: lastline\n });\n } else {\n // 将之前的数据补上\n lines[0] = lastline + lines[0];\n // 最后一个要么是空，要么是下一行的数据\n lastline = lines.pop() || '';\n logs = logs.concat(lines);\n this.setState({\n logs: logs,\n lastLine: lastline\n });\n }\n }\n\n if (done) {\n this.isDone = true;\n return;\n }\n }\n } else {\n env.notify('error', __('fetchFailed'));\n }\n }\n\n render() {\n const {\n source,\n className,\n classnames: cx,\n placeholder,\n height,\n translate: __\n } = this.props;\n\n let loading = __(placeholder);\n\n if (!source) {\n loading = __('Log.mustHaveSource');\n }\n\n const lines = this.state.logs.map((line, index) => {\n return (\n <div className={cx('Log-line')} key={index}>\n <Ansi useClasses>{line}</Ansi>\n </div>\n );\n });\n\n return (\n <div\n ref={this.logRef}\n className={cx('Log', className)}\n style={{height: height}}\n >\n {lines.length ? lines : loading}\n <div className={cx('Log-line')} key=\"last\">\n <code>{this.state.lastLine}</code>\n </div>\n </div>\n );\n }\n}\n\n@Renderer({\n type: 'log'\n})\nexport class LogRenderer extends Log {}\n"
|
|
11
|
+
"/**\n * @file 用于显示日志的组件，比如显示命令行的输出结果\n */\nimport React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema, SchemaTpl} from '../Schema';\nimport Ansi from 'ansi-to-react';\nimport {filter} from '../utils/tpl';\nimport {buildApi, isApiOutdated} from '../utils/api';\n\n/**\n * 日志展示组件\n * 文档：https://baidu.gitee.io/amis/docs/components/log\n */\nexport interface LogSchema extends BaseSchema {\n /**\n * 指定为 log 链接展示控件\n */\n type: 'log';\n\n /**\n * 自定义 CSS 类名\n */\n className?: string;\n\n /**\n * 获取日志的地址\n */\n source: string;\n\n /**\n * 控件高度\n */\n height?: number;\n\n /**\n * 是否自动滚动到最底部\n */\n autoScroll?: boolean;\n\n /**\n * 返回内容字符编码\n */\n encoding?: string;\n}\n\nexport interface LogProps\n extends RendererProps,\n Omit<LogSchema, 'type' | 'className'> {}\n\nexport interface LogState {\n lastLine: string;\n logs: string[];\n}\n\nexport class Log extends React.Component<LogProps, LogState> {\n static defaultProps = {\n height: 500,\n autoScroll: true,\n placeholder: 'loading',\n encoding: 'utf-8'\n };\n\n isDone: boolean = false;\n\n autoScroll: boolean = false;\n\n logRef: React.RefObject<HTMLDivElement>;\n\n state: LogState = {\n lastLine: '',\n logs: []\n };\n\n constructor(props: LogProps) {\n super(props);\n this.logRef = React.createRef();\n this.autoScroll = props.autoScroll || false;\n this.pauseOrResumeScrolling = this.pauseOrResumeScrolling.bind(this);\n }\n\n componentWillUnmount() {\n if (this.logRef && this.logRef.current) {\n this.logRef.current.removeEventListener(\n 'scroll',\n this.pauseOrResumeScrolling\n );\n }\n }\n\n componentDidMount() {\n if (this.autoScroll && this.logRef && this.logRef.current) {\n this.logRef.current.addEventListener(\n 'scroll',\n this.pauseOrResumeScrolling\n );\n }\n if (this.props.source) {\n this.loadLogs();\n }\n }\n\n componentDidUpdate(prevProps: LogProps) {\n if (this.autoScroll && this.logRef && this.logRef.current) {\n this.logRef.current.scrollTop = this.logRef.current.scrollHeight;\n }\n if (\n isApiOutdated(\n prevProps.source,\n this.props.source,\n prevProps.data,\n this.props.data\n )\n ) {\n this.loadLogs();\n }\n }\n\n // 如果向上滚动就停止自动滚动，除非滚到底部\n pauseOrResumeScrolling() {\n if (this.logRef && this.logRef.current) {\n const {scrollHeight, scrollTop, offsetHeight} = this.logRef.current;\n this.autoScroll = scrollHeight - (scrollTop + offsetHeight) < 50;\n }\n }\n\n async loadLogs() {\n const {source, data, env, translate: __, encoding} = this.props;\n // 因为这里返回结果是流式的，和普通 api 请求不一样，如果直接用 fetcher 经过 responseAdaptor 可能会导致出错，所以就直接 fetch 了\n const api = buildApi(source, data);\n if (!api.url) {\n return;\n }\n const res = await fetch(api.url, {\n method: api.method?.toLocaleUpperCase() || 'GET',\n headers: (api.headers as Record<string, string>) || undefined,\n body: api.data ? JSON.stringify(api.data) : undefined\n });\n if (res.status === 200) {\n const body = res.body;\n if (!body) {\n return;\n }\n const reader = body.getReader();\n let lastline = '';\n let logs: string[] = [];\n for (;;) {\n let {done, value} = await reader.read();\n if (value) {\n let text = new TextDecoder(encoding).decode(value, {stream: true});\n // 不考虑只有 \\r 换行符的情况，几乎没人用\n const lines = text.split('\\n');\n // 如果没有换行符就只更新最后一行\n if (lines.length === 1) {\n lastline += lines[0];\n this.setState({\n lastLine: lastline\n });\n } else {\n // 将之前的数据补上\n lines[0] = lastline + lines[0];\n // 最后一个要么是空，要么是下一行的数据\n lastline = lines.pop() || '';\n logs = logs.concat(lines);\n this.setState({\n logs: logs,\n lastLine: lastline\n });\n }\n }\n\n if (done) {\n this.isDone = true;\n return;\n }\n }\n } else {\n env.notify('error', __('fetchFailed'));\n }\n }\n\n render() {\n const {\n source,\n className,\n classnames: cx,\n placeholder,\n height,\n translate: __\n } = this.props;\n\n let loading = __(placeholder);\n\n if (!source) {\n loading = __('Log.mustHaveSource');\n }\n\n const lines = this.state.logs.map((line, index) => {\n return (\n <div className={cx('Log-line')} key={index}>\n <Ansi useClasses>{line}</Ansi>\n </div>\n );\n });\n\n return (\n <div\n ref={this.logRef}\n className={cx('Log', className)}\n style={{height: height}}\n >\n {lines.length ? lines : loading}\n <div className={cx('Log-line')} key=\"last\">\n <code>{this.state.lastLine}</code>\n </div>\n </div>\n );\n }\n}\n\n@Renderer({\n type: 'log'\n})\nexport class LogRenderer extends Log {}\n"
|
|
12
12
|
]
|
|
13
13
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "amis",
|
|
3
|
-
"version": "1.6.1
|
|
3
|
+
"version": "1.6.1",
|
|
4
4
|
"description": "一种MIS页面生成工具",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
]
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"amis-formula": "^1.3.
|
|
46
|
+
"amis-formula": "^1.3.6",
|
|
47
47
|
"ansi-to-react": "^6.1.6",
|
|
48
48
|
"async": "2.6.0",
|
|
49
49
|
"attr-accept": "2.2.2",
|
package/schema.json
CHANGED
|
@@ -33458,6 +33458,10 @@
|
|
|
33458
33458
|
"videoReceiver": {
|
|
33459
33459
|
"type": "string"
|
|
33460
33460
|
},
|
|
33461
|
+
"fileField": {
|
|
33462
|
+
"type": "string",
|
|
33463
|
+
"description": "接收器的字段名"
|
|
33464
|
+
},
|
|
33461
33465
|
"borderMode": {
|
|
33462
33466
|
"type": "string",
|
|
33463
33467
|
"enum": [
|
|
@@ -43254,7 +43258,7 @@
|
|
|
43254
43258
|
"$ref": "#/definitions/RichTextControlSchema",
|
|
43255
43259
|
"additionalProperties": false,
|
|
43256
43260
|
"patternProperties": {
|
|
43257
|
-
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|borderMode|options|popOver|quickEdit|copyable)$": {}
|
|
43261
|
+
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|fileField|borderMode|options|popOver|quickEdit|copyable)$": {}
|
|
43258
43262
|
}
|
|
43259
43263
|
},
|
|
43260
43264
|
{
|
|
@@ -44048,7 +44052,7 @@
|
|
|
44048
44052
|
"$ref": "#/definitions/RichTextControlSchema",
|
|
44049
44053
|
"additionalProperties": false,
|
|
44050
44054
|
"patternProperties": {
|
|
44051
|
-
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|borderMode|options|popOver|quickEdit|copyable)$": {}
|
|
44055
|
+
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|fileField|borderMode|options|popOver|quickEdit|copyable)$": {}
|
|
44052
44056
|
}
|
|
44053
44057
|
},
|
|
44054
44058
|
{
|
|
@@ -44842,7 +44846,7 @@
|
|
|
44842
44846
|
"$ref": "#/definitions/RichTextControlSchema",
|
|
44843
44847
|
"additionalProperties": false,
|
|
44844
44848
|
"patternProperties": {
|
|
44845
|
-
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|borderMode|options|fixed|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|filterable|breakpoint|unique)$": {}
|
|
44849
|
+
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|fileField|borderMode|options|fixed|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|filterable|breakpoint|unique)$": {}
|
|
44846
44850
|
}
|
|
44847
44851
|
},
|
|
44848
44852
|
{
|
|
@@ -45636,7 +45640,7 @@
|
|
|
45636
45640
|
"$ref": "#/definitions/RichTextControlSchema",
|
|
45637
45641
|
"additionalProperties": false,
|
|
45638
45642
|
"patternProperties": {
|
|
45639
|
-
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|borderMode|options|x|y|w|h|width|height|align|valign|gridClassName)$": {}
|
|
45643
|
+
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|fileField|borderMode|options|x|y|w|h|width|height|align|valign|gridClassName)$": {}
|
|
45640
45644
|
}
|
|
45641
45645
|
},
|
|
45642
45646
|
{
|
|
@@ -46430,7 +46434,7 @@
|
|
|
46430
46434
|
"$ref": "#/definitions/RichTextControlSchema",
|
|
46431
46435
|
"additionalProperties": false,
|
|
46432
46436
|
"patternProperties": {
|
|
46433
|
-
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|borderMode|options|rowClassName|cellClassName)$": {}
|
|
46437
|
+
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|fileField|borderMode|options|rowClassName|cellClassName)$": {}
|
|
46434
46438
|
}
|
|
46435
46439
|
},
|
|
46436
46440
|
{
|
|
@@ -47224,7 +47228,7 @@
|
|
|
47224
47228
|
"$ref": "#/definitions/RichTextControlSchema",
|
|
47225
47229
|
"additionalProperties": false,
|
|
47226
47230
|
"patternProperties": {
|
|
47227
|
-
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|borderMode|options|unique|columnClassName)$": {}
|
|
47231
|
+
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|fileField|borderMode|options|unique|columnClassName)$": {}
|
|
47228
47232
|
}
|
|
47229
47233
|
},
|
|
47230
47234
|
{
|
|
@@ -48018,7 +48022,7 @@
|
|
|
48018
48022
|
"$ref": "#/definitions/RichTextControlSchema",
|
|
48019
48023
|
"additionalProperties": false,
|
|
48020
48024
|
"patternProperties": {
|
|
48021
|
-
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|borderMode|options|columnClassName|columnRatio)$": {}
|
|
48025
|
+
"^(className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|type|size|label|labelClassName|name|remark|labelRemark|hint|submitOnChange|readOnly|validateOnChange|description|desc|descriptionClassName|mode|horizontal|inline|inputClassName|placeholder|required|validationErrors|validations|value|clearValueOnHidden|validateApi|vendor|receiver|videoReceiver|fileField|borderMode|options|columnClassName|columnRatio)$": {}
|
|
48022
48026
|
}
|
|
48023
48027
|
},
|
|
48024
48028
|
{
|