amis 1.8.0-beta.16 → 1.8.0-beta.17

package/lib/renderers/Markdown.js

@@ -32,9 +32,10 @@ var Markdown = /** @class */ (function (_super) {
     }
     Markdown.prototype.componentDidUpdate = function (prevProps) {
         var props = this.props;
-        if (props.src &&
-            (0, api_1.isApiOutdated)(prevProps.src, props.src, prevProps.data, props.data)) {
-            this.updateContent();
+        if (props.src) {
+            if ((0, api_1.isApiOutdated)(prevProps.src, props.src, prevProps.data, props.data)) {
+                this.updateContent();
+            }
         }
         else {
             this.updateContent();

package/lib/renderers/Markdown.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Markdown.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file 用来渲染 Markdown\n */\nimport React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema} from '../Schema';\nimport {resolveVariableAndFilter} from '../utils/tpl-builtin';\nimport LazyComponent from '../components/LazyComponent';\nimport {getPropValue} from '../utils/helper';\nimport {isApiOutdated, isEffectiveApi} from '../utils/api';\n\n/**\n * Markdown 渲染\n * 文档：https://baidu.gitee.io/amis/docs/components/markdown\n */\nexport interface MarkdownSchema extends BaseSchema {\n  /**\n   * markdown 渲染\n   */\n  type: 'markdown';\n\n  /**\n   * markdown 内容\n   */\n  value?: string;\n\n  /**\n   * 样式类\n   */\n  className?: string;\n\n  /**\n   * 名字映射\n   */\n  name?: string;\n}\n\nfunction loadComponent(): Promise<any> {\n  return import('../components/Markdown').then(item => item.default);\n}\n\nexport interface MarkdownProps\n  extends RendererProps,\n    Omit<MarkdownSchema, 'type' | 'className'> {}\n\ninterface MarkdownState {\n  content: string;\n}\n\nexport class Markdown extends React.Component<MarkdownProps, MarkdownState> {\n  constructor(props: MarkdownProps) {\n    super(props);\n    const {name, data, src} = this.props;\n    if (src) {\n      this.state = {content: ''};\n      this.updateContent();\n    } else {\n      const content =\n        getPropValue(this.props) ||\n        (name ? resolveVariableAndFilter(name, data, '| raw') : null);\n      this.state = {content};\n    }\n  }\n\n  componentDidUpdate(prevProps: MarkdownProps) {\n    const props = this.props;\n    if (\n      props.src &&\n      isApiOutdated(prevProps.src, props.src, prevProps.data, props.data)\n    ) {\n      this.updateContent();\n    } else {\n      this.updateContent();\n    }\n  }\n\n  async updateContent() {\n    const {name, data, src, env} = this.props;\n    if (src && isEffectiveApi(src, data)) {\n      const ret = await env.fetcher(src, data);\n      if (typeof ret === 'string') {\n        this.setState({content: ret});\n      } else if (typeof ret === 'object' && ret.data) {\n        this.setState({content: ret.data});\n      } else {\n        console.error('markdown response error', ret);\n      }\n    } else {\n      const content =\n        getPropValue(this.props) ||\n        (name ? resolveVariableAndFilter(name, data, '| raw') : null);\n      if (content !== this.state.content) {\n        this.setState({content});\n      }\n    }\n  }\n\n  render() {\n    const {className, classnames: cx} = this.props;\n\n    return (\n      <div className={cx('Markdown', className)}>\n        <LazyComponent\n          getComponent={loadComponent}\n          content={this.state.content}\n        />\n      </div>\n    );\n  }\n}\n\n@Renderer({\n  type: 'markdown'\n})\nexport class MarkdownRenderer extends Markdown {}\n"
+        "/**\n * @file 用来渲染 Markdown\n */\nimport React from 'react';\nimport {Renderer, RendererProps} from '../factory';\nimport {BaseSchema} from '../Schema';\nimport {resolveVariableAndFilter} from '../utils/tpl-builtin';\nimport LazyComponent from '../components/LazyComponent';\nimport {getPropValue} from '../utils/helper';\nimport {isApiOutdated, isEffectiveApi} from '../utils/api';\n\n/**\n * Markdown 渲染\n * 文档：https://baidu.gitee.io/amis/docs/components/markdown\n */\nexport interface MarkdownSchema extends BaseSchema {\n  /**\n   * markdown 渲染\n   */\n  type: 'markdown';\n\n  /**\n   * markdown 内容\n   */\n  value?: string;\n\n  /**\n   * 样式类\n   */\n  className?: string;\n\n  /**\n   * 名字映射\n   */\n  name?: string;\n}\n\nfunction loadComponent(): Promise<any> {\n  return import('../components/Markdown').then(item => item.default);\n}\n\nexport interface MarkdownProps\n  extends RendererProps,\n    Omit<MarkdownSchema, 'type' | 'className'> {}\n\ninterface MarkdownState {\n  content: string;\n}\n\nexport class Markdown extends React.Component<MarkdownProps, MarkdownState> {\n  constructor(props: MarkdownProps) {\n    super(props);\n    const {name, data, src} = this.props;\n    if (src) {\n      this.state = {content: ''};\n      this.updateContent();\n    } else {\n      const content =\n        getPropValue(this.props) ||\n        (name ? resolveVariableAndFilter(name, data, '| raw') : null);\n      this.state = {content};\n    }\n  }\n\n  componentDidUpdate(prevProps: MarkdownProps) {\n    const props = this.props;\n    if (props.src) {\n      if (isApiOutdated(prevProps.src, props.src, prevProps.data, props.data)) {\n          this.updateContent();\n      }\n    } else {\n      this.updateContent();\n    }\n  }\n\n  async updateContent() {\n    const {name, data, src, env} = this.props;\n    if (src && isEffectiveApi(src, data)) {\n      const ret = await env.fetcher(src, data);\n      if (typeof ret === 'string') {\n        this.setState({content: ret});\n      } else if (typeof ret === 'object' && ret.data) {\n        this.setState({content: ret.data});\n      } else {\n        console.error('markdown response error', ret);\n      }\n    } else {\n      const content =\n        getPropValue(this.props) ||\n        (name ? resolveVariableAndFilter(name, data, '| raw') : null);\n      if (content !== this.state.content) {\n        this.setState({content});\n      }\n    }\n  }\n\n  render() {\n    const {className, classnames: cx} = this.props;\n\n    return (\n      <div className={cx('Markdown', className)}>\n        <LazyComponent\n          getComponent={loadComponent}\n          content={this.state.content}\n        />\n      </div>\n    );\n  }\n}\n\n@Renderer({\n  type: 'markdown'\n})\nexport class MarkdownRenderer extends Markdown {}\n"
     ]
 }

package/lib/themes/ang-ie11.css

@@ -27414,6 +27414,21 @@ td.rdtQuarter.rdtDisabled > span {
 .a-TabsTransfer .a-Transfer-title {
   height: 40px;
 }
+.a-TabsTransfer-tabs .a-Tabs-linksContainer {
+  padding-left: 1.25rem;
+  padding-top: 0.5rem;
+  background-color: #f7f7f9;
+}
+.a-TabsTransfer-search {
+  margin: 0.5rem 0.5rem;
+}
+.a-TabsTransfer-search .a-InputBox {
+  border: 1px solid #e8e9eb;
+}
+.a-TabsTransfer .a-Transfer-result .a-Transfer-title {
+  height: 2.5rem;
+  line-height: 2.5rem;
+}
 .a-TabsTransfer-placeholder {
   height: 1.875rem;
   line-height: 1.4285714286;
@@ -28871,7 +28886,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: #fafafa;
   border-radius: 0.142rem 0.142rem 0 0;
-  border-bottom: 0.0625rem solid #d1d5db;
+  border-bottom: none;
   font-weight: 500;
 }
 .a-FormulaEditor-editor {
@@ -28907,11 +28922,11 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .a-FormulaEditor-panel {
   display: flex;
+  flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
   height: 15.625rem;
-  width: 13.75rem;
   border-radius: 0.142rem;
   border: 0.0625rem solid #d1d5db;
 }
@@ -28929,7 +28944,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: #fafafa;
   border-radius: 0.142rem 0.142rem 0 0;
-  border-bottom: 0.0625rem solid #d1d5db;
+  border-bottom: none;
   font-weight: 500;
 }
 .a-FormulaEditor-panel-body {
@@ -28938,36 +28953,96 @@ td.rdtQuarter.rdtDisabled > span {
   flex-flow: column nowrap;
   max-height: 13.75rem;
 }
+.a-FormulaEditor-panel-body--tabs {
+  max-height: 15.625rem;
+}
 .a-FormulaEditor-VariableList-root {
-  max-height: 13.75rem;
+  max-height: 100%;
+}
+.a-FormulaEditor-VariableList-body {
+  display: flex;
+  flex-flow: column nowrap;
+  max-height: 100%;
 }
-.a-FormulaEditor-VariableList-root.is-scrollable {
+.a-FormulaEditor-VariableList-base {
+  --Form-input-fontSize: var(--fontSizeSm);
+  --gap-sm: 0.625rem;
+  flex: 1;
+  max-height: 100%;
+}
+.a-FormulaEditor-VariableList-base.is-scrollable {
   overflow-x: hidden;
   overflow-y: auto;
 }
-.a-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar {
+.a-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.a-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar-thumb {
+.a-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
-.a-FormulaEditor-VariableList-base {
-  --Form-input-fontSize: var(--fontSizeSm);
-  max-width: inherit;
-  overflow: hidden;
+.a-FormulaEditor-VariableList-searchBox {
+  display: flex;
+  width: auto;
+  flex-shrink: 0;
+  padding: 0.5rem;
+}
+.a-FormulaEditor-VariableList-searchBox > div {
+  flex: 1;
+  font-size: 0.75rem;
+  height: 1.5rem;
 }
 .a-FormulaEditor-VariableList-tabs {
   --Tabs-linkFontSize: var(--fontSizeSm);
   --Tabs--card-linkPadding: 0.3125rem;
-  max-height: 13.75rem;
+  max-height: 100%;
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-between;
 }
-.a-FormulaEditor-VariableList-tabs > ul {
-  border-top: none;
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content {
+  padding: 0;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content .a-FormulaEditor-VariableList-sub .a-FormulaEditor-VariableList-body {
+  max-height: 13.75rem;
+  overflow-y: hidden;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content .a-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content .a-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content .a-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  background: rgba(0, 0, 0, 0.3);
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-linksContainer-wrapper {
+  width: 100%;
+  height: 1.875rem;
+  line-height: 1.875rem;
+  padding: 0 0.625rem;
+  box-sizing: border-box;
+  background: #fafafa;
+  border-radius: 0.142rem 0.142rem 0 0;
+  border-bottom: none;
+  font-weight: 500;
+  max-height: 1.875rem;
+  min-height: 1.875rem;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-linksContainer-wrapper ul.a-Tabs-links > li {
+  height: 30px;
+  line-height: 30px;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-linksContainer-wrapper ul.a-Tabs-links > li > a {
+  margin: 0;
+  padding: 0;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-linksContainer--overflow > div {
+  margin: 0;
 }
 .a-FormulaEditor-VariableList-tabs > div {
   overflow-x: hidden;
@@ -29011,6 +29086,9 @@ td.rdtQuarter.rdtDisabled > span {
   align-items: stretch;
   flex: 1;
 }
+.a-FormulaEditor-FuncList .a-FormulaEditor-panel {
+  width: 11.75rem;
+}
 .a-FormulaEditor-FuncList:not(:last-child) {
   margin-right: 0.625rem;
 }

package/lib/themes/ang.css

@@ -1370,6 +1370,8 @@
   --Tooltip-title-paddingY: var(--gap-sm);
   --Transfer-title-bg: #f6f8f8;
   --Transfer-selection-maxHeight: 21.875rem;
+  --TabsTransfer-title-bg: #f7f7f9;
+  --TabsTransfer-border-color: #e8e9eb;
   --Tree-indent: var(--gap-md);
   --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
   --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
@@ -28613,6 +28615,21 @@ td.rdtQuarter.rdtDisabled > span {
 .a-TabsTransfer .a-Transfer-title {
   height: 40px;
 }
+.a-TabsTransfer-tabs .a-Tabs-linksContainer {
+  padding-left: 1.25rem;
+  padding-top: 0.5rem;
+  background-color: var(--TabsTransfer-title-bg);
+}
+.a-TabsTransfer-search {
+  margin: var(--gap-sm) var(--gap-sm);
+}
+.a-TabsTransfer-search .a-InputBox {
+  border: 1px solid var(--TabsTransfer-border-color);
+}
+.a-TabsTransfer .a-Transfer-result .a-Transfer-title {
+  height: 2.5rem;
+  line-height: 2.5rem;
+}
 .a-TabsTransfer-placeholder {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
@@ -30005,7 +30022,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: var(--InputFormula-header-bgColor);
   border-radius: var(--borderRadius) var(--borderRadius) 0 0;
-  border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  border-bottom: none;
   font-weight: 500;
 }
 .a-FormulaEditor-editor {
@@ -30041,11 +30058,11 @@ td.rdtQuarter.rdtDisabled > span {
 }
 .a-FormulaEditor-panel {
   display: flex;
+  flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
   height: 15.625rem;
-  width: 13.75rem;
   border-radius: var(--borderRadius);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
 }
@@ -30063,7 +30080,7 @@ td.rdtQuarter.rdtDisabled > span {
   box-sizing: border-box;
   background: var(--InputFormula-header-bgColor);
   border-radius: var(--borderRadius) var(--borderRadius) 0 0;
-  border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  border-bottom: none;
   font-weight: 500;
 }
 .a-FormulaEditor-panel-body {
@@ -30072,36 +30089,96 @@ td.rdtQuarter.rdtDisabled > span {
   flex-flow: column nowrap;
   max-height: 13.75rem;
 }
+.a-FormulaEditor-panel-body--tabs {
+  max-height: 15.625rem;
+}
 .a-FormulaEditor-VariableList-root {
-  max-height: 13.75rem;
+  max-height: 100%;
 }
-.a-FormulaEditor-VariableList-root.is-scrollable {
+.a-FormulaEditor-VariableList-body {
+  display: flex;
+  flex-flow: column nowrap;
+  max-height: 100%;
+}
+.a-FormulaEditor-VariableList-base {
+  --Form-input-fontSize: var(--fontSizeSm);
+  --gap-sm: 0.625rem;
+  flex: 1;
+  max-height: 100%;
+}
+.a-FormulaEditor-VariableList-base.is-scrollable {
   overflow-x: hidden;
   overflow-y: auto;
 }
-.a-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar {
+.a-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.a-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar-thumb {
+.a-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
-.a-FormulaEditor-VariableList-base {
-  --Form-input-fontSize: var(--fontSizeSm);
-  max-width: inherit;
-  overflow: hidden;
+.a-FormulaEditor-VariableList-searchBox {
+  display: flex;
+  width: auto;
+  flex-shrink: 0;
+  padding: 0.5rem;
+}
+.a-FormulaEditor-VariableList-searchBox > div {
+  flex: 1;
+  font-size: var(--fontSizeSm);
+  height: var(--gap-xl);
 }
 .a-FormulaEditor-VariableList-tabs {
   --Tabs-linkFontSize: var(--fontSizeSm);
   --Tabs--card-linkPadding: 0.3125rem;
-  max-height: 13.75rem;
+  max-height: 100%;
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-between;
 }
-.a-FormulaEditor-VariableList-tabs > ul {
-  border-top: none;
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content {
+  padding: 0;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content .a-FormulaEditor-VariableList-sub .a-FormulaEditor-VariableList-body {
+  max-height: 13.75rem;
+  overflow-y: hidden;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content .a-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content .a-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-content .a-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  background: rgba(0, 0, 0, 0.3);
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-linksContainer-wrapper {
+  width: 100%;
+  height: 1.875rem;
+  line-height: 1.875rem;
+  padding: 0 0.625rem;
+  box-sizing: border-box;
+  background: var(--InputFormula-header-bgColor);
+  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
+  border-bottom: none;
+  font-weight: 500;
+  max-height: 1.875rem;
+  min-height: 1.875rem;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-linksContainer-wrapper ul.a-Tabs-links > li {
+  height: 30px;
+  line-height: 30px;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-linksContainer-wrapper ul.a-Tabs-links > li > a {
+  margin: 0;
+  padding: 0;
+}
+.a-FormulaEditor-VariableList-tabs .a-Tabs-linksContainer--overflow > div {
+  margin: 0;
 }
 .a-FormulaEditor-VariableList-tabs > div {
   overflow-x: hidden;
@@ -30145,6 +30222,9 @@ td.rdtQuarter.rdtDisabled > span {
   align-items: stretch;
   flex: 1;
 }
+.a-FormulaEditor-FuncList .a-FormulaEditor-panel {
+  width: 11.75rem;
+}
 .a-FormulaEditor-FuncList:not(:last-child) {
   margin-right: 0.625rem;
 }