amis 1.6.0 → 1.6.1-beta.0

package/lib/utils/debug.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "debug.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/utils/debug.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "/**\n * amis 运行时调试功能，为了避免循环引用，这个组件不要依赖 amis 里的组件\n */\n\nimport React, {Component, useEffect, useRef, useState} from 'react';\nimport cx from 'classnames';\nimport {findDOMNode, render} from 'react-dom';\nimport JsonView from 'react-json-view';\nimport {autorun, observable} from 'mobx';\nimport {observer} from 'mobx-react';\nimport {uuidv4} from './helper';\nimport position from './position';\n\nclass Log {\n  @observable cat = '';\n  @observable level = '';\n  @observable msg = '';\n  @observable ext? = '';\n}\n\nclass AMISDebugStore {\n  /**\n   * 当前 tab\n   */\n  @observable tab: 'log' | 'inspect' = 'log';\n\n  /**\n   * 显示位置，默认在右边\n   */\n  @observable position: 'left' | 'right' = 'right';\n\n  /**\n   * 组件日志\n   */\n  @observable logs: Log[] = [];\n\n  /**\n   * Debug 面板是否展开\n   */\n  @observable isExpanded = false;\n\n  /**\n   * 是否是 inspect 模式，在这个模式下可以查看数据域\n   */\n  @observable inspectMode = false;\n\n  /**\n   * 当前高亮的组件节点 id\n   */\n  @observable hoverId: string;\n\n  /**\n   * 当前选中的组件节点 id\n   */\n  @observable activeId: string;\n}\n\nconst store = new AMISDebugStore();\n\ninterface ComponentInspect {\n  name: string;\n  component: any;\n}\n\n// 存储组件信息用于 debug\nconst ComponentInfo = {} as {[propName: string]: ComponentInspect};\n\nconst LogView = observer(({store}: {store: AMISDebugStore}) => {\n  const logs = store.logs;\n  return (\n    <>\n      {logs.map((log, index) => {\n        return (\n          <div className=\"AMISDebug-logLine\" key={`log-${index}`}>\n            <div className=\"AMISDebug-logLineMsg\">\n              [{log.cat}] {log.msg}\n            </div>\n            {log.ext ? (\n              <JsonView\n                name={null}\n                theme=\"monokai\"\n                src={JSON.parse(log.ext)}\n                collapsed={true}\n                enableClipboard={false}\n                displayDataTypes={false}\n                iconStyle=\"square\"\n              />\n            ) : null}\n          </div>\n        );\n      })}\n    </>\n  );\n});\n\nconst AMISDebug = observer(({store}: {store: AMISDebugStore}) => {\n  const activeId = store.activeId;\n  const activeComponentInspect = ComponentInfo[activeId];\n\n  // 收集数据域里的数据\n  let start = activeComponentInspect?.component?.props?.data || {};\n  const stacks = [start];\n\n  while (Object.getPrototypeOf(start) !== Object.prototype) {\n    const superData = Object.getPrototypeOf(start);\n    if (Object.prototype.toString.call(superData) !== '[object Object]') {\n      break;\n    }\n    stacks.push(superData);\n    start = superData;\n  }\n\n  const stackDataView = [];\n  if (Object.keys(stacks[0]).length || stacks.length > 1) {\n    let level = 0;\n    for (const stack of stacks) {\n      stackDataView.push(\n        <div key={`data-${level}`}>\n          <h3>Data Level-{level}</h3>\n          <JsonView\n            key={`dataview-${stack}`}\n            name={null}\n            theme=\"monokai\"\n            src={stack}\n            collapsed={level === 0 ? false : true}\n            enableClipboard={false}\n            displayDataTypes={false}\n            iconStyle=\"square\"\n          />\n        </div>\n      );\n      level += 1;\n    }\n  }\n\n  const panelRef = useRef(null);\n\n  const [isResizing, setResizing] = useState(false);\n\n  const [startX, setStartX] = useState(0);\n\n  const [panelWidth, setPanelWidth] = useState(0);\n\n  useEffect(() => {\n    const handleMouseUp = () => {\n      setResizing(false);\n    };\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!isResizing) {\n        return;\n      }\n      const xOffset =\n        store.position === 'right' ? e.clientX - startX : startX - e.clientX;\n      const panel = panelRef.current! as HTMLElement;\n      const targetWidth = Math.max(200, panelWidth - xOffset);\n      panel.style.width = targetWidth + 'px';\n      if (e.stopPropagation) e.stopPropagation();\n      if (e.preventDefault) e.preventDefault();\n      e.cancelBubble = true;\n      return false;\n    };\n    if (isResizing) {\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    }\n\n    return () => {\n      if (isResizing) {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      }\n    };\n  }, [isResizing]);\n\n  return (\n    <div\n      className={cx('AMISDebug', {\n        'is-expanded': store.isExpanded,\n        'is-left': store.position === 'left'\n      })}\n      ref={panelRef}\n    >\n      <div\n        className=\"AMISDebug-toggle\"\n        onClick={() => {\n          store.isExpanded = true;\n        }}\n      >\n        {store.isExpanded ? (\n          <i className=\"fas fa-times\"></i>\n        ) : (\n          <i className=\"fas fa-bug\"></i>\n        )}\n      </div>\n      <div className={cx('AMISDebug-content')}>\n        <div\n          className=\"AMISDebug-close\"\n          title=\"Close\"\n          onClick={() => {\n            store.isExpanded = false;\n          }}\n        >\n          <i className=\"fas fa-times\" />\n        </div>\n        <div\n          className=\"AMISDebug-resize\"\n          onMouseDown={event => {\n            setStartX(event.clientX);\n            setPanelWidth(\n              parseInt(\n                getComputedStyle(panelRef.current!).getPropertyValue('width'),\n                10\n              )\n            );\n            setResizing(true);\n          }}\n        ></div>\n        <div className=\"AMISDebug-tab\">\n          <button\n            className={cx({active: store.tab === 'log'})}\n            onClick={() => {\n              store.tab = 'log';\n            }}\n          >\n            Log\n          </button>\n          <button\n            className={cx({active: store.tab === 'inspect'})}\n            onClick={() => {\n              store.tab = 'inspect';\n            }}\n          >\n            Inspect\n          </button>\n        </div>\n        <div className=\"AMISDebug-changePosition\">\n          {store.position === 'right' ? (\n            <i\n              className=\"fas fa-chevron-left\"\n              title=\"move to left\"\n              onClick={() => {\n                store.position = 'left';\n              }}\n            />\n          ) : (\n            <i\n              className=\"fas fa-chevron-right\"\n              title=\"move to right\"\n              onClick={() => {\n                store.position = 'right';\n              }}\n            />\n          )}\n        </div>\n        {store.tab === 'log' ? (\n          <div className=\"AMISDebug-log\">\n            <button\n              onClick={() => {\n                store.logs = [];\n              }}\n            >\n              Clear Log\n            </button>\n            <LogView store={store} />\n          </div>\n        ) : null}\n        {store.tab === 'inspect' ? (\n          <div className=\"AMISDebug-inspect\">\n            {activeId ? (\n              <>\n                <h3>\n                  Component:{' '}\n                  <span className=\"primary\">{activeComponentInspect.name}</span>\n                </h3>\n                {stackDataView}\n              </>\n            ) : (\n              'Click component to display inspect'\n            )}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n});\n\nexport let enableAMISDebug = false;\n\n// 开启 debug 有两种方法，一个是设置 enableAMISDebug 全局变量，另一个是通过 amisDebug=1 query\nif (\n  (window as any).enableAMISDebug ||\n  location.search.indexOf('amisDebug=1') !== -1\n) {\n  enableAMISDebug = true;\n  // 页面只有一个\n  if (!(window as any).amisDebugElement) {\n    const amisDebugElement = document.createElement('div');\n    document.body.appendChild(amisDebugElement);\n    const element = <AMISDebug store={store} />;\n    render(element, amisDebugElement);\n    (window as any).amisDebugElement = true;\n  }\n}\n\n/**\n * 鼠标移动到某个组件的效果\n */\nfunction handleMouseMove(e: MouseEvent) {\n  if (!store.isExpanded) {\n    return;\n  }\n  const dom = e.target as HTMLElement;\n  const target = dom.closest(`[data-debug-id]`);\n  if (target) {\n    store.hoverId = target.getAttribute('data-debug-id')!;\n  }\n}\n\n/**\n *  点选某个组件\n */\nfunction handleMouseclick(e: MouseEvent) {\n  if (!store.isExpanded) {\n    return;\n  }\n  const dom = e.target as HTMLElement;\n  const target = dom.closest(`[data-debug-id]`);\n  if (target) {\n    store.activeId = target.getAttribute('data-debug-id')!;\n    store.tab = 'inspect';\n  }\n}\n\n// hover 及点击后的高亮\nconst amisHoverBox = document.createElement('div');\namisHoverBox.className = 'AMISDebug-hoverBox';\nconst amisActiveBox = document.createElement('div');\namisActiveBox.className = 'AMISDebug-activeBox';\n\nautorun(() => {\n  const hoverId = store.hoverId;\n  const hoverElement = document.querySelector(\n    `[data-debug-id=\"${hoverId}\"]`\n  ) as HTMLElement;\n  if (hoverElement) {\n    const offset = position(hoverElement, document.body);\n    amisHoverBox.style.top = `${offset.top}px`;\n    amisHoverBox.style.left = `${offset.left}px`;\n    amisHoverBox.style.width = `${offset.width}px`;\n    amisHoverBox.style.height = `${offset.height}px`;\n  }\n});\n\nautorun(() => {\n  const activeId = store.activeId;\n  const activeElement = document.querySelector(\n    `[data-debug-id=\"${activeId}\"]`\n  ) as HTMLElement;\n  if (activeElement) {\n    const offset = position(activeElement, document.body);\n    amisActiveBox.style.top = `${offset.top}px`;\n    amisActiveBox.style.left = `${offset.left}px`;\n    amisActiveBox.style.width = `${offset.width}px`;\n    amisActiveBox.style.height = `${offset.height}px`;\n  }\n});\n\nif (enableAMISDebug) {\n  document.body.appendChild(amisHoverBox);\n  document.body.appendChild(amisActiveBox);\n  document.addEventListener('mousemove', handleMouseMove);\n  document.addEventListener('click', handleMouseclick);\n}\n\ninterface DebugWrapperProps {\n  renderer: any;\n}\n\nexport class DebugWrapper extends Component<DebugWrapperProps> {\n  componentDidMount() {\n    if (!enableAMISDebug) {\n      return;\n    }\n    const root = findDOMNode(this) as HTMLElement;\n    if (!root) {\n      return;\n    }\n    const {renderer} = this.props;\n    const debugId = uuidv4();\n    root.setAttribute('data-debug-id', debugId);\n    ComponentInfo[debugId] = {\n      name: renderer.name,\n      component: this.props.children\n    };\n  }\n\n  render() {\n    return this.props.children;\n  }\n}\n\ntype Category = 'api' | 'event';\n\n/**\n * 一般调试日志\n * @param msg 简单消息\n * @param ext 扩展信息\n */\nexport function debug(cat: Category, msg: string, ext?: object) {\n  if (!enableAMISDebug) {\n    return;\n  }\n  const log = {\n    cat,\n    level: 'debug',\n    msg: msg,\n    ext: JSON.stringify(ext)\n  };\n  console.debug(log);\n  store.logs.push(log);\n}\n\n/**\n * 警告日志\n * @param msg 简单消息\n * @param ext 扩展信息\n */\nexport function warning(cat: Category, msg: string, ext?: object) {\n  if (!enableAMISDebug) {\n    return;\n  }\n  store.logs.push({\n    cat,\n    level: 'warn',\n    msg: msg,\n    ext: JSON.stringify(ext)\n  });\n}\n"
+    ]
+}

package/lib/utils/renderer-event.d.ts

@@ -0,0 +1,38 @@
+import { ListenerAction, ListenerContext } from '../actions/Action';
+export interface EventListeners {
+    [propName: string]: {
+        weight?: number;
+        actions: ListenerAction[];
+    };
+}
+export interface OnEventProps {
+    onEvent?: {
+        [propName: string]: {
+            weight?: number;
+            actions: ListenerAction[];
+        };
+    };
+}
+export interface RendererEventListener {
+    renderer: ListenerContext;
+    type: string;
+    weight: number;
+    actions: ListenerAction[];
+}
+export declare type RendererEvent<T, P = any> = {
+    context: T;
+    type: string;
+    prevented?: boolean;
+    stoped?: boolean;
+    data?: P;
+    preventDefault: () => void;
+    stopPropagation: () => void;
+    setData: (data: P) => void;
+};
+export interface RendererEventContext {
+    data?: any;
+    [propName: string]: any;
+}
+export declare function createRendererEvent<T extends RendererEventContext>(type: string, context: T): RendererEvent<T>;
+declare const _default: {};
+export default _default;

package/lib/utils/renderer-event.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRendererEvent = void 0;
+// 创建渲染器事件对象
+function createRendererEvent(type, context) {
+    var rendererEvent = {
+        context: context,
+        type: type,
+        prevented: false,
+        stoped: false,
+        preventDefault: function () {
+            rendererEvent.prevented = true;
+        },
+        stopPropagation: function () {
+            rendererEvent.stoped = true;
+        },
+        get data() {
+            return rendererEvent.context.data;
+        },
+        setData: function (data) {
+            rendererEvent.context.data = data;
+        }
+    };
+    return rendererEvent;
+}
+exports.createRendererEvent = createRendererEvent;
+exports.default = {};
+//# sourceMappingURL=./utils/renderer-event.js.map

package/lib/utils/renderer-event.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "renderer-event.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/utils/renderer-event.ts"
+    ],
+    "names": [],
+    "mappings": ";;;AA6CA,YAAY;AACZ,SAAgB,mBAAmB,CACjC,IAAY,EACZ,OAAU;IAEV,IAAM,aAAa,GAAG;QACpB,OAAO,SAAA;QACP,IAAI,MAAA;QACJ,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE,KAAK;QACb,cAAc;YACZ,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC;QACjC,CAAC;QAED,eAAe;YACb,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;QAC9B,CAAC;QAED,IAAI,IAAI;YACN,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC;QACpC,CAAC;QAED,OAAO,EAAP,UAAQ,IAAS;YACf,aAAa,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QACpC,CAAC;KACF,CAAC;IACF,OAAO,aAAa,CAAC;AACvB,CAAC;AA1BD,kDA0BC;AAED,kBAAe,EAAE,CAAC",
+    "sourcesContent": [
+        "import {ListenerAction, ListenerContext} from '../actions/Action';\n\n// 事件监听器\nexport interface EventListeners {\n  [propName: string]: {\n    weight?: number; // 权重\n    actions: ListenerAction[]; // 执行的动作集\n  };\n}\n\n// 事件动作属性\nexport interface OnEventProps {\n  onEvent?: {\n    [propName: string]: {\n      weight?: number; // 权重\n      actions: ListenerAction[]; // 执行的动作集\n    };\n  };\n}\n\n// 渲染器事件监听器\nexport interface RendererEventListener {\n  renderer: ListenerContext;\n  type: string;\n  weight: number;\n  actions: ListenerAction[];\n}\n\n// 将事件上下文转成事件对象\nexport type RendererEvent<T, P = any> = {\n  context: T;\n  type: string;\n  prevented?: boolean; // 阻止原有动作执行\n  stoped?: boolean; // 阻止后续动作执行\n  data?: P;\n  preventDefault: () => void;\n  stopPropagation: () => void;\n  setData: (data: P) => void;\n};\n\nexport interface RendererEventContext {\n  data?: any;\n  [propName: string]: any;\n}\n\n// 创建渲染器事件对象\nexport function createRendererEvent<T extends RendererEventContext>(\n  type: string,\n  context: T\n): RendererEvent<T> {\n  const rendererEvent = {\n    context,\n    type,\n    prevented: false,\n    stoped: false,\n    preventDefault() {\n      rendererEvent.prevented = true;\n    },\n\n    stopPropagation() {\n      rendererEvent.stoped = true;\n    },\n\n    get data() {\n      return rendererEvent.context.data;\n    },\n\n    setData(data: any) {\n      rendererEvent.context.data = data;\n    }\n  };\n  return rendererEvent;\n}\n\nexport default {};\n"
+    ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amis",
-  "version": "1.6.0",
+  "version": "1.6.1-beta.0",
   "description": "一种MIS页面生成工具",
   "main": "lib/index.js",
   "scripts": {

package/scss/_properties.scss

@@ -658,6 +658,8 @@
   --Form-description-fontSize: var(--fontSizeSm);
 
   --Form-fontSize: var(--fontSizeBase);
+  --Form-item-fontSize: var(--Form-fontSize);
+  --Form-item-fontColor: #5e626a;
 
   --Form-group--lg-gutterWidth: #{px2rem(40px)};
   --Form-group--md-gutterWidth: #{px2rem(30px)};

package/scss/_variables.scss

@@ -409,6 +409,7 @@ $zindex-contextmenu: 1500 !default;
 $zindex-tooltip: 1600 !default;
 $zindex-toast: 2000 !default;
 $zindex-top: 3000 !default;
+$zindex-debug: 4000 !default;
 
 $Form--horizontal-columns: 12;
 $Table-strip-bg: lighten(#f6f8f8, 1%) !default;

package/scss/components/_calendar.scss

@@ -82,6 +82,7 @@
 
 .#{$ns}CalendarMobile {
   height: 100%;
+  width: 100%;
   overflow: scroll;
 
   &-pop {
@@ -257,6 +258,9 @@
         margin: 0 px2rem(25px);
       }
     }
+    .#{$ns}DatePicker-shortcuts {
+      width: auto;
+    }
   }
 
   &-calendar-wrap {

package/scss/components/_debug.scss

@@ -0,0 +1,167 @@
+/**
+ * Debug 模块的 UI，由于没法使用任何主题，所以这里使用独立配色风格
+ */
+
+.AMISDebug {
+  position: fixed;
+  z-index: $zindex-debug;
+  top: 0;
+  right: 0;
+  height: 100vh;
+  width: 24px;
+
+  h3 {
+    color: inherit;
+  }
+
+  .primary {
+    color: #009fff;
+  }
+
+  &-header {
+    padding: var(--Drawer-header-padding);
+    background: var(--Drawer-header-bg);
+    border-bottom: var(--Drawer-content-borderWidth) solid
+      var(--Drawer-header-borderColor);
+  }
+
+  &-hoverBox {
+    pointer-events: none;
+    position: absolute;
+    outline: 1px dashed #1c76c4;
+  }
+
+  &-activeBox {
+    pointer-events: none;
+    position: absolute;
+    outline: 1px #1c76c4;
+  }
+
+  &-tab {
+    overflow: hidden;
+  }
+
+  &-tab > button {
+    color: inherit;
+    background: inherit;
+    float: left;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    padding: var(--gap-sm) var(--gap-md);
+    transition: 0.3s;
+    border-bottom: 1px solid transparent;
+  }
+
+  &-tab > button:hover {
+    color: #e7e7e7;
+  }
+
+  &-tab > button.active {
+    color: #e7e7e7;
+    border-bottom-color: #e7e7e7;
+  }
+
+  &-toggle {
+    background: var(--body-bg);
+    position: fixed;
+    top: 50%;
+    right: 0;
+    width: 24px;
+    height: 48px;
+    box-shadow: rgba(0, 0, 0, 0.24) -2px 0px 4px 0px;
+    border-top-left-radius: 12px;
+    border-bottom-left-radius: 12px;
+    padding-top: 14px;
+    padding-left: 6px;
+    cursor: pointer;
+    i {
+      color: var(--text-color);
+    }
+    &:hover {
+      i {
+        color: var(--primary);
+      }
+    }
+  }
+
+  &-content {
+    display: none;
+  }
+
+  &-resize {
+    position: absolute;
+    width: 4px;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    cursor: col-resize;
+    &:hover {
+      background: #75715e;
+    }
+  }
+
+  &-changePosition {
+    position: absolute;
+    font-size: 18px;
+    right: 40px;
+    top: var(--gap-sm);
+    cursor: pointer;
+  }
+
+  &-close {
+    position: absolute;
+    font-size: 18px;
+    right: var(--gap-sm);
+    top: var(--gap-sm);
+    cursor: pointer;
+  }
+
+  &.is-expanded {
+    width: 420px;
+    overflow: auto;
+    background: #272821;
+    color: #cccccc;
+    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+    .AMISDebug-toggle {
+      display: none;
+    }
+    .AMISDebug-content {
+      display: block;
+    }
+  }
+
+  &.is-left {
+    left: 0;
+    .AMISDebug-resize {
+      left: unset;
+      right: 0;
+    }
+  }
+
+  &-log {
+    padding: var(--gap-sm);
+    button {
+      cursor: pointer;
+      background: #0e639c;
+      flex-grow: 1;
+      box-sizing: border-box;
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      padding: 6px 11px;
+      outline: none;
+      text-decoration: none;
+      color: inherit;
+      max-width: 300px;
+      border: none;
+    }
+    button:hover {
+      background: #1177bb;
+    }
+  }
+
+  &-inspect {
+    padding: var(--gap-sm);
+  }
+}

package/scss/components/_popup.scss

@@ -28,7 +28,7 @@
   background: var(--PopOver-bg);
   left: 0;
   bottom: 0;
-  z-index: $zindex-popover;
+  z-index: $zindex-top;
   padding: 0;
   margin: 0;
   font-weight: var(--fontWeightNormal);

package/scss/components/form/_date-range.scss

@@ -148,3 +148,36 @@
   background: var(--DatePicker-bg);
   border-radius: var(--DatePicker-borderRadius);
 }
+
+// 移动端输入框样式
+.#{$ns}DateRangePicker.is-mobile {
+  border: 0;
+  justify-content: flex-end;
+
+  span,
+  a {
+    &:focus {
+      outline: unset;
+    }
+  }
+
+  .#{$ns}DateRangePicker-value,
+  .#{$ns}DateRangePicker-clear {
+    display: inline-flex;
+    justify-content: flex-end;
+    padding: 0 0;
+  }
+
+  .#{$ns}DateRangePicker-value {
+    margin-right: var(--gap-xs);
+  }
+
+  .#{$ns}DateRangePicker-placeholder {
+    flex-grow: unset;
+    flex-basis: unset;
+  }
+
+  .#{$ns}DateRangePicker-toggler {
+    margin-top: -3px;
+  }
+}

package/scss/components/form/_form.scss

@@ -52,6 +52,8 @@
   font-weight: var(--fontWeightNormal);
   margin-bottom: var(--gap-xs);
   position: relative;
+  font-size: var(--Form-item-fontSize);
+  color: var(--Form-item-fontColor);
 
   > span {
     position: relative;

package/scss/themes/_antd-variables.scss

@@ -113,6 +113,8 @@ $link-color: $info;
   --Modal-header-bg: #fff;
   --Modal-title-fontWeight: 500;
 
+  --Form-item-fontSize: var(--fontSizeBase);
+  --Form-item-fontColor: var(--body-color);
   --Form-input-onFocused-borderColor: #{$blue-5};
   --Form-input-borderColor: #{$border-color-base};
   --Form-input-boxShadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
@@ -193,7 +195,8 @@ $link-color: $info;
   --TimelineItem--round-radius: 50%;
   --TimelineItem--content-radius: #{px2rem(2px)};
 
-  --TimelineItem-detail-visible-shadow: 0 #{px2rem(1px)} #{px2rem(10px)} 0 rgba(0 0 0 / 10%);
+  --TimelineItem-detail-visible-shadow: 0 #{px2rem(1px)} #{px2rem(10px)} 0
+    rgba(0 0 0 / 10%);
 
   --TimelineItem--font-size: #{px2rem(12px)};
 

package/scss/themes/_common.scss

@@ -123,4 +123,6 @@
 @import '../components/formula';
 @import '../components/timeline';
 
+@import '../components/debug';
+
 @import '../utilities';

package/scss/themes/_cxd-variables.scss

@@ -119,6 +119,8 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
   --Page-header-paddingX: var(--gap-md);
   --Page-header-paddingY: #{px2rem(10px)};
 
+  --Form-item-fontSize: var(--fontSizeBase);
+  --Form-item-fontColor: #{$G4};
   --Form-item-gap: var(--gap-base);
   --Form-input-bg: #{$G11};
   --Form-input-color: #{$G2};

package/scss/themes/_dark-variables.scss

@@ -59,6 +59,9 @@ $link-color: $info;
   --DropDown-menu-bg: var(--background);
   --Drawer-header-bg: var(--background);
   --Fieldset-legend-bgColor: var(--background);
+
+  --Form-item-fontSize: var(--fontSizeBase);
+  --Form-item-fontColor: var(--body-color);
   --Form-input-addOnBg: var(--Form-input-bg);
   --Form-input-bg: #3c3c3c;
   --Form-input-color: var(--text-color);

package/scss/themes/cxd.scss

@@ -326,17 +326,10 @@
   padding-left: 0;
 }
 
-.#{$ns}Form-label {
-  font-size: #{$T3};
-  color: #{$G4};
-}
-
 .#{$ns}Form-item {
   &--inline {
     .#{$ns}Form-label {
       margin-right: #{px2rem(16px)};
-      font-size: #{$T3};
-      color: #{$G4};
     }
   }
 }