@flowgram.ai/form-materials 0.4.7 → 0.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowgram.ai/form-materials",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "homepage": "https://flowgram.ai/",
   "repository": "https://github.com/bytedance/flowgram.ai",
   "license": "MIT",
@@ -35,8 +35,8 @@
     "@codemirror/state": "~6.5.2",
     "typescript": "^5.8.3",
     "zod": "^3.24.4",
-    "@flowgram.ai/editor": "0.4.7",
-    "@flowgram.ai/json-schema": "0.4.7"
+    "@flowgram.ai/editor": "0.4.9",
+    "@flowgram.ai/json-schema": "0.4.9"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
@@ -52,8 +52,8 @@
     "tsup": "^8.0.1",
     "typescript": "^5.8.3",
     "vitest": "^0.34.6",
-    "@flowgram.ai/ts-config": "0.4.7",
-    "@flowgram.ai/eslint-config": "0.4.7"
+    "@flowgram.ai/ts-config": "0.4.9",
+    "@flowgram.ai/eslint-config": "0.4.9"
   },
   "peerDependencies": {
     "react": ">=16.8",

package/src/components/condition-row/constants.ts

@@ -60,6 +60,14 @@ export const defaultRules: IRules = {
     [Op.IS_EMPTY]: null,
     [Op.IS_NOT_EMPTY]: null,
   },
+  ['date-time']: {
+    [Op.EQ]: 'date-time',
+    [Op.NEQ]: 'date-time',
+    [Op.GT]: 'date-time',
+    [Op.GTE]: 'date-time',
+    [Op.LT]: 'date-time',
+    [Op.LTE]: 'date-time',
+  },
 };
 
 export const defaultOpConfigs: OpConfigs = {

package/src/components/variable-selector/context.tsx

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import React, { createContext, useContext, useMemo } from 'react';
+
+import { BaseVariableField } from '@flowgram.ai/editor';
+
+export const VariableSelectorContext = createContext<{
+  skipVariable?: (variable?: BaseVariableField) => boolean;
+}>({});
+
+export const useVariableSelectorContext = () => useContext(VariableSelectorContext);
+
+export const VariableSelectorProvider = ({
+  children,
+  skipVariable,
+}: {
+  skipVariable?: (variable?: BaseVariableField) => boolean;
+  children: React.ReactNode;
+}) => {
+  const context = useMemo(() => ({ skipVariable }), [skipVariable]);
+
+  return (
+    <VariableSelectorContext.Provider value={context}>{children}</VariableSelectorContext.Provider>
+  );
+};

package/src/components/variable-selector/index.tsx

@@ -16,6 +16,7 @@ import { createInjectMaterial } from '@/shared';
 
 import { useVariableTree } from './use-variable-tree';
 import { UIPopoverContent, UIRootTitle, UITag, UITreeSelect, UIVarName } from './styles';
+import { useVariableSelectorContext } from './context';
 
 export interface VariableSelectorProps {
   value?: string[];
@@ -45,7 +46,13 @@ export const VariableSelector = ({
   hasError,
   triggerRender,
 }: VariableSelectorProps) => {
-  const treeData = useVariableTree({ includeSchema, excludeSchema });
+  const { skipVariable } = useVariableSelectorContext();
+
+  const treeData = useVariableTree({
+    includeSchema,
+    excludeSchema,
+    skipVariable,
+  });
 
   const treeValue = useMemo(() => {
     if (typeof value === 'string') {
@@ -139,3 +146,5 @@ export const VariableSelector = ({
 
 VariableSelector.renderKey = 'variable-selector-render-key';
 export const InjectVariableSelector = createInjectMaterial(VariableSelector);
+
+export { VariableSelectorProvider } from './context';

package/src/components/variable-selector/use-variable-tree.tsx

@@ -21,9 +21,9 @@ type VariableField = BaseVariableField<{
 export function useVariableTree(params: {
   includeSchema?: IJsonSchema | IJsonSchema[];
   excludeSchema?: IJsonSchema | IJsonSchema[];
-  customSkip?: (variable: VariableField) => boolean;
+  skipVariable?: (variable: VariableField) => boolean;
 }): TreeNodeData[] {
-  const { includeSchema, excludeSchema, customSkip } = params;
+  const { includeSchema, excludeSchema, skipVariable } = params;
 
   const typeManager = useTypeManager();
   const variables = useAvailableVariables();
@@ -69,7 +69,7 @@ export function useVariableTree(params: {
     const isSchemaExclude = excludeSchema
       ? JsonSchemaUtils.isASTMatchSchema(type, excludeSchema)
       : false;
-    const isCustomSkip = customSkip ? customSkip(variable) : false;
+    const isCustomSkip = skipVariable ? skipVariable(variable) : false;
 
     // disabled in meta when created
     const isMetaDisabled = variable.meta?.disabled;

package/src/plugins/json-schema-preset/type-definition/date-time.tsx

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+/* eslint-disable react/prop-types */
+import React from 'react';
+
+import { DatePicker } from '@douyinfe/semi-ui';
+
+import { type JsonSchemaTypeRegistry } from '../manager';
+
+export const dateTimeRegistry: Partial<JsonSchemaTypeRegistry> = {
+  type: 'date-time',
+  ConstantRenderer: (props) => (
+    <DatePicker
+      size="small"
+      type="dateTime"
+      density="compact"
+      style={{ width: '100%', ...(props.style || {}) }}
+      disabled={props.readonly}
+      {...props}
+    />
+  ),
+};

package/src/plugins/json-schema-preset/type-definition/index.tsx

@@ -9,6 +9,7 @@ import { stringRegistry } from './string';
 import { objectRegistry } from './object';
 import { numberRegistry } from './number';
 import { integerRegistry } from './integer';
+import { dateTimeRegistry } from './date-time';
 import { booleanRegistry } from './boolean';
 import { arrayRegistry } from './array';
 
@@ -19,6 +20,7 @@ export const jsonSchemaTypePreset = [
   integerRegistry,
   booleanRegistry,
   arrayRegistry,
+  dateTimeRegistry,
 ];
 
 jsonSchemaTypePreset.forEach((_type) => jsonSchemaTypeManager.register(_type));

package/dist/esm/chunk-MFDEE4HB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/code-editor/index.tsx","../../src/components/code-editor-mini/index.tsx","../../src/plugins/json-schema-preset/create-type-preset-plugin.tsx","../../src/plugins/json-schema-preset/type-definition/index.tsx","../../src/plugins/json-schema-preset/type-definition/string.tsx","../../src/plugins/json-schema-preset/type-definition/object.tsx","../../src/plugins/json-schema-preset/type-definition/number.tsx","../../src/plugins/json-schema-preset/type-definition/integer.tsx","../../src/plugins/json-schema-preset/type-definition/boolean.tsx","../../src/plugins/json-schema-preset/type-definition/array.tsx","../../src/plugins/json-schema-preset/index.tsx","../../src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts","../../src/components/variable-selector/use-variable-tree.tsx","../../src/components/variable-selector/index.tsx","../../src/components/variable-selector/styles.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { lazySuspense } from '@/shared';\n\nexport const CodeEditor = lazySuspense(() =>\n  import('./editor').then((module) => ({ default: module.CodeEditor }))\n);\n\nexport type { CodeEditorPropsType } from './editor';\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport styled from 'styled-components';\n\nimport { CodeEditor, type CodeEditorPropsType } from '@/components/code-editor';\n\nconst UIMini = styled.div`\n  .ͼ1 .cm-content {\n  }\n`;\n\nexport function CodeEditorMini(props: CodeEditorPropsType) {\n  return (\n    <UIMini>\n      <CodeEditor\n        {...props}\n        options={{\n          lineNumbersGutter: false,\n          foldGutter: false,\n          minHeight: 24,\n          ...(props.options || {}),\n        }}\n      />\n    </UIMini>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport {\n  BaseTypeManager,\n  jsonSchemaContainerModule,\n  JsonSchemaTypeManager,\n} from '@flowgram.ai/json-schema';\nimport { definePluginCreator } from '@flowgram.ai/editor';\n\nimport { jsonSchemaTypePreset } from './type-definition';\nimport { JsonSchemaTypeRegistry } from './manager';\n\nexport const createTypePresetPlugin = definePluginCreator<{\n  types?: Partial<JsonSchemaTypeRegistry> & Pick<JsonSchemaTypeRegistry, 'type'>[];\n  unregisterTypes?: string[];\n}>({\n  onInit(ctx, opts) {\n    const typeManager = ctx.get(BaseTypeManager) as JsonSchemaTypeManager;\n    jsonSchemaTypePreset.forEach((_type) => typeManager.register(_type));\n\n    opts.types?.forEach((_type) => typeManager.register(_type));\n    opts.unregisterTypes?.forEach((_type) => typeManager.unregister(_type));\n  },\n  containerModules: [jsonSchemaContainerModule],\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { jsonSchemaTypeManager } from '@flowgram.ai/json-schema';\n\nimport { stringRegistry } from './string';\nimport { objectRegistry } from './object';\nimport { numberRegistry } from './number';\nimport { integerRegistry } from './integer';\nimport { booleanRegistry } from './boolean';\nimport { arrayRegistry } from './array';\n\nexport const jsonSchemaTypePreset = [\n  stringRegistry,\n  objectRegistry,\n  numberRegistry,\n  integerRegistry,\n  booleanRegistry,\n  arrayRegistry,\n];\n\njsonSchemaTypePreset.forEach((_type) => jsonSchemaTypeManager.register(_type));\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { Input, TextArea } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const stringRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'string',\n  ConstantRenderer: (props) =>\n    props?.enableMultiLineStr ? (\n      <TextArea\n        autosize\n        rows={1}\n        placeholder={I18n.t('Please Input String')}\n        disabled={props.readonly}\n        {...props}\n      />\n    ) : (\n      <Input\n        size=\"small\"\n        placeholder={I18n.t('Please Input String')}\n        disabled={props.readonly}\n        {...props}\n      />\n    ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\n\nimport { CodeEditorMini } from '@/components/code-editor-mini';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const objectRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'object',\n  ConstantRenderer: (props) => (\n    <CodeEditorMini\n      value={props.value}\n      onChange={(v) => props.onChange?.(v)}\n      languageId=\"json\"\n      placeholder={I18n.t('Please Input Object')}\n      readonly={props.readonly}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { InputNumber } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const numberRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'number',\n  ConstantRenderer: (props) => (\n    <InputNumber\n      placeholder={I18n.t('Please Input Number')}\n      size=\"small\"\n      disabled={props.readonly}\n      hideButtons\n      {...props}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { InputNumber } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const integerRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'integer',\n  ConstantRenderer: (props) => (\n    <InputNumber\n      placeholder={I18n.t('Please Input Integer')}\n      size=\"small\"\n      disabled={props.readonly}\n      precision={0}\n      {...props}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { Select } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const booleanRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'boolean',\n  ConstantRenderer: (props) => {\n    const { value, onChange, ...rest } = props;\n    return (\n      <Select\n        placeholder={I18n.t('Please Select Boolean')}\n        size=\"small\"\n        disabled={props.readonly}\n        optionList={[\n          { label: I18n.t('True'), value: 1 },\n          { label: I18n.t('False'), value: 0 },\n        ]}\n        value={value ? 1 : 0}\n        onChange={(value) => onChange?.(!!value)}\n        {...rest}\n      />\n    );\n  },\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\n\nimport { CodeEditorMini } from '@/components/code-editor-mini';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const arrayRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'array',\n  ConstantRenderer: (props) => (\n    <CodeEditorMini\n      value={props.value}\n      languageId=\"json\"\n      onChange={(v) => props.onChange?.(v)}\n      placeholder={I18n.t('Please Input Array')}\n      readonly={props.readonly}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport React from 'react';\n\nimport {\n  type IJsonSchema,\n  JsonSchemaUtils,\n  useTypeManager as useOriginTypeManager,\n  TypePresetProvider as OriginTypePresetProvider,\n  JsonSchemaTypeManager,\n  type JsonSchemaBasicType,\n} from '@flowgram.ai/json-schema';\n\nimport { jsonSchemaTypePreset } from './type-definition';\nimport { type JsonSchemaTypeRegistry, type ConstantRendererProps } from './manager';\nimport { createTypePresetPlugin } from './create-type-preset-plugin';\n\nconst useTypeManager = () =>\n  useOriginTypeManager() as JsonSchemaTypeManager<IJsonSchema, JsonSchemaTypeRegistry>;\n\nconst JsonSchemaTypePresetProvider = ({\n  types = [],\n  children,\n}: React.PropsWithChildren<{ types: JsonSchemaTypeRegistry[] }>) => (\n  <OriginTypePresetProvider types={[...jsonSchemaTypePreset, ...types]}>\n    {children}\n  </OriginTypePresetProvider>\n);\n\nexport {\n  createTypePresetPlugin,\n  useTypeManager,\n  JsonSchemaTypePresetProvider,\n  IJsonSchema,\n  JsonSchemaUtils,\n  JsonSchemaTypeRegistry,\n  ConstantRendererProps,\n  JsonSchemaBasicType,\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport {\n  ASTMatch,\n  definePluginCreator,\n  type GlobalEventActionType,\n  VariableEngine,\n} from '@flowgram.ai/editor';\n\nexport const createDisableDeclarationPlugin = definePluginCreator<void>({\n  onInit(ctx) {\n    const variableEngine = ctx.get(VariableEngine);\n\n    const handleEvent = (action: GlobalEventActionType) => {\n      if (ASTMatch.isVariableDeclaration(action.ast)) {\n        if (!action.ast.meta?.disabled) {\n          action.ast.updateMeta({\n            ...(action.ast.meta || {}),\n            disabled: true,\n          });\n        }\n      }\n    };\n\n    variableEngine.onGlobalEvent('NewAST', handleEvent);\n    variableEngine.onGlobalEvent('UpdateAST', handleEvent);\n  },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useCallback } from 'react';\n\nimport { IJsonSchema, JsonSchemaUtils } from '@flowgram.ai/json-schema';\nimport { ASTMatch, BaseVariableField, useAvailableVariables } from '@flowgram.ai/editor';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Icon } from '@douyinfe/semi-ui';\n\nimport { useTypeManager } from '@/plugins';\n\ntype VariableField = BaseVariableField<{\n  icon?: string | JSX.Element;\n  title?: string;\n  disabled?: boolean;\n}>;\n\nexport function useVariableTree(params: {\n  includeSchema?: IJsonSchema | IJsonSchema[];\n  excludeSchema?: IJsonSchema | IJsonSchema[];\n  customSkip?: (variable: VariableField) => boolean;\n}): TreeNodeData[] {\n  const { includeSchema, excludeSchema, customSkip } = params;\n\n  const typeManager = useTypeManager();\n  const variables = useAvailableVariables();\n\n  const getVariableTypeIcon = useCallback((variable: VariableField) => {\n    if (variable.meta?.icon) {\n      if (typeof variable.meta.icon === 'string') {\n        return <img style={{ marginRight: 8 }} width={12} height={12} src={variable.meta.icon} />;\n      }\n\n      return variable.meta.icon;\n    }\n\n    const schema = JsonSchemaUtils.astToSchema(variable.type, { drilldownObject: false });\n\n    return <Icon size=\"small\" svg={typeManager.getDisplayIcon(schema || {})} />;\n  }, []);\n\n  const renderVariable = (\n    variable: VariableField,\n    parentFields: VariableField[] = []\n  ): TreeNodeData | null => {\n    let type = variable?.type;\n\n    if (!type) {\n      return null;\n    }\n\n    let children: TreeNodeData[] | undefined;\n\n    if (ASTMatch.isObject(type)) {\n      children = (type.properties || [])\n        .map((_property) => renderVariable(_property as VariableField, [...parentFields, variable]))\n        .filter(Boolean) as TreeNodeData[];\n    }\n\n    const keyPath = [...parentFields.map((_field) => _field.key), variable.key];\n    const key = keyPath.join('.');\n\n    const isSchemaInclude = includeSchema\n      ? JsonSchemaUtils.isASTMatchSchema(type, includeSchema)\n      : true;\n    const isSchemaExclude = excludeSchema\n      ? JsonSchemaUtils.isASTMatchSchema(type, excludeSchema)\n      : false;\n    const isCustomSkip = customSkip ? customSkip(variable) : false;\n\n    // disabled in meta when created\n    const isMetaDisabled = variable.meta?.disabled;\n\n    const isSchemaMatch = isSchemaInclude && !isSchemaExclude && !isCustomSkip && !isMetaDisabled;\n\n    // If not match, and no children, return null\n    if (!isSchemaMatch && !children?.length) {\n      return null;\n    }\n\n    return {\n      key: key,\n      label: variable.meta?.title || variable.key,\n      value: key,\n      keyPath,\n      icon: getVariableTypeIcon(variable),\n      children,\n      disabled: !isSchemaMatch,\n      rootMeta: parentFields[0]?.meta || variable.meta,\n      isRoot: !parentFields?.length,\n    };\n  };\n\n  return [...variables.slice(0).reverse()]\n    .map((_variable) => renderVariable(_variable as VariableField))\n    .filter(Boolean) as TreeNodeData[];\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useMemo } from 'react';\n\nimport { IJsonSchema } from '@flowgram.ai/json-schema';\nimport { I18n } from '@flowgram.ai/editor';\nimport { TriggerRenderProps } from '@douyinfe/semi-ui/lib/es/treeSelect';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Popover } from '@douyinfe/semi-ui';\nimport { IconChevronDownStroked, IconIssueStroked } from '@douyinfe/semi-icons';\n\nimport { createInjectMaterial } from '@/shared';\n\nimport { useVariableTree } from './use-variable-tree';\nimport { UIPopoverContent, UIRootTitle, UITag, UITreeSelect, UIVarName } from './styles';\n\nexport interface VariableSelectorProps {\n  value?: string[];\n  config?: {\n    placeholder?: string;\n    notFoundContent?: string;\n  };\n  onChange: (value?: string[]) => void;\n  includeSchema?: IJsonSchema | IJsonSchema[];\n  excludeSchema?: IJsonSchema | IJsonSchema[];\n  readonly?: boolean;\n  hasError?: boolean;\n  style?: React.CSSProperties;\n  triggerRender?: (props: TriggerRenderProps) => React.ReactNode;\n}\n\nexport { useVariableTree };\n\nexport const VariableSelector = ({\n  value,\n  config = {},\n  onChange,\n  style,\n  readonly = false,\n  includeSchema,\n  excludeSchema,\n  hasError,\n  triggerRender,\n}: VariableSelectorProps) => {\n  const treeData = useVariableTree({ includeSchema, excludeSchema });\n\n  const treeValue = useMemo(() => {\n    if (typeof value === 'string') {\n      console.warn(\n        'The Value of VariableSelector is a string, it should be an ARRAY. \\n',\n        'Please check the value of VariableSelector \\n'\n      );\n      return value;\n    }\n    return value?.join('.');\n  }, [value]);\n\n  const renderIcon = (icon: string | JSX.Element) => {\n    if (typeof icon === 'string') {\n      return <img style={{ marginRight: 8 }} width={12} height={12} src={icon} />;\n    }\n\n    return icon;\n  };\n\n  return (\n    <>\n      <UITreeSelect\n        dropdownMatchSelectWidth={false}\n        disabled={readonly}\n        treeData={treeData}\n        size=\"small\"\n        value={treeValue}\n        clearIcon={null}\n        $error={hasError}\n        style={style}\n        validateStatus={hasError ? 'error' : undefined}\n        onChange={(_, _config) => {\n          onChange((_config as TreeNodeData).keyPath as string[]);\n        }}\n        renderSelectedItem={(_option: TreeNodeData) => {\n          if (!_option?.keyPath) {\n            return (\n              <UITag\n                prefixIcon={<IconIssueStroked />}\n                color=\"amber\"\n                closable={!readonly}\n                onClose={() => onChange(undefined)}\n              >\n                {config?.notFoundContent ?? 'Undefined'}\n              </UITag>\n            );\n          }\n\n          const rootIcon = renderIcon(_option.rootMeta?.icon || _option?.icon);\n\n          const rootTitle = (\n            <UIRootTitle>\n              {_option.rootMeta?.title\n                ? `${_option.rootMeta?.title} ${_option.isRoot ? '' : '-'} `\n                : null}\n            </UIRootTitle>\n          );\n\n          return (\n            <div>\n              <Popover\n                content={\n                  <UIPopoverContent>\n                    {rootIcon}\n                    {rootTitle}\n                    <UIVarName>{_option.keyPath.slice(1).join('.')}</UIVarName>\n                  </UIPopoverContent>\n                }\n              >\n                <UITag\n                  prefixIcon={rootIcon}\n                  closable={!readonly}\n                  onClose={() => onChange(undefined)}\n                >\n                  {rootTitle}\n                  {!_option.isRoot && <UIVarName $inSelector>{_option.label}</UIVarName>}\n                </UITag>\n              </Popover>\n            </div>\n          );\n        }}\n        showClear={false}\n        arrowIcon={<IconChevronDownStroked size=\"small\" />}\n        triggerRender={triggerRender}\n        placeholder={config?.placeholder ?? I18n.t('Select Variable')}\n      />\n    </>\n  );\n};\n\nVariableSelector.renderKey = 'variable-selector-render-key';\nexport const InjectVariableSelector = createInjectMaterial(VariableSelector);\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport styled, { css } from 'styled-components';\nimport { Tag, TreeSelect } from '@douyinfe/semi-ui';\n\nexport const UIRootTitle = styled.div`\n  margin-right: 4px;\n  min-width: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--semi-color-text-2);\n`;\n\nexport const UIVarName = styled.div<{ $inSelector?: boolean }>`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  ${({ $inSelector }) =>\n    $inSelector &&\n    css`\n      min-width: 50%;\n    `}\n`;\n\nexport const UITag = styled(Tag)`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  & .semi-tag-content-center {\n    justify-content: flex-start;\n  }\n\n  &.semi-tag {\n    margin: 0;\n    height: 22px;\n  }\n`;\n\nexport const UITreeSelect = styled(TreeSelect)<{ $error?: boolean }>`\n  outline: ${({ $error }) => ($error ? '1px solid red' : 'none')};\n\n  & .semi-tree-select-selection {\n    padding: 0px;\n    height: 22px;\n  }\n\n  & .semi-tree-select-selection-content {\n    width: 100%;\n  }\n\n  & .semi-tree-select-selection-placeholder {\n    padding-left: 10px;\n  }\n`;\n\nexport const UIPopoverContent = styled.div`\n  padding: 10px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  white-space: nowrap;\n`;\n"],"mappings":"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","names":["React","React","I18n","React","I18n","React","I18n","React","I18n","InputNumber","React","I18n","value","React","I18n","React","I18n","React","React","definePluginCreator","React","JsonSchemaUtils","ASTMatch","React","JsonSchemaUtils","ASTMatch","React","I18n","styled","React","I18n"]}