@flowgram.ai/form-materials 0.1.29 → 0.1.31

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.
Files changed (10) hide show
  1. package/dist/esm/index.js +10 -7
  2. package/dist/esm/index.js.map +1 -1
  3. package/dist/index.d.mts +12 -1
  4. package/dist/index.d.ts +12 -1
  5. package/dist/index.js +10 -7
  6. package/dist/index.js.map +1 -1
  7. package/package.json +4 -4
  8. package/src/components/json-schema-editor/index.tsx +11 -7
  9. package/src/components/json-schema-editor/types.ts +7 -0
  10. package/src/components/variable-selector/index.tsx +5 -1
package/dist/esm/index.js CHANGED
@@ -445,6 +445,7 @@ function useVariableTree() {
445
445
  // src/components/variable-selector/index.tsx
446
446
  var VariableSelector = ({
447
447
  value,
448
+ config,
448
449
  onChange,
449
450
  style,
450
451
  readonly = false,
@@ -468,7 +469,7 @@ var VariableSelector = ({
468
469
  onChange(option);
469
470
  },
470
471
  showClear: true,
471
- placeholder: "Select Variable..."
472
+ placeholder: config?.placeholder ?? "Select Variable..."
472
473
  }
473
474
  ));
474
475
  };
@@ -756,7 +757,7 @@ function usePropertiesEdit(value, onChange) {
756
757
 
757
758
  // src/components/json-schema-editor/index.tsx
758
759
  function JsonSchemaEditor(props) {
759
- const { value = { type: "object" }, onChange: onChangeProps } = props;
760
+ const { value = { type: "object" }, config = {}, onChange: onChangeProps } = props;
760
761
  const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(
761
762
  value,
762
763
  onChangeProps
@@ -766,6 +767,7 @@ function JsonSchemaEditor(props) {
766
767
  {
767
768
  key: _property.key,
768
769
  value: _property,
770
+ config,
769
771
  onChange: (_v) => {
770
772
  onEditProperty(_property.key, _v);
771
773
  },
@@ -773,10 +775,10 @@ function JsonSchemaEditor(props) {
773
775
  onRemoveProperty(_property.key);
774
776
  }
775
777
  }
776
- ))), /* @__PURE__ */ React6.createElement(Button2, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ React6.createElement(IconPlus, null), onClick: onAddProperty }, "Add"));
778
+ ))), /* @__PURE__ */ React6.createElement(Button2, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ React6.createElement(IconPlus, null), onClick: onAddProperty }, config?.addButtonText ?? "Add"));
777
779
  }
778
780
  function PropertyEdit(props) {
779
- const { value, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;
781
+ const { value, config, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;
780
782
  const [expand, setExpand] = useState2(false);
781
783
  const [collapse, setCollapse] = useState2(false);
782
784
  const { name, type, items, description, isPropertyRequired } = value || {};
@@ -792,7 +794,7 @@ function PropertyEdit(props) {
792
794
  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(UIPropertyLeft, { $isLast, $showLine }, showCollapse && /* @__PURE__ */ React6.createElement(UICollapseTrigger, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ React6.createElement(IconChevronDown, { size: "small" }) : /* @__PURE__ */ React6.createElement(IconChevronRight, { size: "small" }))), /* @__PURE__ */ React6.createElement(UIPropertyRight, null, /* @__PURE__ */ React6.createElement(UIPropertyMain, { $expand: expand }, /* @__PURE__ */ React6.createElement(UIRow, null, /* @__PURE__ */ React6.createElement(UIName, null, /* @__PURE__ */ React6.createElement(
793
795
  Input,
794
796
  {
795
- placeholder: "Input Variable Name",
797
+ placeholder: config?.placeholder ?? "Input Variable Name",
796
798
  size: "small",
797
799
  value: name,
798
800
  onChange: (value2) => onChange("name", value2)
@@ -841,19 +843,20 @@ function PropertyEdit(props) {
841
843
  icon: /* @__PURE__ */ React6.createElement(IconMinus, { size: "small" }),
842
844
  onClick: onRemove
843
845
  }
844
- ))), expand && /* @__PURE__ */ React6.createElement(UIExpandDetail, null, /* @__PURE__ */ React6.createElement(UILabel, null, "Description"), /* @__PURE__ */ React6.createElement(
846
+ ))), expand && /* @__PURE__ */ React6.createElement(UIExpandDetail, null, /* @__PURE__ */ React6.createElement(UILabel, null, config?.descTitle ?? "Description"), /* @__PURE__ */ React6.createElement(
845
847
  Input,
846
848
  {
847
849
  size: "small",
848
850
  value: description,
849
851
  onChange: (value2) => onChange("description", value2),
850
- placeholder: "Help LLM to understand the property"
852
+ placeholder: config?.descPlaceholder ?? "Help LLM to understand the property"
851
853
  }
852
854
  ))), showCollapse && /* @__PURE__ */ React6.createElement(UICollapsible, { $collapse: collapse }, /* @__PURE__ */ React6.createElement(UIProperties, { $shrink: true }, propertyList.map((_property, index) => /* @__PURE__ */ React6.createElement(
853
855
  PropertyEdit,
854
856
  {
855
857
  key: _property.key,
856
858
  value: _property,
859
+ config,
857
860
  onChange: (_v) => {
858
861
  onEditProperty(_property.key, _v);
859
862
  },
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/variable-selector/index.tsx","../../src/components/variable-selector/use-variable-tree.tsx","../../src/components/type-selector/constants.tsx","../../src/components/type-selector/index.tsx","../../src/components/json-schema-editor/index.tsx","../../src/components/json-schema-editor/styles.tsx","../../src/components/json-schema-editor/hooks.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TreeSelect } from '@douyinfe/semi-ui';\n\nimport { useVariableTree } from './use-variable-tree';\n\nexport interface PropTypes {\n value?: string;\n onChange: (value?: string) => void;\n readonly?: boolean;\n hasError?: boolean;\n style?: React.CSSProperties;\n}\n\nexport const VariableSelector = ({\n value,\n onChange,\n style,\n readonly = false,\n hasError,\n}: PropTypes) => {\n const treeData = useVariableTree();\n\n return (\n <>\n <TreeSelect\n dropdownMatchSelectWidth={false}\n disabled={readonly}\n treeData={treeData}\n size=\"small\"\n value={value}\n style={{\n ...style,\n outline: hasError ? '1px solid red' : undefined,\n }}\n validateStatus={hasError ? 'error' : undefined}\n onChange={(option) => {\n onChange(option as string);\n }}\n showClear\n placeholder=\"Select Variable...\"\n />\n </>\n );\n};\n","import React, { useCallback } from 'react';\n\nimport { useScopeAvailable, ASTMatch, BaseVariableField } from '@flowgram.ai/editor';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Icon } from '@douyinfe/semi-ui';\n\nimport { ArrayIcons, VariableTypeIcons } from '../type-selector/constants';\n\ntype VariableField = BaseVariableField<{ icon?: string | JSX.Element; title?: string }>;\n\nexport function useVariableTree(): TreeNodeData[] {\n const available = useScopeAvailable();\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 _type = variable.type;\n\n if (ASTMatch.isArray(_type)) {\n return (\n <Icon\n size=\"small\"\n svg={ArrayIcons[_type.items?.kind.toLowerCase()] || VariableTypeIcons.array}\n />\n );\n }\n\n if (ASTMatch.isCustomType(_type)) {\n return <Icon size=\"small\" svg={VariableTypeIcons[_type.typeName.toLowerCase()]} />;\n }\n\n return <Icon size=\"small\" svg={VariableTypeIcons[variable.type?.kind.toLowerCase()]} />;\n }, []);\n\n const renderVariable = (\n variable: VariableField,\n parentFields: VariableField[] = []\n ): TreeNodeData | null => {\n let type = variable?.type;\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 if (!children?.length) {\n return null;\n }\n }\n\n const currPath = [...parentFields.map((_field) => _field.key), variable.key].join('.');\n\n return {\n key: currPath,\n label: variable.meta.title || variable.key,\n value: currPath,\n icon: getVariableTypeIcon(variable),\n children,\n };\n };\n\n return [...available.variables.slice(0).reverse()]\n .map((_variable) => renderVariable(_variable as VariableField))\n .filter(Boolean) as TreeNodeData[];\n}\n","import React from 'react';\n\nimport { CascaderData } from '@douyinfe/semi-ui/lib/es/cascader';\nimport Icon from '@douyinfe/semi-icons';\n\nimport { JsonSchema } from './types';\n\nexport const VariableTypeIcons: { [key: string]: React.ReactNode } = {\n custom: (\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n focusable=\"false\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.1 18L4.5032 20.1702C4.24999 21.0909 4.94281 22 5.89773 22C6.54881 22 7.11964 21.565 7.29227 20.9372L8.1 18H12.1L11.5032 20.1702C11.25 21.0909 11.9428 22 12.8977 22C13.5488 22 14.1196 21.565 14.2923 20.9372L15.1 18H19.5C20.3284 18 21 17.3284 21 16.5C21 15.6716 20.3284 15 19.5 15H15.925L17.575 9H20.5C21.3284 9 22 8.32843 22 7.5C22 6.67157 21.3284 6 20.5 6H18.4L18.9968 3.8298C19.25 2.90906 18.5572 2 17.6023 2C16.9512 2 16.3804 2.43504 16.2077 3.06281L15.4 6H11.4L11.9968 3.8298C12.25 2.90906 11.5572 2 10.6023 2C9.95119 2 9.38036 2.43504 9.20773 3.06281L8.4 6H4.5C3.67157 6 3 6.67157 3 7.5C3 8.32843 3.67157 9 4.5 9H7.575L5.925 15H3.5C2.67157 15 2 15.6716 2 16.5C2 17.3284 2.67157 18 3.5 18H5.1ZM8.925 15L10.575 9H14.575L12.925 15H8.925Z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n object: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.33893 1.5835C5.66613 1.5835 5.93137 1.88142 5.93137 2.20862C5.93137 2.53582 5.66613 2.76838 5.33893 2.76838H4.9099C4.34717 2.76838 4.08062 3.07557 4.08062 3.71921V6.58633C4.08062 7.30996 3.80723 7.84734 3.26798 8.19105C3.11426 8.28902 3.10884 8.55273 3.26068 8.65359C3.80476 9.01503 4.08062 9.53994 4.08062 10.2434V13.1251C4.08062 13.7395 4.34717 14.0613 4.9099 14.0613H5.33893C5.66613 14.0613 5.93137 14.3435 5.93137 14.6707C5.93137 14.9979 5.66613 15.2462 5.33893 15.2462H4.64335C3.99177 15.2462 3.48828 15.0268 3.13287 14.6172C2.80708 14.2369 2.64419 13.7103 2.64419 13.0666V10.3165C2.64419 9.8923 2.55534 9.58511 2.37764 9.39494C2.26816 9.27135 1.80618 9.17938 1.38154 9.11602C1.02726 9.06315 0.759057 8.76744 0.765747 8.4093C0.772379 8.0543 1.03439 7.7566 1.38545 7.70346C1.80778 7.63952 2.26906 7.54968 2.37764 7.43477C2.55534 7.22997 2.64419 6.92278 2.64419 6.51319V3.77772C2.64419 3.11945 2.80708 2.59284 3.13287 2.21251C3.48828 1.78829 3.99177 1.5835 4.64335 1.5835H5.33893Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.962 15.2463C10.6348 15.2463 10.3696 14.9483 10.3696 14.6211C10.3696 14.2939 10.6348 14.0614 10.962 14.0614H11.391C11.9538 14.0614 12.2203 13.7542 12.2203 13.1105V10.2434C12.2203 9.51979 12.4937 8.98241 13.033 8.6387C13.1867 8.54073 13.1921 8.27703 13.0403 8.17616C12.4962 7.81472 12.2203 7.28982 12.2203 6.58638V3.70463C12.2203 3.09024 11.9538 2.76842 11.391 2.76842L10.962 2.76842C10.6348 2.76842 10.3696 2.48627 10.3696 2.15907C10.3696 1.83188 10.6348 1.58354 10.962 1.58354L11.6576 1.58354C12.3092 1.58354 12.8127 1.80296 13.1681 2.21255C13.4939 2.59289 13.6568 3.1195 13.6568 3.76314V6.51324C13.6568 6.93745 13.7456 7.24464 13.9233 7.43481C14.03 7.5553 14.4328 7.64858 14.8186 7.71393C15.1718 7.77376 15.4401 8.06977 15.4334 8.42791C15.4268 8.78291 15.1646 9.08018 14.814 9.13633C14.4306 9.19774 14.0291 9.28303 13.9233 9.39499C13.7456 9.59978 13.6568 9.90697 13.6568 10.3166V13.052C13.6568 13.7103 13.4939 14.2369 13.1681 14.6172C12.8127 15.0415 12.3092 15.2463 11.6576 15.2463H10.962Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n boolean: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.668 4.66683H5.33463C3.49369 4.66683 2.0013 6.15921 2.0013 8.00016C2.0013 9.84111 3.49369 11.3335 5.33463 11.3335H10.668C12.5089 11.3335 14.0013 9.84111 14.0013 8.00016C14.0013 6.15921 12.5089 4.66683 10.668 4.66683ZM5.33463 3.3335C2.75731 3.3335 0.667969 5.42283 0.667969 8.00016C0.667969 10.5775 2.75731 12.6668 5.33463 12.6668H10.668C13.2453 12.6668 15.3346 10.5775 15.3346 8.00016C15.3346 5.42283 13.2453 3.3335 10.668 3.3335H5.33463Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.66797 8.00016C8.66797 6.89559 9.5634 6.00016 10.668 6.00016C11.7725 6.00016 12.668 6.89559 12.668 8.00016C12.668 9.10473 11.7725 10.0002 10.668 10.0002C9.5634 10.0002 8.66797 9.10473 8.66797 8.00016ZM10.668 7.3335C10.2998 7.3335 10.0013 7.63197 10.0013 8.00016C10.0013 8.36835 10.2998 8.66683 10.668 8.66683C11.0362 8.66683 11.3346 8.36835 11.3346 8.00016C11.3346 7.63197 11.0362 7.3335 10.668 7.3335Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n string: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.3342 3.33321C8.96601 3.33321 8.66753 3.63169 8.66753 3.99988C8.66753 4.36807 8.96601 4.66655 9.3342 4.66655H14.6675C15.0357 4.66655 15.3342 4.36807 15.3342 3.99988C15.3342 3.63169 15.0357 3.33321 14.6675 3.33321H9.3342Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.0009 7.99988C10.0009 7.63169 10.2993 7.33321 10.6675 7.33321H14.6675C15.0357 7.33321 15.3342 7.63169 15.3342 7.99988C15.3342 8.36807 15.0357 8.66655 14.6675 8.66655H10.6675C10.2993 8.66655 10.0009 8.36807 10.0009 7.99988Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.0009 11.3332C11.6327 11.3332 11.3342 11.6317 11.3342 11.9999C11.3342 12.3681 11.6327 12.6665 12.0009 12.6665H14.6675C15.0357 12.6665 15.3342 12.3681 15.3342 11.9999C15.3342 11.6317 15.0357 11.3332 14.6675 11.3332H12.0009Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M9.86659 14.1482L8.23444 10.1844H3.18136C3.13868 10.1844 3.09685 10.1808 3.05616 10.1738L1.66589 14.1129C1.53049 14.4965 1.10971 14.6978 0.726058 14.5624C0.342408 14.427 0.141166 14.0062 0.276572 13.6225L4.37566 2.00848C4.71323 1.05202 6.05321 1.01763 6.4394 1.95552L11.2289 13.5872C11.3838 13.9634 11.2044 14.394 10.8282 14.5489C10.452 14.7038 10.0215 14.5244 9.86659 14.1482ZM5.44412 3.40791L3.57241 8.71109H7.62778L5.44412 3.40791Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n integer: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.132 11.4601C15.644 11.0121 15.9 10.3921 15.9 9.60007C15.9 8.60807 15.5 7.93607 14.7 7.58407C15.412 7.23207 15.768 6.62407 15.768 5.76007C15.768 5.05607 15.536 4.48007 15.072 4.03207C14.608 3.59207 14.012 3.37207 13.284 3.37207C12.588 3.37207 12.008 3.58007 11.544 3.99607C11.064 4.42007 10.808 4.98807 10.776 5.70007H12C12.064 4.88407 12.492 4.47607 13.284 4.47607C14.124 4.47607 14.544 4.91607 14.544 5.79607C14.544 6.66007 14.112 7.09207 13.248 7.09207H13.044V8.16007H13.248C14.2 8.16007 14.676 8.62807 14.676 9.56407C14.676 10.5081 14.212 10.9801 13.284 10.9801C12.9 10.9801 12.584 10.8761 12.336 10.6681C12.064 10.4441 11.916 10.1161 11.892 9.68407H10.668C10.692 10.4761 10.964 11.0841 11.484 11.5081C11.948 11.8921 12.548 12.0841 13.284 12.0841C14.036 12.0841 14.652 11.8761 15.132 11.4601Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M4.46875 12.0003V10.9083L7.75675 6.91228C8.06075 6.54428 8.21275 6.16428 8.21275 5.77228C8.21275 4.90828 7.79675 4.47628 6.96475 4.47628C6.60475 4.47628 6.31275 4.57628 6.08875 4.77628C5.83275 5.00828 5.70475 5.34828 5.70475 5.79628H4.48075C4.48075 5.07628 4.71275 4.49228 5.17675 4.04428C5.64075 3.60428 6.23675 3.38428 6.96475 3.38428C7.70075 3.38428 8.29675 3.60028 8.75275 4.03228C9.20875 4.47228 9.43675 5.05628 9.43675 5.78428C9.43675 6.13628 9.36875 6.45628 9.23275 6.74428C9.12075 6.97628 8.92075 7.27228 8.63275 7.63228L5.95675 10.9083H9.43675V12.0003H4.46875Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M1.668 12.0001V4.78805L0 6.25205V4.89605L1.668 3.45605H2.892V12.0001H1.668Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n number: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.44151 5.3068C3.44151 3.83404 4.71542 2.64014 6.18818 2.64014C7.66094 2.64014 8.93484 3.83404 8.93484 5.3068V10.6135C8.93484 12.0862 7.66094 13.2801 6.18818 13.2801C4.71542 13.2801 3.44151 12.0862 3.44151 10.6135V5.3068ZM7.60151 5.3068C7.60151 4.57042 6.92456 3.97347 6.18818 3.97347C5.4518 3.97347 4.77484 4.57042 4.77484 5.3068V10.6135C4.77484 11.3498 5.4518 11.9468 6.18818 11.9468C6.92456 11.9468 7.60151 11.3498 7.60151 10.6135V5.3068Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.9882 2.64014C11.5154 2.64014 10.2415 3.83404 10.2415 5.3068V10.6135C10.2415 12.0862 11.5154 13.2801 12.9882 13.2801C14.4609 13.2801 15.7348 12.0862 15.7348 10.6135V5.3068C15.7348 3.83404 14.4609 2.64014 12.9882 2.64014ZM14.4015 10.6135C14.4015 11.3498 13.7246 11.9468 12.9882 11.9468C12.2518 11.9468 11.5748 11.3498 11.5748 10.6135V5.3068C11.5748 4.57042 12.2518 3.97347 12.9882 3.97347C13.7246 3.97347 14.4015 4.57042 14.4015 5.3068V10.6135Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M1.21484 13.2001C1.76713 13.2001 2.21484 12.7524 2.21484 12.2001C2.21484 11.6479 1.76713 11.2001 1.21484 11.2001C0.662559 11.2001 0.214844 11.6479 0.214844 12.2001C0.214844 12.7524 0.662559 13.2001 1.21484 13.2001Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n array: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.23759 1.00342H2.00391V14.997H5.23759V13.6251H3.35127V2.37534H5.23759V1.00342Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.7624 1.00342H13.9961V14.997H10.7624V13.6251H12.6487V2.37534H10.7624V1.00342Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n\n stream: (\n <svg\n viewBox=\"0 0 1024 1024\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n >\n <path\n d=\"M879.674 544.51l-158.254-0.221c-8.534 2.287-17.305-2.776-19.588-11.307l-23.862-75.877-74.742 350.891c0 0-1.523 18.507-11.518 18.507s-26.9 0.281-26.9 0.281c-8.259 2.213-16.748-2.687-18.961-10.949l-92.741-457.648-70.305 330.634c-2.261 8.291-11.94 15.206-20.385 12.986l-24.876 0.339c-8.723 2.293-17.685-2.789-20.023-11.349L270.629 544.51 143.993 544.51c-8.831 0-15.993-7.159-15.993-15.993l0-31.986c0-8.831 7.162-15.993 15.993-15.993l157.429-0.516c9.565-0.304 17.685 0.788 20.023 9.351l24.386 76.092 68.642-358.907c0 0 3.4-10.894 14.397-10.894 10.994 0 34.107-0.448 34.107-0.448 8.262-2.213 16.751 2.687 18.965 10.949l91.912 454.126 67.948-326.182c2.213-8.262 8.707-15.161 16.965-12.948l27.316-0.333c8.531-2.287 17.301 2.776 19.588 11.31l46.665 148.4 127.337 0c8.835 0 15.993 7.162 15.993 15.993l0 31.986C895.667 537.352 888.508 544.51 879.674 544.51z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n\n map: (\n <svg\n viewBox=\"0 0 1024 1024\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n >\n <path\n d=\"M877.860571 938.642286h-645.851428c-27.574857 0-54.052571-11.337143-73.508572-31.744a110.957714 110.957714 0 0 1-30.500571-76.8V193.828571c0-28.745143 10.971429-56.32 30.500571-76.726857a101.888 101.888 0 0 1 73.508572-31.817143h574.171428c27.501714 0 53.979429 11.337143 73.508572 31.744 19.529143 20.333714 30.500571 48.054857 30.500571 76.8v522.020572a34.157714 34.157714 0 0 1-6.948571 22.820571c-37.156571 19.382857-57.636571 39.350857-57.636572 72.630857 0 39.716571 19.894857 50.029714 57.636572 72.777143a34.816 34.816 0 0 1-8.045714 49.298286 32.256 32.256 0 0 1-17.334858 5.193143z m-32.256-254.537143V193.828571a40.228571 40.228571 0 0 0-39.497142-41.179428H232.009143a40.301714 40.301714 0 0 0-39.497143 41.252571V699.245714c17.773714-9.874286 37.449143-14.994286 57.417143-14.921143h595.675428v-0.073142z m-595.675428 187.245714h566.198857c-22.893714-11.190857-27.940571-39.497143-28.013714-59.977143 0-20.260571 3.218286-43.885714 28.013714-59.904h-566.125714c-31.670857 0-57.417143 26.843429-57.417143 59.977143 0 33.060571 25.746286 59.904 57.344 59.904z\"\n fill=\"currentColor\"\n ></path>\n <path\n d=\"M320 128m32.036571 0l-0.073142 0q32.036571 0 32.036571 32.036571l0 511.926858q0 32.036571-32.036571 32.036571l0.073142 0q-32.036571 0-32.036571-32.036571l0-511.926858q0-32.036571 32.036571-32.036571Z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n};\n\nexport const ArrayIcons: { [key: string]: React.ReactNode } = {\n object: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM3.82031 5.9091C3.82031 5.18535 4.40703 4.59863 5.13078 4.59863C5.85453 4.59863 6.44124 5.18535 6.44124 5.9091C6.44124 6.56485 5.9596 7.1081 5.33078 7.2044V8.70018H5.32877C5.32982 8.75093 5.33078 8.80912 5.33078 8.87034V9.72111C5.33078 10.0195 5.57268 10.2614 5.87109 10.2614H6.24124C6.55613 10.2614 6.8114 10.5167 6.8114 10.8316C6.8114 11.1465 6.55613 11.4017 6.24124 11.4017H5.87109C4.94291 11.4017 4.19047 10.6493 4.19047 9.72111V6.82186C3.96158 6.58607 3.82031 6.26397 3.82031 5.9091ZM7.33679 5.9091C7.33679 5.59421 7.59205 5.33894 7.90694 5.33894H11.6085C11.9234 5.33894 12.1786 5.59421 12.1786 5.9091C12.1786 6.22399 11.9234 6.47925 11.6085 6.47925H7.90694C7.59205 6.47925 7.33679 6.22399 7.33679 5.9091ZM7.33679 9.86846C7.33679 9.55357 7.59205 9.2983 7.90694 9.2983H11.6085C11.9234 9.2983 12.1786 9.55357 12.1786 9.86846C12.1786 10.1833 11.9234 10.4386 11.6085 10.4386H7.90694C7.59205 10.4386 7.33679 10.1833 7.33679 9.86846Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n boolean: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM2.75 7.99993C2.75 6.14518 4.25358 4.6416 6.10833 4.6416H9.775C11.6298 4.6416 13.1333 6.14518 13.1333 7.99993C13.1333 9.85469 11.6298 11.3583 9.775 11.3583H6.10833C4.25358 11.3583 2.75 9.85469 2.75 7.99993ZM6.10833 5.85827C4.92552 5.85827 3.96667 6.81713 3.96667 7.99993C3.96667 9.18274 4.92552 10.1416 6.10833 10.1416H9.775C10.9578 10.1416 11.9167 9.18274 11.9167 7.99993C11.9167 6.81713 10.9578 5.85827 9.775 5.85827H6.10833ZM8.25 7.99993C8.25 7.1577 8.93277 6.47493 9.775 6.47493C10.6172 6.47493 11.3 7.1577 11.3 7.99993C11.3 8.84217 10.6172 9.52493 9.775 9.52493C8.93277 9.52493 8.25 8.84217 8.25 7.99993ZM9.775 7.6916C9.60471 7.6916 9.46667 7.82965 9.46667 7.99993C9.46667 8.17022 9.60471 8.30827 9.775 8.30827C9.94529 8.30827 10.0833 8.17022 10.0833 7.99993C10.0833 7.82965 9.94529 7.6916 9.775 7.6916Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n string: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM5.23701 4.07158C5.50364 3.3161 6.56205 3.28894 6.86709 4.02974L10 11.6383C10.1329 11.9609 9.979 12.3302 9.65631 12.4631C9.33363 12.596 8.96434 12.4421 8.83147 12.1194L7.8021 9.61951H4.61903L3.7474 12.0891C3.63126 12.4182 3.27034 12.5908 2.94127 12.4747C2.6122 12.3585 2.43958 11.9976 2.55573 11.6685L5.23701 4.07158ZM6.08814 5.45704L5.06505 8.35579H7.28174L6.08814 5.45704ZM8.81938 6.07534C8.81938 5.75166 9.08177 5.48926 9.40545 5.48926H12.8941C13.2178 5.48926 13.4802 5.75166 13.4802 6.07534C13.4802 6.39902 13.2178 6.66142 12.8941 6.66142H9.40545C9.08177 6.66142 8.81938 6.39902 8.81938 6.07534ZM10.2668 9.69181C10.2668 9.36812 10.5292 9.10573 10.8529 9.10573H12.8941C13.2178 9.10573 13.4802 9.36812 13.4802 9.69181C13.4802 10.0155 13.2178 10.2779 12.8941 10.2779H10.8529C10.5292 10.2779 10.2668 10.0155 10.2668 9.69181Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n integer: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM10.3614 5.22374C10.7161 4.90585 11.1581 4.75 11.6762 4.75C12.2173 4.75 12.6723 4.91467 13.0281 5.25207L13.0291 5.253C13.3852 5.59688 13.561 6.03946 13.561 6.56767C13.561 6.89 13.4945 7.17448 13.3539 7.41445C13.2572 7.57972 13.1279 7.71948 12.9685 7.83428C13.1575 7.95643 13.3099 8.11182 13.4225 8.30109C13.5793 8.5644 13.6531 8.88311 13.6531 9.24936C13.6531 9.83787 13.4612 10.3151 13.0656 10.6612C12.6982 10.9795 12.2305 11.1341 11.6762 11.1341C11.1356 11.1341 10.6805 10.9925 10.324 10.6977C9.92124 10.3691 9.71723 9.90026 9.69942 9.31256L9.69473 9.15802H10.846L10.8539 9.2997C10.8689 9.5698 10.9591 9.75553 11.1096 9.87941L11.1106 9.88027C11.2519 9.99882 11.4365 10.0631 11.6762 10.0631C11.9765 10.0631 12.1743 9.98692 12.2984 9.86071C12.4229 9.73404 12.4984 9.53136 12.4984 9.22422C12.4984 8.92116 12.4215 8.72127 12.2939 8.59581C12.1658 8.46989 11.961 8.39373 11.6511 8.39373H11.3586V7.34788H11.6511C11.9297 7.34788 12.111 7.27834 12.2238 7.16555C12.3366 7.05276 12.4062 6.87138 12.4062 6.59281C12.4062 6.30696 12.3378 6.12041 12.2277 6.00501C12.1188 5.89092 11.9446 5.82098 11.6762 5.82098C11.4248 5.82098 11.2539 5.88537 11.1407 5.99325C11.0268 6.10185 10.9497 6.27522 10.9291 6.5375L10.9183 6.67577H9.76788L9.77492 6.51904C9.79886 5.98644 9.99237 5.54989 10.3614 5.22374ZM5.91032 5.26037C6.26612 4.92297 6.72112 4.7583 7.26219 4.7583C7.80751 4.7583 8.26297 4.91938 8.61401 5.25194L8.61501 5.25289C8.96719 5.59272 9.13852 6.04185 9.13852 6.58435C9.13852 6.84997 9.08709 7.09565 8.9817 7.31883L8.98114 7.31999C8.89563 7.49712 8.74775 7.71415 8.54418 7.96862L8.54322 7.96981L6.87446 10.0127H9.13852V11.0753H5.36909V10.1089L7.69946 7.27679C7.89456 7.04062 7.98374 6.80773 7.98374 6.57597C7.98374 6.29602 7.91626 6.11385 7.8078 6.00122C7.70036 5.88964 7.52811 5.8209 7.26219 5.8209C7.04017 5.8209 6.87439 5.88173 6.75075 5.99193C6.61227 6.11766 6.53226 6.30918 6.53226 6.59273V6.74273H5.37747V6.59273C5.37747 6.05443 5.55248 5.60586 5.90934 5.2613L5.91032 5.26037ZM3.50907 4.80865H4.56964V11.0754H3.41486V6.2201L2.25 7.24249V5.89561L3.50907 4.80865Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n number: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.6139 1.58154H0V14.4191H3.6139V13.1269H1.36702V2.87375H3.6139V1.58154ZM3.41656 13.3271V13.3269H1.17155V13.3271H3.41656ZM0.199219 14.2191H0.197344V1.78154H3.41656V1.78174H0.199219V14.2191ZM16 1.58154H12.3861V2.87375H14.633V13.1269H12.3861V14.4191H16V1.58154ZM12.5834 1.78154V2.67375H12.5853V1.78174H15.8027V1.78154H12.5834ZM12.5853 14.2191V13.3271H14.8322V2.67394H14.8303V13.3269H12.5834V14.2191H12.5853ZM6.86771 4.5C5.87019 4.5 5.00104 5.30767 5.00104 6.31667V9.63333C5.00104 10.6423 5.87019 11.45 6.86771 11.45C7.86523 11.45 8.73438 10.6423 8.73438 9.63333V6.31667C8.73438 5.30767 7.86523 4.5 6.86771 4.5ZM11.1177 4.5C10.1202 4.5 9.25104 5.30767 9.25104 6.31667V9.63333C9.25104 10.6423 10.1202 11.45 11.1177 11.45C12.1152 11.45 12.9844 10.6423 12.9844 9.63333V6.31667C12.9844 5.30767 12.1152 4.5 11.1177 4.5ZM6.13438 6.31667C6.13438 5.9503 6.47884 5.63333 6.86771 5.63333C7.25657 5.63333 7.60104 5.9503 7.60104 6.31667V9.63333C7.60104 9.9997 7.25657 10.3167 6.86771 10.3167C6.47884 10.3167 6.13438 9.9997 6.13438 9.63333V6.31667ZM10.3844 6.31667C10.3844 5.9503 10.7288 5.63333 11.1177 5.63333C11.5066 5.63333 11.851 5.9503 11.851 6.31667V9.63333C11.851 9.9997 11.5066 10.3167 11.1177 10.3167C10.7288 10.3167 10.3844 9.9997 10.3844 9.63333V6.31667ZM3.75938 9.85C3.33135 9.85 2.98438 10.197 2.98438 10.625C2.98438 11.053 3.33135 11.4 3.75938 11.4C4.1874 11.4 4.53438 11.053 4.53438 10.625C4.53438 10.197 4.1874 9.85 3.75938 9.85Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n};\n\nexport const getSchemaIcon = (value?: Partial<JsonSchema>) => {\n if (value?.type === 'array') {\n return ArrayIcons[value.items?.type || 'object'];\n }\n\n return VariableTypeIcons[value?.type || 'object'];\n};\n\nconst labelStyle: React.CSSProperties = { display: 'flex', alignItems: 'center', gap: 5 };\n\nconst firstUppercase = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst baseOptions: CascaderData[] = [\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'string' })} />\n {firstUppercase('string')}\n </div>\n ),\n value: 'string',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'integer' })} />\n {firstUppercase('integer')}\n </div>\n ),\n value: 'integer',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'number' })} />\n {firstUppercase('number')}\n </div>\n ),\n value: 'number',\n },\n\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'boolean' })} />\n {firstUppercase('boolean')}\n </div>\n ),\n value: 'boolean',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'object' })} />\n {firstUppercase('object')}\n </div>\n ),\n value: 'object',\n },\n];\n\nexport const options: CascaderData[] = [\n ...baseOptions,\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'array' })} />\n {firstUppercase('array')}\n </div>\n ),\n value: 'array',\n children: baseOptions.map((_opt) => ({\n ..._opt,\n value: `${_opt.value}`,\n label: (\n <div style={labelStyle}>\n <Icon\n size=\"small\"\n svg={getSchemaIcon({ type: 'array', items: { type: _opt.value as string } })}\n />\n {firstUppercase(_opt.value as string)}\n </div>\n ),\n })),\n },\n];\n","import React, { useMemo } from 'react';\n\nimport { Button, Cascader } from '@douyinfe/semi-ui';\n\nimport { JsonSchema } from './types';\nimport { ArrayIcons, VariableTypeIcons, getSchemaIcon, options } from './constants';\n\ninterface PropTypes {\n value?: Partial<JsonSchema>;\n onChange: (value?: Partial<JsonSchema>) => void;\n}\n\nexport const getTypeSelectValue = (value?: Partial<JsonSchema>): string[] | undefined => {\n if (value?.type === 'array' && value?.items) {\n return [value.type, ...(getTypeSelectValue(value.items) || [])];\n }\n\n return value?.type ? [value.type] : undefined;\n};\n\nexport const parseTypeSelectValue = (value?: string[]): Partial<JsonSchema> | undefined => {\n const [type, ...subTypes] = value || [];\n\n if (type === 'array') {\n return { type: 'array', items: parseTypeSelectValue(subTypes) };\n }\n\n return { type };\n};\n\nexport function TypeSelector(props: PropTypes) {\n const { value, onChange } = props;\n\n const selectValue = useMemo(() => getTypeSelectValue(value), [value]);\n\n return (\n <Cascader\n size=\"small\"\n triggerRender={() => (\n <Button size=\"small\" style={{ width: 50 }}>\n {getSchemaIcon(value)}\n </Button>\n )}\n treeData={options}\n value={selectValue}\n leafOnly={true}\n onChange={(value) => {\n onChange(parseTypeSelectValue(value as string[]));\n }}\n />\n );\n}\n\nexport { JsonSchema, VariableTypeIcons, ArrayIcons, getSchemaIcon };\n","import React, { useMemo, useState } from 'react';\n\nimport { Button, Checkbox, IconButton, Input } from '@douyinfe/semi-ui';\nimport {\n IconExpand,\n IconShrink,\n IconPlus,\n IconChevronDown,\n IconChevronRight,\n IconMinus,\n} from '@douyinfe/semi-icons';\n\nimport { JsonSchema } from '../type-selector/types';\nimport { TypeSelector } from '../type-selector';\nimport { PropertyValueType } from './types';\nimport {\n IconAddChildren,\n UIActions,\n UICollapseTrigger,\n UICollapsible,\n UIContainer,\n UIExpandDetail,\n UILabel,\n UIProperties,\n UIPropertyLeft,\n UIPropertyMain,\n UIPropertyRight,\n UIRequired,\n UIType,\n} from './styles';\nimport { UIName } from './styles';\nimport { UIRow } from './styles';\nimport { usePropertiesEdit } from './hooks';\n\nexport function JsonSchemaEditor(props: {\n value?: JsonSchema;\n onChange?: (value: JsonSchema) => void;\n}) {\n const { value = { type: 'object' }, onChange: onChangeProps } = props;\n const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(\n value,\n onChangeProps\n );\n\n return (\n <UIContainer>\n <UIProperties>\n {propertyList.map((_property) => (\n <PropertyEdit\n key={_property.key}\n value={_property}\n onChange={(_v) => {\n onEditProperty(_property.key!, _v);\n }}\n onRemove={() => {\n onRemoveProperty(_property.key!);\n }}\n />\n ))}\n </UIProperties>\n <Button size=\"small\" style={{ marginTop: 10 }} icon={<IconPlus />} onClick={onAddProperty}>\n Add\n </Button>\n </UIContainer>\n );\n}\n\nfunction PropertyEdit(props: {\n value?: PropertyValueType;\n onChange?: (value: PropertyValueType) => void;\n onRemove?: () => void;\n $isLast?: boolean;\n $showLine?: boolean;\n}) {\n const { value, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;\n\n const [expand, setExpand] = useState(false);\n const [collapse, setCollapse] = useState(false);\n\n const { name, type, items, description, isPropertyRequired } = value || {};\n\n const typeSelectorValue = useMemo(() => ({ type, items }), [type, items]);\n\n const { propertyList, isDrilldownObject, onAddProperty, onRemoveProperty, onEditProperty } =\n usePropertiesEdit(value, onChangeProps);\n\n const onChange = (key: string, _value: any) => {\n onChangeProps?.({\n ...(value || {}),\n [key]: _value,\n });\n };\n\n const showCollapse = isDrilldownObject && propertyList.length > 0;\n\n return (\n <>\n <UIPropertyLeft $isLast={$isLast} $showLine={$showLine}>\n {showCollapse && (\n <UICollapseTrigger onClick={() => setCollapse((_collapse) => !_collapse)}>\n {collapse ? <IconChevronDown size=\"small\" /> : <IconChevronRight size=\"small\" />}\n </UICollapseTrigger>\n )}\n </UIPropertyLeft>\n <UIPropertyRight>\n <UIPropertyMain $expand={expand}>\n <UIRow>\n <UIName>\n <Input\n placeholder=\"Input Variable Name\"\n size=\"small\"\n value={name}\n onChange={(value) => onChange('name', value)}\n />\n </UIName>\n <UIType>\n <TypeSelector\n value={typeSelectorValue}\n onChange={(_value) => {\n onChangeProps?.({\n ...(value || {}),\n ..._value,\n });\n }}\n />\n </UIType>\n <UIRequired>\n <Checkbox\n checked={isPropertyRequired}\n onChange={(e) => onChange('isPropertyRequired', e.target.checked)}\n />\n </UIRequired>\n <UIActions>\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={expand ? <IconShrink size=\"small\" /> : <IconExpand size=\"small\" />}\n onClick={() => setExpand((_expand) => !_expand)}\n />\n {isDrilldownObject && (\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={<IconAddChildren />}\n onClick={() => {\n onAddProperty();\n setCollapse(true);\n }}\n />\n )}\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={<IconMinus size=\"small\" />}\n onClick={onRemove}\n />\n </UIActions>\n </UIRow>\n {expand && (\n <UIExpandDetail>\n <UILabel>Description</UILabel>\n <Input\n size=\"small\"\n value={description}\n onChange={(value) => onChange('description', value)}\n placeholder=\"Help LLM to understand the property\"\n />\n </UIExpandDetail>\n )}\n </UIPropertyMain>\n {showCollapse && (\n <UICollapsible $collapse={collapse}>\n <UIProperties $shrink={true}>\n {propertyList.map((_property, index) => (\n <PropertyEdit\n key={_property.key}\n value={_property}\n onChange={(_v) => {\n onEditProperty(_property.key!, _v);\n }}\n onRemove={() => {\n onRemoveProperty(_property.key!);\n }}\n $isLast={index === propertyList.length - 1}\n $showLine={true}\n />\n ))}\n </UIProperties>\n </UICollapsible>\n )}\n </UIPropertyRight>\n </>\n );\n}\n","import React from 'react';\n\nimport styled, { css } from 'styled-components';\nimport Icon from '@douyinfe/semi-icons';\n\nexport const UIContainer = styled.div`\n /* & .semi-input {\n background-color: #fff;\n border-radius: 6px;\n height: 24px;\n } */\n`;\n\nexport const UIRow = styled.div`\n display: flex;\n align-items: center;\n gap: 6px;\n`;\n\nexport const UICollapseTrigger = styled.div`\n cursor: pointer;\n margin-right: 5px;\n`;\n\nexport const UIExpandDetail = styled.div`\n display: flex;\n flex-direction: column;\n`;\n\nexport const UILabel = styled.div`\n font-size: 12px;\n color: #999;\n font-weight: 400;\n margin-bottom: 2px;\n`;\n\nexport const UIProperties = styled.div<{ $shrink?: boolean }>`\n display: grid;\n grid-template-columns: auto 1fr;\n\n ${({ $shrink }) =>\n $shrink &&\n css`\n padding-left: 10px;\n margin-top: 10px;\n `}\n`;\n\nexport const UIPropertyLeft = styled.div<{ $isLast?: boolean; $showLine?: boolean }>`\n grid-column: 1;\n position: relative;\n\n ${({ $showLine, $isLast }) =>\n $showLine &&\n css`\n &::before {\n /* 竖线 */\n content: '';\n position: absolute;\n left: -22px;\n top: -18px;\n bottom: ${$isLast ? '12px' : '0px'};\n width: 1px;\n background: #d9d9d9;\n display: block;\n }\n\n &::after {\n /* 横线 */\n content: '';\n position: absolute;\n left: -22px; // 横线起点和竖线对齐\n top: 12px; // 跟随你的行高调整\n width: 22px; // 横线长度\n height: 1px;\n background: #d9d9d9;\n display: block;\n }\n `}\n`;\n\nexport const UIPropertyRight = styled.div`\n grid-column: 2;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0px;\n }\n`;\n\nexport const UIPropertyMain = styled.div<{ $expand?: boolean }>`\n display: flex;\n flex-direction: column;\n gap: 10px;\n\n ${({ $expand }) =>\n $expand &&\n css`\n background-color: #f5f5f5;\n padding: 10px;\n border-radius: 4px;\n `}\n`;\n\nexport const UICollapsible = styled.div<{ $collapse?: boolean }>`\n display: none;\n\n ${({ $collapse }) =>\n $collapse &&\n css`\n display: block;\n `}\n`;\n\nexport const UIName = styled.div`\n flex-grow: 1;\n`;\n\nexport const UIType = styled.div``;\n\nexport const UIRequired = styled.div``;\n\nexport const UIActions = styled.div`\n white-space: nowrap;\n`;\n\nconst iconAddChildrenSvg = (\n <svg\n className=\"icon-icon icon-icon-coz_add_node \"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z\"\n ></path>\n <path d=\"M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z\"></path>\n </svg>\n);\n\nexport const IconAddChildren = () => <Icon size=\"small\" svg={iconAddChildrenSvg} />;\n","import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { PropertyValueType } from './types';\nimport { JsonSchema } from '../type-selector';\n\nlet _id = 0;\nfunction genId() {\n return _id++;\n}\n\nfunction getDrilldownSchema(\n value?: PropertyValueType,\n path?: (keyof PropertyValueType)[]\n): { schema?: PropertyValueType | null; path?: (keyof PropertyValueType)[] } {\n if (!value) {\n return {};\n }\n\n if (value.type === 'array' && value.items) {\n return getDrilldownSchema(value.items, [...(path || []), 'items']);\n }\n\n return { schema: value, path };\n}\n\nexport function usePropertiesEdit(\n value?: PropertyValueType,\n onChange?: (value: PropertyValueType) => void\n) {\n // Get drilldown (array.items.items...)\n const drilldown = useMemo(() => getDrilldownSchema(value), [value, value?.type, value?.items]);\n\n const isDrilldownObject = drilldown.schema?.type === 'object';\n\n // Generate Init Property List\n const initPropertyList = useMemo(\n () =>\n isDrilldownObject\n ? Object.entries(drilldown.schema?.properties || {}).map(\n ([name, _value]) =>\n ({\n key: genId(),\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n } as PropertyValueType)\n )\n : [],\n [isDrilldownObject]\n );\n\n const [propertyList, setPropertyList] = useState<PropertyValueType[]>(initPropertyList);\n\n const mountRef = useRef(false);\n\n useEffect(() => {\n // If initRef is true, it means the component has been mounted\n if (mountRef.current) {\n // If the value is changed, update the property list\n setPropertyList((_list) => {\n const nameMap = new Map<string, PropertyValueType>();\n\n for (const _property of _list) {\n if (_property.name) {\n nameMap.set(_property.name, _property);\n }\n }\n return Object.entries(drilldown.schema?.properties || {}).map(([name, _value]) => {\n const _property = nameMap.get(name);\n if (_property) {\n return {\n key: _property.key,\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n };\n }\n return {\n key: genId(),\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n };\n });\n });\n }\n mountRef.current = true;\n }, [drilldown.schema]);\n\n const updatePropertyList = (updater: (list: PropertyValueType[]) => PropertyValueType[]) => {\n setPropertyList((_list) => {\n const next = updater(_list);\n\n // onChange to parent\n const nextProperties: Record<string, JsonSchema> = {};\n const nextRequired: string[] = [];\n\n for (const _property of next) {\n if (!_property.name) {\n continue;\n }\n\n nextProperties[_property.name] = _property;\n\n if (_property.isPropertyRequired) {\n nextRequired.push(_property.name);\n }\n }\n\n let drilldownSchema = value || {};\n if (drilldown.path) {\n drilldownSchema = drilldown.path.reduce((acc, key) => acc[key], value || {});\n }\n drilldownSchema.properties = nextProperties;\n drilldownSchema.required = nextRequired;\n\n onChange?.(value || {});\n\n return next;\n });\n };\n\n const onAddProperty = () => {\n updatePropertyList((_list) => [..._list, { key: genId(), name: '', type: 'string' }]);\n };\n\n const onRemoveProperty = (key: number) => {\n updatePropertyList((_list) => _list.filter((_property) => _property.key !== key));\n };\n\n const onEditProperty = (key: number, nextValue: PropertyValueType) => {\n updatePropertyList((_list) =>\n _list.map((_property) => (_property.key === key ? nextValue : _property))\n );\n };\n\n useEffect(() => {\n if (!isDrilldownObject) {\n setPropertyList([]);\n }\n }, [isDrilldownObject]);\n\n return {\n propertyList,\n isDrilldownObject,\n onAddProperty,\n onRemoveProperty,\n onEditProperty,\n };\n}\n"],"mappings":"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","names":["React","React","Icon","React","Icon","React","React","React","value","React","useMemo","useState","Button","React","Icon","useMemo","React","Button","useState","useMemo","value"]}
1
+ {"version":3,"sources":["../../src/components/variable-selector/index.tsx","../../src/components/variable-selector/use-variable-tree.tsx","../../src/components/type-selector/constants.tsx","../../src/components/type-selector/index.tsx","../../src/components/json-schema-editor/index.tsx","../../src/components/json-schema-editor/styles.tsx","../../src/components/json-schema-editor/hooks.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TreeSelect } from '@douyinfe/semi-ui';\n\nimport { useVariableTree } from './use-variable-tree';\n\nexport interface PropTypes {\n value?: string;\n config: {\n placeholder?: string;\n };\n onChange: (value?: string) => void;\n readonly?: boolean;\n hasError?: boolean;\n style?: React.CSSProperties;\n}\n\nexport const VariableSelector = ({\n value,\n config,\n onChange,\n style,\n readonly = false,\n hasError,\n}: PropTypes) => {\n const treeData = useVariableTree();\n\n return (\n <>\n <TreeSelect\n dropdownMatchSelectWidth={false}\n disabled={readonly}\n treeData={treeData}\n size=\"small\"\n value={value}\n style={{\n ...style,\n outline: hasError ? '1px solid red' : undefined,\n }}\n validateStatus={hasError ? 'error' : undefined}\n onChange={(option) => {\n onChange(option as string);\n }}\n showClear\n placeholder={config?.placeholder ?? 'Select Variable...'}\n />\n </>\n );\n};\n","import React, { useCallback } from 'react';\n\nimport { useScopeAvailable, ASTMatch, BaseVariableField } from '@flowgram.ai/editor';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Icon } from '@douyinfe/semi-ui';\n\nimport { ArrayIcons, VariableTypeIcons } from '../type-selector/constants';\n\ntype VariableField = BaseVariableField<{ icon?: string | JSX.Element; title?: string }>;\n\nexport function useVariableTree(): TreeNodeData[] {\n const available = useScopeAvailable();\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 _type = variable.type;\n\n if (ASTMatch.isArray(_type)) {\n return (\n <Icon\n size=\"small\"\n svg={ArrayIcons[_type.items?.kind.toLowerCase()] || VariableTypeIcons.array}\n />\n );\n }\n\n if (ASTMatch.isCustomType(_type)) {\n return <Icon size=\"small\" svg={VariableTypeIcons[_type.typeName.toLowerCase()]} />;\n }\n\n return <Icon size=\"small\" svg={VariableTypeIcons[variable.type?.kind.toLowerCase()]} />;\n }, []);\n\n const renderVariable = (\n variable: VariableField,\n parentFields: VariableField[] = []\n ): TreeNodeData | null => {\n let type = variable?.type;\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 if (!children?.length) {\n return null;\n }\n }\n\n const currPath = [...parentFields.map((_field) => _field.key), variable.key].join('.');\n\n return {\n key: currPath,\n label: variable.meta.title || variable.key,\n value: currPath,\n icon: getVariableTypeIcon(variable),\n children,\n };\n };\n\n return [...available.variables.slice(0).reverse()]\n .map((_variable) => renderVariable(_variable as VariableField))\n .filter(Boolean) as TreeNodeData[];\n}\n","import React from 'react';\n\nimport { CascaderData } from '@douyinfe/semi-ui/lib/es/cascader';\nimport Icon from '@douyinfe/semi-icons';\n\nimport { JsonSchema } from './types';\n\nexport const VariableTypeIcons: { [key: string]: React.ReactNode } = {\n custom: (\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n focusable=\"false\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.1 18L4.5032 20.1702C4.24999 21.0909 4.94281 22 5.89773 22C6.54881 22 7.11964 21.565 7.29227 20.9372L8.1 18H12.1L11.5032 20.1702C11.25 21.0909 11.9428 22 12.8977 22C13.5488 22 14.1196 21.565 14.2923 20.9372L15.1 18H19.5C20.3284 18 21 17.3284 21 16.5C21 15.6716 20.3284 15 19.5 15H15.925L17.575 9H20.5C21.3284 9 22 8.32843 22 7.5C22 6.67157 21.3284 6 20.5 6H18.4L18.9968 3.8298C19.25 2.90906 18.5572 2 17.6023 2C16.9512 2 16.3804 2.43504 16.2077 3.06281L15.4 6H11.4L11.9968 3.8298C12.25 2.90906 11.5572 2 10.6023 2C9.95119 2 9.38036 2.43504 9.20773 3.06281L8.4 6H4.5C3.67157 6 3 6.67157 3 7.5C3 8.32843 3.67157 9 4.5 9H7.575L5.925 15H3.5C2.67157 15 2 15.6716 2 16.5C2 17.3284 2.67157 18 3.5 18H5.1ZM8.925 15L10.575 9H14.575L12.925 15H8.925Z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n object: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.33893 1.5835C5.66613 1.5835 5.93137 1.88142 5.93137 2.20862C5.93137 2.53582 5.66613 2.76838 5.33893 2.76838H4.9099C4.34717 2.76838 4.08062 3.07557 4.08062 3.71921V6.58633C4.08062 7.30996 3.80723 7.84734 3.26798 8.19105C3.11426 8.28902 3.10884 8.55273 3.26068 8.65359C3.80476 9.01503 4.08062 9.53994 4.08062 10.2434V13.1251C4.08062 13.7395 4.34717 14.0613 4.9099 14.0613H5.33893C5.66613 14.0613 5.93137 14.3435 5.93137 14.6707C5.93137 14.9979 5.66613 15.2462 5.33893 15.2462H4.64335C3.99177 15.2462 3.48828 15.0268 3.13287 14.6172C2.80708 14.2369 2.64419 13.7103 2.64419 13.0666V10.3165C2.64419 9.8923 2.55534 9.58511 2.37764 9.39494C2.26816 9.27135 1.80618 9.17938 1.38154 9.11602C1.02726 9.06315 0.759057 8.76744 0.765747 8.4093C0.772379 8.0543 1.03439 7.7566 1.38545 7.70346C1.80778 7.63952 2.26906 7.54968 2.37764 7.43477C2.55534 7.22997 2.64419 6.92278 2.64419 6.51319V3.77772C2.64419 3.11945 2.80708 2.59284 3.13287 2.21251C3.48828 1.78829 3.99177 1.5835 4.64335 1.5835H5.33893Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.962 15.2463C10.6348 15.2463 10.3696 14.9483 10.3696 14.6211C10.3696 14.2939 10.6348 14.0614 10.962 14.0614H11.391C11.9538 14.0614 12.2203 13.7542 12.2203 13.1105V10.2434C12.2203 9.51979 12.4937 8.98241 13.033 8.6387C13.1867 8.54073 13.1921 8.27703 13.0403 8.17616C12.4962 7.81472 12.2203 7.28982 12.2203 6.58638V3.70463C12.2203 3.09024 11.9538 2.76842 11.391 2.76842L10.962 2.76842C10.6348 2.76842 10.3696 2.48627 10.3696 2.15907C10.3696 1.83188 10.6348 1.58354 10.962 1.58354L11.6576 1.58354C12.3092 1.58354 12.8127 1.80296 13.1681 2.21255C13.4939 2.59289 13.6568 3.1195 13.6568 3.76314V6.51324C13.6568 6.93745 13.7456 7.24464 13.9233 7.43481C14.03 7.5553 14.4328 7.64858 14.8186 7.71393C15.1718 7.77376 15.4401 8.06977 15.4334 8.42791C15.4268 8.78291 15.1646 9.08018 14.814 9.13633C14.4306 9.19774 14.0291 9.28303 13.9233 9.39499C13.7456 9.59978 13.6568 9.90697 13.6568 10.3166V13.052C13.6568 13.7103 13.4939 14.2369 13.1681 14.6172C12.8127 15.0415 12.3092 15.2463 11.6576 15.2463H10.962Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n boolean: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.668 4.66683H5.33463C3.49369 4.66683 2.0013 6.15921 2.0013 8.00016C2.0013 9.84111 3.49369 11.3335 5.33463 11.3335H10.668C12.5089 11.3335 14.0013 9.84111 14.0013 8.00016C14.0013 6.15921 12.5089 4.66683 10.668 4.66683ZM5.33463 3.3335C2.75731 3.3335 0.667969 5.42283 0.667969 8.00016C0.667969 10.5775 2.75731 12.6668 5.33463 12.6668H10.668C13.2453 12.6668 15.3346 10.5775 15.3346 8.00016C15.3346 5.42283 13.2453 3.3335 10.668 3.3335H5.33463Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.66797 8.00016C8.66797 6.89559 9.5634 6.00016 10.668 6.00016C11.7725 6.00016 12.668 6.89559 12.668 8.00016C12.668 9.10473 11.7725 10.0002 10.668 10.0002C9.5634 10.0002 8.66797 9.10473 8.66797 8.00016ZM10.668 7.3335C10.2998 7.3335 10.0013 7.63197 10.0013 8.00016C10.0013 8.36835 10.2998 8.66683 10.668 8.66683C11.0362 8.66683 11.3346 8.36835 11.3346 8.00016C11.3346 7.63197 11.0362 7.3335 10.668 7.3335Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n string: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.3342 3.33321C8.96601 3.33321 8.66753 3.63169 8.66753 3.99988C8.66753 4.36807 8.96601 4.66655 9.3342 4.66655H14.6675C15.0357 4.66655 15.3342 4.36807 15.3342 3.99988C15.3342 3.63169 15.0357 3.33321 14.6675 3.33321H9.3342Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.0009 7.99988C10.0009 7.63169 10.2993 7.33321 10.6675 7.33321H14.6675C15.0357 7.33321 15.3342 7.63169 15.3342 7.99988C15.3342 8.36807 15.0357 8.66655 14.6675 8.66655H10.6675C10.2993 8.66655 10.0009 8.36807 10.0009 7.99988Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.0009 11.3332C11.6327 11.3332 11.3342 11.6317 11.3342 11.9999C11.3342 12.3681 11.6327 12.6665 12.0009 12.6665H14.6675C15.0357 12.6665 15.3342 12.3681 15.3342 11.9999C15.3342 11.6317 15.0357 11.3332 14.6675 11.3332H12.0009Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M9.86659 14.1482L8.23444 10.1844H3.18136C3.13868 10.1844 3.09685 10.1808 3.05616 10.1738L1.66589 14.1129C1.53049 14.4965 1.10971 14.6978 0.726058 14.5624C0.342408 14.427 0.141166 14.0062 0.276572 13.6225L4.37566 2.00848C4.71323 1.05202 6.05321 1.01763 6.4394 1.95552L11.2289 13.5872C11.3838 13.9634 11.2044 14.394 10.8282 14.5489C10.452 14.7038 10.0215 14.5244 9.86659 14.1482ZM5.44412 3.40791L3.57241 8.71109H7.62778L5.44412 3.40791Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n integer: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.132 11.4601C15.644 11.0121 15.9 10.3921 15.9 9.60007C15.9 8.60807 15.5 7.93607 14.7 7.58407C15.412 7.23207 15.768 6.62407 15.768 5.76007C15.768 5.05607 15.536 4.48007 15.072 4.03207C14.608 3.59207 14.012 3.37207 13.284 3.37207C12.588 3.37207 12.008 3.58007 11.544 3.99607C11.064 4.42007 10.808 4.98807 10.776 5.70007H12C12.064 4.88407 12.492 4.47607 13.284 4.47607C14.124 4.47607 14.544 4.91607 14.544 5.79607C14.544 6.66007 14.112 7.09207 13.248 7.09207H13.044V8.16007H13.248C14.2 8.16007 14.676 8.62807 14.676 9.56407C14.676 10.5081 14.212 10.9801 13.284 10.9801C12.9 10.9801 12.584 10.8761 12.336 10.6681C12.064 10.4441 11.916 10.1161 11.892 9.68407H10.668C10.692 10.4761 10.964 11.0841 11.484 11.5081C11.948 11.8921 12.548 12.0841 13.284 12.0841C14.036 12.0841 14.652 11.8761 15.132 11.4601Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M4.46875 12.0003V10.9083L7.75675 6.91228C8.06075 6.54428 8.21275 6.16428 8.21275 5.77228C8.21275 4.90828 7.79675 4.47628 6.96475 4.47628C6.60475 4.47628 6.31275 4.57628 6.08875 4.77628C5.83275 5.00828 5.70475 5.34828 5.70475 5.79628H4.48075C4.48075 5.07628 4.71275 4.49228 5.17675 4.04428C5.64075 3.60428 6.23675 3.38428 6.96475 3.38428C7.70075 3.38428 8.29675 3.60028 8.75275 4.03228C9.20875 4.47228 9.43675 5.05628 9.43675 5.78428C9.43675 6.13628 9.36875 6.45628 9.23275 6.74428C9.12075 6.97628 8.92075 7.27228 8.63275 7.63228L5.95675 10.9083H9.43675V12.0003H4.46875Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M1.668 12.0001V4.78805L0 6.25205V4.89605L1.668 3.45605H2.892V12.0001H1.668Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n number: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.44151 5.3068C3.44151 3.83404 4.71542 2.64014 6.18818 2.64014C7.66094 2.64014 8.93484 3.83404 8.93484 5.3068V10.6135C8.93484 12.0862 7.66094 13.2801 6.18818 13.2801C4.71542 13.2801 3.44151 12.0862 3.44151 10.6135V5.3068ZM7.60151 5.3068C7.60151 4.57042 6.92456 3.97347 6.18818 3.97347C5.4518 3.97347 4.77484 4.57042 4.77484 5.3068V10.6135C4.77484 11.3498 5.4518 11.9468 6.18818 11.9468C6.92456 11.9468 7.60151 11.3498 7.60151 10.6135V5.3068Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.9882 2.64014C11.5154 2.64014 10.2415 3.83404 10.2415 5.3068V10.6135C10.2415 12.0862 11.5154 13.2801 12.9882 13.2801C14.4609 13.2801 15.7348 12.0862 15.7348 10.6135V5.3068C15.7348 3.83404 14.4609 2.64014 12.9882 2.64014ZM14.4015 10.6135C14.4015 11.3498 13.7246 11.9468 12.9882 11.9468C12.2518 11.9468 11.5748 11.3498 11.5748 10.6135V5.3068C11.5748 4.57042 12.2518 3.97347 12.9882 3.97347C13.7246 3.97347 14.4015 4.57042 14.4015 5.3068V10.6135Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M1.21484 13.2001C1.76713 13.2001 2.21484 12.7524 2.21484 12.2001C2.21484 11.6479 1.76713 11.2001 1.21484 11.2001C0.662559 11.2001 0.214844 11.6479 0.214844 12.2001C0.214844 12.7524 0.662559 13.2001 1.21484 13.2001Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n array: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.23759 1.00342H2.00391V14.997H5.23759V13.6251H3.35127V2.37534H5.23759V1.00342Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.7624 1.00342H13.9961V14.997H10.7624V13.6251H12.6487V2.37534H10.7624V1.00342Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n\n stream: (\n <svg\n viewBox=\"0 0 1024 1024\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n >\n <path\n d=\"M879.674 544.51l-158.254-0.221c-8.534 2.287-17.305-2.776-19.588-11.307l-23.862-75.877-74.742 350.891c0 0-1.523 18.507-11.518 18.507s-26.9 0.281-26.9 0.281c-8.259 2.213-16.748-2.687-18.961-10.949l-92.741-457.648-70.305 330.634c-2.261 8.291-11.94 15.206-20.385 12.986l-24.876 0.339c-8.723 2.293-17.685-2.789-20.023-11.349L270.629 544.51 143.993 544.51c-8.831 0-15.993-7.159-15.993-15.993l0-31.986c0-8.831 7.162-15.993 15.993-15.993l157.429-0.516c9.565-0.304 17.685 0.788 20.023 9.351l24.386 76.092 68.642-358.907c0 0 3.4-10.894 14.397-10.894 10.994 0 34.107-0.448 34.107-0.448 8.262-2.213 16.751 2.687 18.965 10.949l91.912 454.126 67.948-326.182c2.213-8.262 8.707-15.161 16.965-12.948l27.316-0.333c8.531-2.287 17.301 2.776 19.588 11.31l46.665 148.4 127.337 0c8.835 0 15.993 7.162 15.993 15.993l0 31.986C895.667 537.352 888.508 544.51 879.674 544.51z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n\n map: (\n <svg\n viewBox=\"0 0 1024 1024\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n >\n <path\n d=\"M877.860571 938.642286h-645.851428c-27.574857 0-54.052571-11.337143-73.508572-31.744a110.957714 110.957714 0 0 1-30.500571-76.8V193.828571c0-28.745143 10.971429-56.32 30.500571-76.726857a101.888 101.888 0 0 1 73.508572-31.817143h574.171428c27.501714 0 53.979429 11.337143 73.508572 31.744 19.529143 20.333714 30.500571 48.054857 30.500571 76.8v522.020572a34.157714 34.157714 0 0 1-6.948571 22.820571c-37.156571 19.382857-57.636571 39.350857-57.636572 72.630857 0 39.716571 19.894857 50.029714 57.636572 72.777143a34.816 34.816 0 0 1-8.045714 49.298286 32.256 32.256 0 0 1-17.334858 5.193143z m-32.256-254.537143V193.828571a40.228571 40.228571 0 0 0-39.497142-41.179428H232.009143a40.301714 40.301714 0 0 0-39.497143 41.252571V699.245714c17.773714-9.874286 37.449143-14.994286 57.417143-14.921143h595.675428v-0.073142z m-595.675428 187.245714h566.198857c-22.893714-11.190857-27.940571-39.497143-28.013714-59.977143 0-20.260571 3.218286-43.885714 28.013714-59.904h-566.125714c-31.670857 0-57.417143 26.843429-57.417143 59.977143 0 33.060571 25.746286 59.904 57.344 59.904z\"\n fill=\"currentColor\"\n ></path>\n <path\n d=\"M320 128m32.036571 0l-0.073142 0q32.036571 0 32.036571 32.036571l0 511.926858q0 32.036571-32.036571 32.036571l0.073142 0q-32.036571 0-32.036571-32.036571l0-511.926858q0-32.036571 32.036571-32.036571Z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n};\n\nexport const ArrayIcons: { [key: string]: React.ReactNode } = {\n object: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM3.82031 5.9091C3.82031 5.18535 4.40703 4.59863 5.13078 4.59863C5.85453 4.59863 6.44124 5.18535 6.44124 5.9091C6.44124 6.56485 5.9596 7.1081 5.33078 7.2044V8.70018H5.32877C5.32982 8.75093 5.33078 8.80912 5.33078 8.87034V9.72111C5.33078 10.0195 5.57268 10.2614 5.87109 10.2614H6.24124C6.55613 10.2614 6.8114 10.5167 6.8114 10.8316C6.8114 11.1465 6.55613 11.4017 6.24124 11.4017H5.87109C4.94291 11.4017 4.19047 10.6493 4.19047 9.72111V6.82186C3.96158 6.58607 3.82031 6.26397 3.82031 5.9091ZM7.33679 5.9091C7.33679 5.59421 7.59205 5.33894 7.90694 5.33894H11.6085C11.9234 5.33894 12.1786 5.59421 12.1786 5.9091C12.1786 6.22399 11.9234 6.47925 11.6085 6.47925H7.90694C7.59205 6.47925 7.33679 6.22399 7.33679 5.9091ZM7.33679 9.86846C7.33679 9.55357 7.59205 9.2983 7.90694 9.2983H11.6085C11.9234 9.2983 12.1786 9.55357 12.1786 9.86846C12.1786 10.1833 11.9234 10.4386 11.6085 10.4386H7.90694C7.59205 10.4386 7.33679 10.1833 7.33679 9.86846Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n boolean: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM2.75 7.99993C2.75 6.14518 4.25358 4.6416 6.10833 4.6416H9.775C11.6298 4.6416 13.1333 6.14518 13.1333 7.99993C13.1333 9.85469 11.6298 11.3583 9.775 11.3583H6.10833C4.25358 11.3583 2.75 9.85469 2.75 7.99993ZM6.10833 5.85827C4.92552 5.85827 3.96667 6.81713 3.96667 7.99993C3.96667 9.18274 4.92552 10.1416 6.10833 10.1416H9.775C10.9578 10.1416 11.9167 9.18274 11.9167 7.99993C11.9167 6.81713 10.9578 5.85827 9.775 5.85827H6.10833ZM8.25 7.99993C8.25 7.1577 8.93277 6.47493 9.775 6.47493C10.6172 6.47493 11.3 7.1577 11.3 7.99993C11.3 8.84217 10.6172 9.52493 9.775 9.52493C8.93277 9.52493 8.25 8.84217 8.25 7.99993ZM9.775 7.6916C9.60471 7.6916 9.46667 7.82965 9.46667 7.99993C9.46667 8.17022 9.60471 8.30827 9.775 8.30827C9.94529 8.30827 10.0833 8.17022 10.0833 7.99993C10.0833 7.82965 9.94529 7.6916 9.775 7.6916Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n string: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM5.23701 4.07158C5.50364 3.3161 6.56205 3.28894 6.86709 4.02974L10 11.6383C10.1329 11.9609 9.979 12.3302 9.65631 12.4631C9.33363 12.596 8.96434 12.4421 8.83147 12.1194L7.8021 9.61951H4.61903L3.7474 12.0891C3.63126 12.4182 3.27034 12.5908 2.94127 12.4747C2.6122 12.3585 2.43958 11.9976 2.55573 11.6685L5.23701 4.07158ZM6.08814 5.45704L5.06505 8.35579H7.28174L6.08814 5.45704ZM8.81938 6.07534C8.81938 5.75166 9.08177 5.48926 9.40545 5.48926H12.8941C13.2178 5.48926 13.4802 5.75166 13.4802 6.07534C13.4802 6.39902 13.2178 6.66142 12.8941 6.66142H9.40545C9.08177 6.66142 8.81938 6.39902 8.81938 6.07534ZM10.2668 9.69181C10.2668 9.36812 10.5292 9.10573 10.8529 9.10573H12.8941C13.2178 9.10573 13.4802 9.36812 13.4802 9.69181C13.4802 10.0155 13.2178 10.2779 12.8941 10.2779H10.8529C10.5292 10.2779 10.2668 10.0155 10.2668 9.69181Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n integer: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM10.3614 5.22374C10.7161 4.90585 11.1581 4.75 11.6762 4.75C12.2173 4.75 12.6723 4.91467 13.0281 5.25207L13.0291 5.253C13.3852 5.59688 13.561 6.03946 13.561 6.56767C13.561 6.89 13.4945 7.17448 13.3539 7.41445C13.2572 7.57972 13.1279 7.71948 12.9685 7.83428C13.1575 7.95643 13.3099 8.11182 13.4225 8.30109C13.5793 8.5644 13.6531 8.88311 13.6531 9.24936C13.6531 9.83787 13.4612 10.3151 13.0656 10.6612C12.6982 10.9795 12.2305 11.1341 11.6762 11.1341C11.1356 11.1341 10.6805 10.9925 10.324 10.6977C9.92124 10.3691 9.71723 9.90026 9.69942 9.31256L9.69473 9.15802H10.846L10.8539 9.2997C10.8689 9.5698 10.9591 9.75553 11.1096 9.87941L11.1106 9.88027C11.2519 9.99882 11.4365 10.0631 11.6762 10.0631C11.9765 10.0631 12.1743 9.98692 12.2984 9.86071C12.4229 9.73404 12.4984 9.53136 12.4984 9.22422C12.4984 8.92116 12.4215 8.72127 12.2939 8.59581C12.1658 8.46989 11.961 8.39373 11.6511 8.39373H11.3586V7.34788H11.6511C11.9297 7.34788 12.111 7.27834 12.2238 7.16555C12.3366 7.05276 12.4062 6.87138 12.4062 6.59281C12.4062 6.30696 12.3378 6.12041 12.2277 6.00501C12.1188 5.89092 11.9446 5.82098 11.6762 5.82098C11.4248 5.82098 11.2539 5.88537 11.1407 5.99325C11.0268 6.10185 10.9497 6.27522 10.9291 6.5375L10.9183 6.67577H9.76788L9.77492 6.51904C9.79886 5.98644 9.99237 5.54989 10.3614 5.22374ZM5.91032 5.26037C6.26612 4.92297 6.72112 4.7583 7.26219 4.7583C7.80751 4.7583 8.26297 4.91938 8.61401 5.25194L8.61501 5.25289C8.96719 5.59272 9.13852 6.04185 9.13852 6.58435C9.13852 6.84997 9.08709 7.09565 8.9817 7.31883L8.98114 7.31999C8.89563 7.49712 8.74775 7.71415 8.54418 7.96862L8.54322 7.96981L6.87446 10.0127H9.13852V11.0753H5.36909V10.1089L7.69946 7.27679C7.89456 7.04062 7.98374 6.80773 7.98374 6.57597C7.98374 6.29602 7.91626 6.11385 7.8078 6.00122C7.70036 5.88964 7.52811 5.8209 7.26219 5.8209C7.04017 5.8209 6.87439 5.88173 6.75075 5.99193C6.61227 6.11766 6.53226 6.30918 6.53226 6.59273V6.74273H5.37747V6.59273C5.37747 6.05443 5.55248 5.60586 5.90934 5.2613L5.91032 5.26037ZM3.50907 4.80865H4.56964V11.0754H3.41486V6.2201L2.25 7.24249V5.89561L3.50907 4.80865Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n number: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.6139 1.58154H0V14.4191H3.6139V13.1269H1.36702V2.87375H3.6139V1.58154ZM3.41656 13.3271V13.3269H1.17155V13.3271H3.41656ZM0.199219 14.2191H0.197344V1.78154H3.41656V1.78174H0.199219V14.2191ZM16 1.58154H12.3861V2.87375H14.633V13.1269H12.3861V14.4191H16V1.58154ZM12.5834 1.78154V2.67375H12.5853V1.78174H15.8027V1.78154H12.5834ZM12.5853 14.2191V13.3271H14.8322V2.67394H14.8303V13.3269H12.5834V14.2191H12.5853ZM6.86771 4.5C5.87019 4.5 5.00104 5.30767 5.00104 6.31667V9.63333C5.00104 10.6423 5.87019 11.45 6.86771 11.45C7.86523 11.45 8.73438 10.6423 8.73438 9.63333V6.31667C8.73438 5.30767 7.86523 4.5 6.86771 4.5ZM11.1177 4.5C10.1202 4.5 9.25104 5.30767 9.25104 6.31667V9.63333C9.25104 10.6423 10.1202 11.45 11.1177 11.45C12.1152 11.45 12.9844 10.6423 12.9844 9.63333V6.31667C12.9844 5.30767 12.1152 4.5 11.1177 4.5ZM6.13438 6.31667C6.13438 5.9503 6.47884 5.63333 6.86771 5.63333C7.25657 5.63333 7.60104 5.9503 7.60104 6.31667V9.63333C7.60104 9.9997 7.25657 10.3167 6.86771 10.3167C6.47884 10.3167 6.13438 9.9997 6.13438 9.63333V6.31667ZM10.3844 6.31667C10.3844 5.9503 10.7288 5.63333 11.1177 5.63333C11.5066 5.63333 11.851 5.9503 11.851 6.31667V9.63333C11.851 9.9997 11.5066 10.3167 11.1177 10.3167C10.7288 10.3167 10.3844 9.9997 10.3844 9.63333V6.31667ZM3.75938 9.85C3.33135 9.85 2.98438 10.197 2.98438 10.625C2.98438 11.053 3.33135 11.4 3.75938 11.4C4.1874 11.4 4.53438 11.053 4.53438 10.625C4.53438 10.197 4.1874 9.85 3.75938 9.85Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n};\n\nexport const getSchemaIcon = (value?: Partial<JsonSchema>) => {\n if (value?.type === 'array') {\n return ArrayIcons[value.items?.type || 'object'];\n }\n\n return VariableTypeIcons[value?.type || 'object'];\n};\n\nconst labelStyle: React.CSSProperties = { display: 'flex', alignItems: 'center', gap: 5 };\n\nconst firstUppercase = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst baseOptions: CascaderData[] = [\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'string' })} />\n {firstUppercase('string')}\n </div>\n ),\n value: 'string',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'integer' })} />\n {firstUppercase('integer')}\n </div>\n ),\n value: 'integer',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'number' })} />\n {firstUppercase('number')}\n </div>\n ),\n value: 'number',\n },\n\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'boolean' })} />\n {firstUppercase('boolean')}\n </div>\n ),\n value: 'boolean',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'object' })} />\n {firstUppercase('object')}\n </div>\n ),\n value: 'object',\n },\n];\n\nexport const options: CascaderData[] = [\n ...baseOptions,\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'array' })} />\n {firstUppercase('array')}\n </div>\n ),\n value: 'array',\n children: baseOptions.map((_opt) => ({\n ..._opt,\n value: `${_opt.value}`,\n label: (\n <div style={labelStyle}>\n <Icon\n size=\"small\"\n svg={getSchemaIcon({ type: 'array', items: { type: _opt.value as string } })}\n />\n {firstUppercase(_opt.value as string)}\n </div>\n ),\n })),\n },\n];\n","import React, { useMemo } from 'react';\n\nimport { Button, Cascader } from '@douyinfe/semi-ui';\n\nimport { JsonSchema } from './types';\nimport { ArrayIcons, VariableTypeIcons, getSchemaIcon, options } from './constants';\n\ninterface PropTypes {\n value?: Partial<JsonSchema>;\n onChange: (value?: Partial<JsonSchema>) => void;\n}\n\nexport const getTypeSelectValue = (value?: Partial<JsonSchema>): string[] | undefined => {\n if (value?.type === 'array' && value?.items) {\n return [value.type, ...(getTypeSelectValue(value.items) || [])];\n }\n\n return value?.type ? [value.type] : undefined;\n};\n\nexport const parseTypeSelectValue = (value?: string[]): Partial<JsonSchema> | undefined => {\n const [type, ...subTypes] = value || [];\n\n if (type === 'array') {\n return { type: 'array', items: parseTypeSelectValue(subTypes) };\n }\n\n return { type };\n};\n\nexport function TypeSelector(props: PropTypes) {\n const { value, onChange } = props;\n\n const selectValue = useMemo(() => getTypeSelectValue(value), [value]);\n\n return (\n <Cascader\n size=\"small\"\n triggerRender={() => (\n <Button size=\"small\" style={{ width: 50 }}>\n {getSchemaIcon(value)}\n </Button>\n )}\n treeData={options}\n value={selectValue}\n leafOnly={true}\n onChange={(value) => {\n onChange(parseTypeSelectValue(value as string[]));\n }}\n />\n );\n}\n\nexport { JsonSchema, VariableTypeIcons, ArrayIcons, getSchemaIcon };\n","import React, { useMemo, useState } from 'react';\n\nimport { Button, Checkbox, IconButton, Input } from '@douyinfe/semi-ui';\nimport {\n IconExpand,\n IconShrink,\n IconPlus,\n IconChevronDown,\n IconChevronRight,\n IconMinus,\n} from '@douyinfe/semi-icons';\n\nimport { JsonSchema } from '../type-selector/types';\nimport { TypeSelector } from '../type-selector';\nimport { ConfigType, PropertyValueType } from './types';\nimport {\n IconAddChildren,\n UIActions,\n UICollapseTrigger,\n UICollapsible,\n UIContainer,\n UIExpandDetail,\n UILabel,\n UIProperties,\n UIPropertyLeft,\n UIPropertyMain,\n UIPropertyRight,\n UIRequired,\n UIType,\n} from './styles';\nimport { UIName } from './styles';\nimport { UIRow } from './styles';\nimport { usePropertiesEdit } from './hooks';\n\nexport function JsonSchemaEditor(props: {\n value?: JsonSchema;\n onChange?: (value: JsonSchema) => void;\n config?: ConfigType;\n}) {\n const { value = { type: 'object' }, config = {}, onChange: onChangeProps } = props;\n const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(\n value,\n onChangeProps\n );\n\n return (\n <UIContainer>\n <UIProperties>\n {propertyList.map((_property) => (\n <PropertyEdit\n key={_property.key}\n value={_property}\n config={config}\n onChange={(_v) => {\n onEditProperty(_property.key!, _v);\n }}\n onRemove={() => {\n onRemoveProperty(_property.key!);\n }}\n />\n ))}\n </UIProperties>\n <Button size=\"small\" style={{ marginTop: 10 }} icon={<IconPlus />} onClick={onAddProperty}>\n {config?.addButtonText ?? 'Add'}\n </Button>\n </UIContainer>\n );\n}\n\nfunction PropertyEdit(props: {\n value?: PropertyValueType;\n config?: ConfigType;\n onChange?: (value: PropertyValueType) => void;\n onRemove?: () => void;\n $isLast?: boolean;\n $showLine?: boolean;\n}) {\n const { value, config, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;\n\n const [expand, setExpand] = useState(false);\n const [collapse, setCollapse] = useState(false);\n\n const { name, type, items, description, isPropertyRequired } = value || {};\n\n const typeSelectorValue = useMemo(() => ({ type, items }), [type, items]);\n\n const { propertyList, isDrilldownObject, onAddProperty, onRemoveProperty, onEditProperty } =\n usePropertiesEdit(value, onChangeProps);\n\n const onChange = (key: string, _value: any) => {\n onChangeProps?.({\n ...(value || {}),\n [key]: _value,\n });\n };\n\n const showCollapse = isDrilldownObject && propertyList.length > 0;\n\n return (\n <>\n <UIPropertyLeft $isLast={$isLast} $showLine={$showLine}>\n {showCollapse && (\n <UICollapseTrigger onClick={() => setCollapse((_collapse) => !_collapse)}>\n {collapse ? <IconChevronDown size=\"small\" /> : <IconChevronRight size=\"small\" />}\n </UICollapseTrigger>\n )}\n </UIPropertyLeft>\n <UIPropertyRight>\n <UIPropertyMain $expand={expand}>\n <UIRow>\n <UIName>\n <Input\n placeholder={config?.placeholder ?? 'Input Variable Name'}\n size=\"small\"\n value={name}\n onChange={(value) => onChange('name', value)}\n />\n </UIName>\n <UIType>\n <TypeSelector\n value={typeSelectorValue}\n onChange={(_value) => {\n onChangeProps?.({\n ...(value || {}),\n ..._value,\n });\n }}\n />\n </UIType>\n <UIRequired>\n <Checkbox\n checked={isPropertyRequired}\n onChange={(e) => onChange('isPropertyRequired', e.target.checked)}\n />\n </UIRequired>\n <UIActions>\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={expand ? <IconShrink size=\"small\" /> : <IconExpand size=\"small\" />}\n onClick={() => setExpand((_expand) => !_expand)}\n />\n {isDrilldownObject && (\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={<IconAddChildren />}\n onClick={() => {\n onAddProperty();\n setCollapse(true);\n }}\n />\n )}\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={<IconMinus size=\"small\" />}\n onClick={onRemove}\n />\n </UIActions>\n </UIRow>\n {expand && (\n <UIExpandDetail>\n <UILabel>{config?.descTitle ?? 'Description'}</UILabel>\n <Input\n size=\"small\"\n value={description}\n onChange={(value) => onChange('description', value)}\n placeholder={config?.descPlaceholder ?? 'Help LLM to understand the property'}\n />\n </UIExpandDetail>\n )}\n </UIPropertyMain>\n {showCollapse && (\n <UICollapsible $collapse={collapse}>\n <UIProperties $shrink={true}>\n {propertyList.map((_property, index) => (\n <PropertyEdit\n key={_property.key}\n value={_property}\n config={config}\n onChange={(_v) => {\n onEditProperty(_property.key!, _v);\n }}\n onRemove={() => {\n onRemoveProperty(_property.key!);\n }}\n $isLast={index === propertyList.length - 1}\n $showLine={true}\n />\n ))}\n </UIProperties>\n </UICollapsible>\n )}\n </UIPropertyRight>\n </>\n );\n}\n","import React from 'react';\n\nimport styled, { css } from 'styled-components';\nimport Icon from '@douyinfe/semi-icons';\n\nexport const UIContainer = styled.div`\n /* & .semi-input {\n background-color: #fff;\n border-radius: 6px;\n height: 24px;\n } */\n`;\n\nexport const UIRow = styled.div`\n display: flex;\n align-items: center;\n gap: 6px;\n`;\n\nexport const UICollapseTrigger = styled.div`\n cursor: pointer;\n margin-right: 5px;\n`;\n\nexport const UIExpandDetail = styled.div`\n display: flex;\n flex-direction: column;\n`;\n\nexport const UILabel = styled.div`\n font-size: 12px;\n color: #999;\n font-weight: 400;\n margin-bottom: 2px;\n`;\n\nexport const UIProperties = styled.div<{ $shrink?: boolean }>`\n display: grid;\n grid-template-columns: auto 1fr;\n\n ${({ $shrink }) =>\n $shrink &&\n css`\n padding-left: 10px;\n margin-top: 10px;\n `}\n`;\n\nexport const UIPropertyLeft = styled.div<{ $isLast?: boolean; $showLine?: boolean }>`\n grid-column: 1;\n position: relative;\n\n ${({ $showLine, $isLast }) =>\n $showLine &&\n css`\n &::before {\n /* 竖线 */\n content: '';\n position: absolute;\n left: -22px;\n top: -18px;\n bottom: ${$isLast ? '12px' : '0px'};\n width: 1px;\n background: #d9d9d9;\n display: block;\n }\n\n &::after {\n /* 横线 */\n content: '';\n position: absolute;\n left: -22px; // 横线起点和竖线对齐\n top: 12px; // 跟随你的行高调整\n width: 22px; // 横线长度\n height: 1px;\n background: #d9d9d9;\n display: block;\n }\n `}\n`;\n\nexport const UIPropertyRight = styled.div`\n grid-column: 2;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0px;\n }\n`;\n\nexport const UIPropertyMain = styled.div<{ $expand?: boolean }>`\n display: flex;\n flex-direction: column;\n gap: 10px;\n\n ${({ $expand }) =>\n $expand &&\n css`\n background-color: #f5f5f5;\n padding: 10px;\n border-radius: 4px;\n `}\n`;\n\nexport const UICollapsible = styled.div<{ $collapse?: boolean }>`\n display: none;\n\n ${({ $collapse }) =>\n $collapse &&\n css`\n display: block;\n `}\n`;\n\nexport const UIName = styled.div`\n flex-grow: 1;\n`;\n\nexport const UIType = styled.div``;\n\nexport const UIRequired = styled.div``;\n\nexport const UIActions = styled.div`\n white-space: nowrap;\n`;\n\nconst iconAddChildrenSvg = (\n <svg\n className=\"icon-icon icon-icon-coz_add_node \"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z\"\n ></path>\n <path d=\"M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z\"></path>\n </svg>\n);\n\nexport const IconAddChildren = () => <Icon size=\"small\" svg={iconAddChildrenSvg} />;\n","import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { PropertyValueType } from './types';\nimport { JsonSchema } from '../type-selector';\n\nlet _id = 0;\nfunction genId() {\n return _id++;\n}\n\nfunction getDrilldownSchema(\n value?: PropertyValueType,\n path?: (keyof PropertyValueType)[]\n): { schema?: PropertyValueType | null; path?: (keyof PropertyValueType)[] } {\n if (!value) {\n return {};\n }\n\n if (value.type === 'array' && value.items) {\n return getDrilldownSchema(value.items, [...(path || []), 'items']);\n }\n\n return { schema: value, path };\n}\n\nexport function usePropertiesEdit(\n value?: PropertyValueType,\n onChange?: (value: PropertyValueType) => void\n) {\n // Get drilldown (array.items.items...)\n const drilldown = useMemo(() => getDrilldownSchema(value), [value, value?.type, value?.items]);\n\n const isDrilldownObject = drilldown.schema?.type === 'object';\n\n // Generate Init Property List\n const initPropertyList = useMemo(\n () =>\n isDrilldownObject\n ? Object.entries(drilldown.schema?.properties || {}).map(\n ([name, _value]) =>\n ({\n key: genId(),\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n } as PropertyValueType)\n )\n : [],\n [isDrilldownObject]\n );\n\n const [propertyList, setPropertyList] = useState<PropertyValueType[]>(initPropertyList);\n\n const mountRef = useRef(false);\n\n useEffect(() => {\n // If initRef is true, it means the component has been mounted\n if (mountRef.current) {\n // If the value is changed, update the property list\n setPropertyList((_list) => {\n const nameMap = new Map<string, PropertyValueType>();\n\n for (const _property of _list) {\n if (_property.name) {\n nameMap.set(_property.name, _property);\n }\n }\n return Object.entries(drilldown.schema?.properties || {}).map(([name, _value]) => {\n const _property = nameMap.get(name);\n if (_property) {\n return {\n key: _property.key,\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n };\n }\n return {\n key: genId(),\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n };\n });\n });\n }\n mountRef.current = true;\n }, [drilldown.schema]);\n\n const updatePropertyList = (updater: (list: PropertyValueType[]) => PropertyValueType[]) => {\n setPropertyList((_list) => {\n const next = updater(_list);\n\n // onChange to parent\n const nextProperties: Record<string, JsonSchema> = {};\n const nextRequired: string[] = [];\n\n for (const _property of next) {\n if (!_property.name) {\n continue;\n }\n\n nextProperties[_property.name] = _property;\n\n if (_property.isPropertyRequired) {\n nextRequired.push(_property.name);\n }\n }\n\n let drilldownSchema = value || {};\n if (drilldown.path) {\n drilldownSchema = drilldown.path.reduce((acc, key) => acc[key], value || {});\n }\n drilldownSchema.properties = nextProperties;\n drilldownSchema.required = nextRequired;\n\n onChange?.(value || {});\n\n return next;\n });\n };\n\n const onAddProperty = () => {\n updatePropertyList((_list) => [..._list, { key: genId(), name: '', type: 'string' }]);\n };\n\n const onRemoveProperty = (key: number) => {\n updatePropertyList((_list) => _list.filter((_property) => _property.key !== key));\n };\n\n const onEditProperty = (key: number, nextValue: PropertyValueType) => {\n updatePropertyList((_list) =>\n _list.map((_property) => (_property.key === key ? nextValue : _property))\n );\n };\n\n useEffect(() => {\n if (!isDrilldownObject) {\n setPropertyList([]);\n }\n }, [isDrilldownObject]);\n\n return {\n propertyList,\n isDrilldownObject,\n onAddProperty,\n onRemoveProperty,\n onEditProperty,\n };\n}\n"],"mappings":"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","names":["React","React","Icon","React","Icon","React","React","React","value","React","useMemo","useState","Button","React","Icon","useMemo","React","Button","useState","useMemo","value"]}
package/dist/index.d.mts CHANGED
@@ -2,12 +2,15 @@ import React from 'react';
2
2
 
3
3
  interface PropTypes$1 {
4
4
  value?: string;
5
+ config: {
6
+ placeholder?: string;
7
+ };
5
8
  onChange: (value?: string) => void;
6
9
  readonly?: boolean;
7
10
  hasError?: boolean;
8
11
  style?: React.CSSProperties;
9
12
  }
10
- declare const VariableSelector: ({ value, onChange, style, readonly, hasError, }: PropTypes$1) => React.JSX.Element;
13
+ declare const VariableSelector: ({ value, config, onChange, style, readonly, hasError, }: PropTypes$1) => React.JSX.Element;
11
14
 
12
15
  interface JsonSchema<T = string> {
13
16
  type?: T;
@@ -40,9 +43,17 @@ interface PropTypes {
40
43
  }
41
44
  declare function TypeSelector(props: PropTypes): React.JSX.Element;
42
45
 
46
+ interface ConfigType {
47
+ placeholder?: string;
48
+ descTitle?: string;
49
+ descPlaceholder?: string;
50
+ addButtonText?: string;
51
+ }
52
+
43
53
  declare function JsonSchemaEditor(props: {
44
54
  value?: JsonSchema;
45
55
  onChange?: (value: JsonSchema) => void;
56
+ config?: ConfigType;
46
57
  }): React.JSX.Element;
47
58
 
48
59
  export { ArrayIcons, type JsonSchema, JsonSchemaEditor, TypeSelector, VariableSelector, VariableTypeIcons };
package/dist/index.d.ts CHANGED
@@ -2,12 +2,15 @@ import React from 'react';
2
2
 
3
3
  interface PropTypes$1 {
4
4
  value?: string;
5
+ config: {
6
+ placeholder?: string;
7
+ };
5
8
  onChange: (value?: string) => void;
6
9
  readonly?: boolean;
7
10
  hasError?: boolean;
8
11
  style?: React.CSSProperties;
9
12
  }
10
- declare const VariableSelector: ({ value, onChange, style, readonly, hasError, }: PropTypes$1) => React.JSX.Element;
13
+ declare const VariableSelector: ({ value, config, onChange, style, readonly, hasError, }: PropTypes$1) => React.JSX.Element;
11
14
 
12
15
  interface JsonSchema<T = string> {
13
16
  type?: T;
@@ -40,9 +43,17 @@ interface PropTypes {
40
43
  }
41
44
  declare function TypeSelector(props: PropTypes): React.JSX.Element;
42
45
 
46
+ interface ConfigType {
47
+ placeholder?: string;
48
+ descTitle?: string;
49
+ descPlaceholder?: string;
50
+ addButtonText?: string;
51
+ }
52
+
43
53
  declare function JsonSchemaEditor(props: {
44
54
  value?: JsonSchema;
45
55
  onChange?: (value: JsonSchema) => void;
56
+ config?: ConfigType;
46
57
  }): React.JSX.Element;
47
58
 
48
59
  export { ArrayIcons, type JsonSchema, JsonSchemaEditor, TypeSelector, VariableSelector, VariableTypeIcons };
package/dist/index.js CHANGED
@@ -485,6 +485,7 @@ function useVariableTree() {
485
485
  // src/components/variable-selector/index.tsx
486
486
  var VariableSelector = ({
487
487
  value,
488
+ config,
488
489
  onChange,
489
490
  style,
490
491
  readonly = false,
@@ -508,7 +509,7 @@ var VariableSelector = ({
508
509
  onChange(option);
509
510
  },
510
511
  showClear: true,
511
- placeholder: "Select Variable..."
512
+ placeholder: config?.placeholder ?? "Select Variable..."
512
513
  }
513
514
  ));
514
515
  };
@@ -789,7 +790,7 @@ function usePropertiesEdit(value, onChange) {
789
790
 
790
791
  // src/components/json-schema-editor/index.tsx
791
792
  function JsonSchemaEditor(props) {
792
- const { value = { type: "object" }, onChange: onChangeProps } = props;
793
+ const { value = { type: "object" }, config = {}, onChange: onChangeProps } = props;
793
794
  const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(
794
795
  value,
795
796
  onChangeProps
@@ -799,6 +800,7 @@ function JsonSchemaEditor(props) {
799
800
  {
800
801
  key: _property.key,
801
802
  value: _property,
803
+ config,
802
804
  onChange: (_v) => {
803
805
  onEditProperty(_property.key, _v);
804
806
  },
@@ -806,10 +808,10 @@ function JsonSchemaEditor(props) {
806
808
  onRemoveProperty(_property.key);
807
809
  }
808
810
  }
809
- ))), /* @__PURE__ */ import_react7.default.createElement(import_semi_ui4.Button, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ import_react7.default.createElement(import_semi_icons3.IconPlus, null), onClick: onAddProperty }, "Add"));
811
+ ))), /* @__PURE__ */ import_react7.default.createElement(import_semi_ui4.Button, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ import_react7.default.createElement(import_semi_icons3.IconPlus, null), onClick: onAddProperty }, config?.addButtonText ?? "Add"));
810
812
  }
811
813
  function PropertyEdit(props) {
812
- const { value, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;
814
+ const { value, config, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;
813
815
  const [expand, setExpand] = (0, import_react7.useState)(false);
814
816
  const [collapse, setCollapse] = (0, import_react7.useState)(false);
815
817
  const { name, type, items, description, isPropertyRequired } = value || {};
@@ -825,7 +827,7 @@ function PropertyEdit(props) {
825
827
  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(UIPropertyLeft, { $isLast, $showLine }, showCollapse && /* @__PURE__ */ import_react7.default.createElement(UICollapseTrigger, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ import_react7.default.createElement(import_semi_icons3.IconChevronDown, { size: "small" }) : /* @__PURE__ */ import_react7.default.createElement(import_semi_icons3.IconChevronRight, { size: "small" }))), /* @__PURE__ */ import_react7.default.createElement(UIPropertyRight, null, /* @__PURE__ */ import_react7.default.createElement(UIPropertyMain, { $expand: expand }, /* @__PURE__ */ import_react7.default.createElement(UIRow, null, /* @__PURE__ */ import_react7.default.createElement(UIName, null, /* @__PURE__ */ import_react7.default.createElement(
826
828
  import_semi_ui4.Input,
827
829
  {
828
- placeholder: "Input Variable Name",
830
+ placeholder: config?.placeholder ?? "Input Variable Name",
829
831
  size: "small",
830
832
  value: name,
831
833
  onChange: (value2) => onChange("name", value2)
@@ -874,19 +876,20 @@ function PropertyEdit(props) {
874
876
  icon: /* @__PURE__ */ import_react7.default.createElement(import_semi_icons3.IconMinus, { size: "small" }),
875
877
  onClick: onRemove
876
878
  }
877
- ))), expand && /* @__PURE__ */ import_react7.default.createElement(UIExpandDetail, null, /* @__PURE__ */ import_react7.default.createElement(UILabel, null, "Description"), /* @__PURE__ */ import_react7.default.createElement(
879
+ ))), expand && /* @__PURE__ */ import_react7.default.createElement(UIExpandDetail, null, /* @__PURE__ */ import_react7.default.createElement(UILabel, null, config?.descTitle ?? "Description"), /* @__PURE__ */ import_react7.default.createElement(
878
880
  import_semi_ui4.Input,
879
881
  {
880
882
  size: "small",
881
883
  value: description,
882
884
  onChange: (value2) => onChange("description", value2),
883
- placeholder: "Help LLM to understand the property"
885
+ placeholder: config?.descPlaceholder ?? "Help LLM to understand the property"
884
886
  }
885
887
  ))), showCollapse && /* @__PURE__ */ import_react7.default.createElement(UICollapsible, { $collapse: collapse }, /* @__PURE__ */ import_react7.default.createElement(UIProperties, { $shrink: true }, propertyList.map((_property, index) => /* @__PURE__ */ import_react7.default.createElement(
886
888
  PropertyEdit,
887
889
  {
888
890
  key: _property.key,
889
891
  value: _property,
892
+ config,
890
893
  onChange: (_v) => {
891
894
  onEditProperty(_property.key, _v);
892
895
  },
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/variable-selector/index.tsx","../src/components/variable-selector/use-variable-tree.tsx","../src/components/type-selector/constants.tsx","../src/components/type-selector/index.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/styles.tsx","../src/components/json-schema-editor/hooks.tsx"],"sourcesContent":["export * from './components';\n","import React from 'react';\n\nimport { TreeSelect } from '@douyinfe/semi-ui';\n\nimport { useVariableTree } from './use-variable-tree';\n\nexport interface PropTypes {\n value?: string;\n onChange: (value?: string) => void;\n readonly?: boolean;\n hasError?: boolean;\n style?: React.CSSProperties;\n}\n\nexport const VariableSelector = ({\n value,\n onChange,\n style,\n readonly = false,\n hasError,\n}: PropTypes) => {\n const treeData = useVariableTree();\n\n return (\n <>\n <TreeSelect\n dropdownMatchSelectWidth={false}\n disabled={readonly}\n treeData={treeData}\n size=\"small\"\n value={value}\n style={{\n ...style,\n outline: hasError ? '1px solid red' : undefined,\n }}\n validateStatus={hasError ? 'error' : undefined}\n onChange={(option) => {\n onChange(option as string);\n }}\n showClear\n placeholder=\"Select Variable...\"\n />\n </>\n );\n};\n","import React, { useCallback } from 'react';\n\nimport { useScopeAvailable, ASTMatch, BaseVariableField } from '@flowgram.ai/editor';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Icon } from '@douyinfe/semi-ui';\n\nimport { ArrayIcons, VariableTypeIcons } from '../type-selector/constants';\n\ntype VariableField = BaseVariableField<{ icon?: string | JSX.Element; title?: string }>;\n\nexport function useVariableTree(): TreeNodeData[] {\n const available = useScopeAvailable();\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 _type = variable.type;\n\n if (ASTMatch.isArray(_type)) {\n return (\n <Icon\n size=\"small\"\n svg={ArrayIcons[_type.items?.kind.toLowerCase()] || VariableTypeIcons.array}\n />\n );\n }\n\n if (ASTMatch.isCustomType(_type)) {\n return <Icon size=\"small\" svg={VariableTypeIcons[_type.typeName.toLowerCase()]} />;\n }\n\n return <Icon size=\"small\" svg={VariableTypeIcons[variable.type?.kind.toLowerCase()]} />;\n }, []);\n\n const renderVariable = (\n variable: VariableField,\n parentFields: VariableField[] = []\n ): TreeNodeData | null => {\n let type = variable?.type;\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 if (!children?.length) {\n return null;\n }\n }\n\n const currPath = [...parentFields.map((_field) => _field.key), variable.key].join('.');\n\n return {\n key: currPath,\n label: variable.meta.title || variable.key,\n value: currPath,\n icon: getVariableTypeIcon(variable),\n children,\n };\n };\n\n return [...available.variables.slice(0).reverse()]\n .map((_variable) => renderVariable(_variable as VariableField))\n .filter(Boolean) as TreeNodeData[];\n}\n","import React from 'react';\n\nimport { CascaderData } from '@douyinfe/semi-ui/lib/es/cascader';\nimport Icon from '@douyinfe/semi-icons';\n\nimport { JsonSchema } from './types';\n\nexport const VariableTypeIcons: { [key: string]: React.ReactNode } = {\n custom: (\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n focusable=\"false\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.1 18L4.5032 20.1702C4.24999 21.0909 4.94281 22 5.89773 22C6.54881 22 7.11964 21.565 7.29227 20.9372L8.1 18H12.1L11.5032 20.1702C11.25 21.0909 11.9428 22 12.8977 22C13.5488 22 14.1196 21.565 14.2923 20.9372L15.1 18H19.5C20.3284 18 21 17.3284 21 16.5C21 15.6716 20.3284 15 19.5 15H15.925L17.575 9H20.5C21.3284 9 22 8.32843 22 7.5C22 6.67157 21.3284 6 20.5 6H18.4L18.9968 3.8298C19.25 2.90906 18.5572 2 17.6023 2C16.9512 2 16.3804 2.43504 16.2077 3.06281L15.4 6H11.4L11.9968 3.8298C12.25 2.90906 11.5572 2 10.6023 2C9.95119 2 9.38036 2.43504 9.20773 3.06281L8.4 6H4.5C3.67157 6 3 6.67157 3 7.5C3 8.32843 3.67157 9 4.5 9H7.575L5.925 15H3.5C2.67157 15 2 15.6716 2 16.5C2 17.3284 2.67157 18 3.5 18H5.1ZM8.925 15L10.575 9H14.575L12.925 15H8.925Z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n object: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.33893 1.5835C5.66613 1.5835 5.93137 1.88142 5.93137 2.20862C5.93137 2.53582 5.66613 2.76838 5.33893 2.76838H4.9099C4.34717 2.76838 4.08062 3.07557 4.08062 3.71921V6.58633C4.08062 7.30996 3.80723 7.84734 3.26798 8.19105C3.11426 8.28902 3.10884 8.55273 3.26068 8.65359C3.80476 9.01503 4.08062 9.53994 4.08062 10.2434V13.1251C4.08062 13.7395 4.34717 14.0613 4.9099 14.0613H5.33893C5.66613 14.0613 5.93137 14.3435 5.93137 14.6707C5.93137 14.9979 5.66613 15.2462 5.33893 15.2462H4.64335C3.99177 15.2462 3.48828 15.0268 3.13287 14.6172C2.80708 14.2369 2.64419 13.7103 2.64419 13.0666V10.3165C2.64419 9.8923 2.55534 9.58511 2.37764 9.39494C2.26816 9.27135 1.80618 9.17938 1.38154 9.11602C1.02726 9.06315 0.759057 8.76744 0.765747 8.4093C0.772379 8.0543 1.03439 7.7566 1.38545 7.70346C1.80778 7.63952 2.26906 7.54968 2.37764 7.43477C2.55534 7.22997 2.64419 6.92278 2.64419 6.51319V3.77772C2.64419 3.11945 2.80708 2.59284 3.13287 2.21251C3.48828 1.78829 3.99177 1.5835 4.64335 1.5835H5.33893Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.962 15.2463C10.6348 15.2463 10.3696 14.9483 10.3696 14.6211C10.3696 14.2939 10.6348 14.0614 10.962 14.0614H11.391C11.9538 14.0614 12.2203 13.7542 12.2203 13.1105V10.2434C12.2203 9.51979 12.4937 8.98241 13.033 8.6387C13.1867 8.54073 13.1921 8.27703 13.0403 8.17616C12.4962 7.81472 12.2203 7.28982 12.2203 6.58638V3.70463C12.2203 3.09024 11.9538 2.76842 11.391 2.76842L10.962 2.76842C10.6348 2.76842 10.3696 2.48627 10.3696 2.15907C10.3696 1.83188 10.6348 1.58354 10.962 1.58354L11.6576 1.58354C12.3092 1.58354 12.8127 1.80296 13.1681 2.21255C13.4939 2.59289 13.6568 3.1195 13.6568 3.76314V6.51324C13.6568 6.93745 13.7456 7.24464 13.9233 7.43481C14.03 7.5553 14.4328 7.64858 14.8186 7.71393C15.1718 7.77376 15.4401 8.06977 15.4334 8.42791C15.4268 8.78291 15.1646 9.08018 14.814 9.13633C14.4306 9.19774 14.0291 9.28303 13.9233 9.39499C13.7456 9.59978 13.6568 9.90697 13.6568 10.3166V13.052C13.6568 13.7103 13.4939 14.2369 13.1681 14.6172C12.8127 15.0415 12.3092 15.2463 11.6576 15.2463H10.962Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n boolean: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.668 4.66683H5.33463C3.49369 4.66683 2.0013 6.15921 2.0013 8.00016C2.0013 9.84111 3.49369 11.3335 5.33463 11.3335H10.668C12.5089 11.3335 14.0013 9.84111 14.0013 8.00016C14.0013 6.15921 12.5089 4.66683 10.668 4.66683ZM5.33463 3.3335C2.75731 3.3335 0.667969 5.42283 0.667969 8.00016C0.667969 10.5775 2.75731 12.6668 5.33463 12.6668H10.668C13.2453 12.6668 15.3346 10.5775 15.3346 8.00016C15.3346 5.42283 13.2453 3.3335 10.668 3.3335H5.33463Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.66797 8.00016C8.66797 6.89559 9.5634 6.00016 10.668 6.00016C11.7725 6.00016 12.668 6.89559 12.668 8.00016C12.668 9.10473 11.7725 10.0002 10.668 10.0002C9.5634 10.0002 8.66797 9.10473 8.66797 8.00016ZM10.668 7.3335C10.2998 7.3335 10.0013 7.63197 10.0013 8.00016C10.0013 8.36835 10.2998 8.66683 10.668 8.66683C11.0362 8.66683 11.3346 8.36835 11.3346 8.00016C11.3346 7.63197 11.0362 7.3335 10.668 7.3335Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n string: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.3342 3.33321C8.96601 3.33321 8.66753 3.63169 8.66753 3.99988C8.66753 4.36807 8.96601 4.66655 9.3342 4.66655H14.6675C15.0357 4.66655 15.3342 4.36807 15.3342 3.99988C15.3342 3.63169 15.0357 3.33321 14.6675 3.33321H9.3342Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.0009 7.99988C10.0009 7.63169 10.2993 7.33321 10.6675 7.33321H14.6675C15.0357 7.33321 15.3342 7.63169 15.3342 7.99988C15.3342 8.36807 15.0357 8.66655 14.6675 8.66655H10.6675C10.2993 8.66655 10.0009 8.36807 10.0009 7.99988Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.0009 11.3332C11.6327 11.3332 11.3342 11.6317 11.3342 11.9999C11.3342 12.3681 11.6327 12.6665 12.0009 12.6665H14.6675C15.0357 12.6665 15.3342 12.3681 15.3342 11.9999C15.3342 11.6317 15.0357 11.3332 14.6675 11.3332H12.0009Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M9.86659 14.1482L8.23444 10.1844H3.18136C3.13868 10.1844 3.09685 10.1808 3.05616 10.1738L1.66589 14.1129C1.53049 14.4965 1.10971 14.6978 0.726058 14.5624C0.342408 14.427 0.141166 14.0062 0.276572 13.6225L4.37566 2.00848C4.71323 1.05202 6.05321 1.01763 6.4394 1.95552L11.2289 13.5872C11.3838 13.9634 11.2044 14.394 10.8282 14.5489C10.452 14.7038 10.0215 14.5244 9.86659 14.1482ZM5.44412 3.40791L3.57241 8.71109H7.62778L5.44412 3.40791Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n integer: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.132 11.4601C15.644 11.0121 15.9 10.3921 15.9 9.60007C15.9 8.60807 15.5 7.93607 14.7 7.58407C15.412 7.23207 15.768 6.62407 15.768 5.76007C15.768 5.05607 15.536 4.48007 15.072 4.03207C14.608 3.59207 14.012 3.37207 13.284 3.37207C12.588 3.37207 12.008 3.58007 11.544 3.99607C11.064 4.42007 10.808 4.98807 10.776 5.70007H12C12.064 4.88407 12.492 4.47607 13.284 4.47607C14.124 4.47607 14.544 4.91607 14.544 5.79607C14.544 6.66007 14.112 7.09207 13.248 7.09207H13.044V8.16007H13.248C14.2 8.16007 14.676 8.62807 14.676 9.56407C14.676 10.5081 14.212 10.9801 13.284 10.9801C12.9 10.9801 12.584 10.8761 12.336 10.6681C12.064 10.4441 11.916 10.1161 11.892 9.68407H10.668C10.692 10.4761 10.964 11.0841 11.484 11.5081C11.948 11.8921 12.548 12.0841 13.284 12.0841C14.036 12.0841 14.652 11.8761 15.132 11.4601Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M4.46875 12.0003V10.9083L7.75675 6.91228C8.06075 6.54428 8.21275 6.16428 8.21275 5.77228C8.21275 4.90828 7.79675 4.47628 6.96475 4.47628C6.60475 4.47628 6.31275 4.57628 6.08875 4.77628C5.83275 5.00828 5.70475 5.34828 5.70475 5.79628H4.48075C4.48075 5.07628 4.71275 4.49228 5.17675 4.04428C5.64075 3.60428 6.23675 3.38428 6.96475 3.38428C7.70075 3.38428 8.29675 3.60028 8.75275 4.03228C9.20875 4.47228 9.43675 5.05628 9.43675 5.78428C9.43675 6.13628 9.36875 6.45628 9.23275 6.74428C9.12075 6.97628 8.92075 7.27228 8.63275 7.63228L5.95675 10.9083H9.43675V12.0003H4.46875Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M1.668 12.0001V4.78805L0 6.25205V4.89605L1.668 3.45605H2.892V12.0001H1.668Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n number: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.44151 5.3068C3.44151 3.83404 4.71542 2.64014 6.18818 2.64014C7.66094 2.64014 8.93484 3.83404 8.93484 5.3068V10.6135C8.93484 12.0862 7.66094 13.2801 6.18818 13.2801C4.71542 13.2801 3.44151 12.0862 3.44151 10.6135V5.3068ZM7.60151 5.3068C7.60151 4.57042 6.92456 3.97347 6.18818 3.97347C5.4518 3.97347 4.77484 4.57042 4.77484 5.3068V10.6135C4.77484 11.3498 5.4518 11.9468 6.18818 11.9468C6.92456 11.9468 7.60151 11.3498 7.60151 10.6135V5.3068Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.9882 2.64014C11.5154 2.64014 10.2415 3.83404 10.2415 5.3068V10.6135C10.2415 12.0862 11.5154 13.2801 12.9882 13.2801C14.4609 13.2801 15.7348 12.0862 15.7348 10.6135V5.3068C15.7348 3.83404 14.4609 2.64014 12.9882 2.64014ZM14.4015 10.6135C14.4015 11.3498 13.7246 11.9468 12.9882 11.9468C12.2518 11.9468 11.5748 11.3498 11.5748 10.6135V5.3068C11.5748 4.57042 12.2518 3.97347 12.9882 3.97347C13.7246 3.97347 14.4015 4.57042 14.4015 5.3068V10.6135Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M1.21484 13.2001C1.76713 13.2001 2.21484 12.7524 2.21484 12.2001C2.21484 11.6479 1.76713 11.2001 1.21484 11.2001C0.662559 11.2001 0.214844 11.6479 0.214844 12.2001C0.214844 12.7524 0.662559 13.2001 1.21484 13.2001Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n array: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.23759 1.00342H2.00391V14.997H5.23759V13.6251H3.35127V2.37534H5.23759V1.00342Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.7624 1.00342H13.9961V14.997H10.7624V13.6251H12.6487V2.37534H10.7624V1.00342Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n\n stream: (\n <svg\n viewBox=\"0 0 1024 1024\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n >\n <path\n d=\"M879.674 544.51l-158.254-0.221c-8.534 2.287-17.305-2.776-19.588-11.307l-23.862-75.877-74.742 350.891c0 0-1.523 18.507-11.518 18.507s-26.9 0.281-26.9 0.281c-8.259 2.213-16.748-2.687-18.961-10.949l-92.741-457.648-70.305 330.634c-2.261 8.291-11.94 15.206-20.385 12.986l-24.876 0.339c-8.723 2.293-17.685-2.789-20.023-11.349L270.629 544.51 143.993 544.51c-8.831 0-15.993-7.159-15.993-15.993l0-31.986c0-8.831 7.162-15.993 15.993-15.993l157.429-0.516c9.565-0.304 17.685 0.788 20.023 9.351l24.386 76.092 68.642-358.907c0 0 3.4-10.894 14.397-10.894 10.994 0 34.107-0.448 34.107-0.448 8.262-2.213 16.751 2.687 18.965 10.949l91.912 454.126 67.948-326.182c2.213-8.262 8.707-15.161 16.965-12.948l27.316-0.333c8.531-2.287 17.301 2.776 19.588 11.31l46.665 148.4 127.337 0c8.835 0 15.993 7.162 15.993 15.993l0 31.986C895.667 537.352 888.508 544.51 879.674 544.51z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n\n map: (\n <svg\n viewBox=\"0 0 1024 1024\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n >\n <path\n d=\"M877.860571 938.642286h-645.851428c-27.574857 0-54.052571-11.337143-73.508572-31.744a110.957714 110.957714 0 0 1-30.500571-76.8V193.828571c0-28.745143 10.971429-56.32 30.500571-76.726857a101.888 101.888 0 0 1 73.508572-31.817143h574.171428c27.501714 0 53.979429 11.337143 73.508572 31.744 19.529143 20.333714 30.500571 48.054857 30.500571 76.8v522.020572a34.157714 34.157714 0 0 1-6.948571 22.820571c-37.156571 19.382857-57.636571 39.350857-57.636572 72.630857 0 39.716571 19.894857 50.029714 57.636572 72.777143a34.816 34.816 0 0 1-8.045714 49.298286 32.256 32.256 0 0 1-17.334858 5.193143z m-32.256-254.537143V193.828571a40.228571 40.228571 0 0 0-39.497142-41.179428H232.009143a40.301714 40.301714 0 0 0-39.497143 41.252571V699.245714c17.773714-9.874286 37.449143-14.994286 57.417143-14.921143h595.675428v-0.073142z m-595.675428 187.245714h566.198857c-22.893714-11.190857-27.940571-39.497143-28.013714-59.977143 0-20.260571 3.218286-43.885714 28.013714-59.904h-566.125714c-31.670857 0-57.417143 26.843429-57.417143 59.977143 0 33.060571 25.746286 59.904 57.344 59.904z\"\n fill=\"currentColor\"\n ></path>\n <path\n d=\"M320 128m32.036571 0l-0.073142 0q32.036571 0 32.036571 32.036571l0 511.926858q0 32.036571-32.036571 32.036571l0.073142 0q-32.036571 0-32.036571-32.036571l0-511.926858q0-32.036571 32.036571-32.036571Z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n};\n\nexport const ArrayIcons: { [key: string]: React.ReactNode } = {\n object: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM3.82031 5.9091C3.82031 5.18535 4.40703 4.59863 5.13078 4.59863C5.85453 4.59863 6.44124 5.18535 6.44124 5.9091C6.44124 6.56485 5.9596 7.1081 5.33078 7.2044V8.70018H5.32877C5.32982 8.75093 5.33078 8.80912 5.33078 8.87034V9.72111C5.33078 10.0195 5.57268 10.2614 5.87109 10.2614H6.24124C6.55613 10.2614 6.8114 10.5167 6.8114 10.8316C6.8114 11.1465 6.55613 11.4017 6.24124 11.4017H5.87109C4.94291 11.4017 4.19047 10.6493 4.19047 9.72111V6.82186C3.96158 6.58607 3.82031 6.26397 3.82031 5.9091ZM7.33679 5.9091C7.33679 5.59421 7.59205 5.33894 7.90694 5.33894H11.6085C11.9234 5.33894 12.1786 5.59421 12.1786 5.9091C12.1786 6.22399 11.9234 6.47925 11.6085 6.47925H7.90694C7.59205 6.47925 7.33679 6.22399 7.33679 5.9091ZM7.33679 9.86846C7.33679 9.55357 7.59205 9.2983 7.90694 9.2983H11.6085C11.9234 9.2983 12.1786 9.55357 12.1786 9.86846C12.1786 10.1833 11.9234 10.4386 11.6085 10.4386H7.90694C7.59205 10.4386 7.33679 10.1833 7.33679 9.86846Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n boolean: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM2.75 7.99993C2.75 6.14518 4.25358 4.6416 6.10833 4.6416H9.775C11.6298 4.6416 13.1333 6.14518 13.1333 7.99993C13.1333 9.85469 11.6298 11.3583 9.775 11.3583H6.10833C4.25358 11.3583 2.75 9.85469 2.75 7.99993ZM6.10833 5.85827C4.92552 5.85827 3.96667 6.81713 3.96667 7.99993C3.96667 9.18274 4.92552 10.1416 6.10833 10.1416H9.775C10.9578 10.1416 11.9167 9.18274 11.9167 7.99993C11.9167 6.81713 10.9578 5.85827 9.775 5.85827H6.10833ZM8.25 7.99993C8.25 7.1577 8.93277 6.47493 9.775 6.47493C10.6172 6.47493 11.3 7.1577 11.3 7.99993C11.3 8.84217 10.6172 9.52493 9.775 9.52493C8.93277 9.52493 8.25 8.84217 8.25 7.99993ZM9.775 7.6916C9.60471 7.6916 9.46667 7.82965 9.46667 7.99993C9.46667 8.17022 9.60471 8.30827 9.775 8.30827C9.94529 8.30827 10.0833 8.17022 10.0833 7.99993C10.0833 7.82965 9.94529 7.6916 9.775 7.6916Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n string: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM5.23701 4.07158C5.50364 3.3161 6.56205 3.28894 6.86709 4.02974L10 11.6383C10.1329 11.9609 9.979 12.3302 9.65631 12.4631C9.33363 12.596 8.96434 12.4421 8.83147 12.1194L7.8021 9.61951H4.61903L3.7474 12.0891C3.63126 12.4182 3.27034 12.5908 2.94127 12.4747C2.6122 12.3585 2.43958 11.9976 2.55573 11.6685L5.23701 4.07158ZM6.08814 5.45704L5.06505 8.35579H7.28174L6.08814 5.45704ZM8.81938 6.07534C8.81938 5.75166 9.08177 5.48926 9.40545 5.48926H12.8941C13.2178 5.48926 13.4802 5.75166 13.4802 6.07534C13.4802 6.39902 13.2178 6.66142 12.8941 6.66142H9.40545C9.08177 6.66142 8.81938 6.39902 8.81938 6.07534ZM10.2668 9.69181C10.2668 9.36812 10.5292 9.10573 10.8529 9.10573H12.8941C13.2178 9.10573 13.4802 9.36812 13.4802 9.69181C13.4802 10.0155 13.2178 10.2779 12.8941 10.2779H10.8529C10.5292 10.2779 10.2668 10.0155 10.2668 9.69181Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n integer: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM10.3614 5.22374C10.7161 4.90585 11.1581 4.75 11.6762 4.75C12.2173 4.75 12.6723 4.91467 13.0281 5.25207L13.0291 5.253C13.3852 5.59688 13.561 6.03946 13.561 6.56767C13.561 6.89 13.4945 7.17448 13.3539 7.41445C13.2572 7.57972 13.1279 7.71948 12.9685 7.83428C13.1575 7.95643 13.3099 8.11182 13.4225 8.30109C13.5793 8.5644 13.6531 8.88311 13.6531 9.24936C13.6531 9.83787 13.4612 10.3151 13.0656 10.6612C12.6982 10.9795 12.2305 11.1341 11.6762 11.1341C11.1356 11.1341 10.6805 10.9925 10.324 10.6977C9.92124 10.3691 9.71723 9.90026 9.69942 9.31256L9.69473 9.15802H10.846L10.8539 9.2997C10.8689 9.5698 10.9591 9.75553 11.1096 9.87941L11.1106 9.88027C11.2519 9.99882 11.4365 10.0631 11.6762 10.0631C11.9765 10.0631 12.1743 9.98692 12.2984 9.86071C12.4229 9.73404 12.4984 9.53136 12.4984 9.22422C12.4984 8.92116 12.4215 8.72127 12.2939 8.59581C12.1658 8.46989 11.961 8.39373 11.6511 8.39373H11.3586V7.34788H11.6511C11.9297 7.34788 12.111 7.27834 12.2238 7.16555C12.3366 7.05276 12.4062 6.87138 12.4062 6.59281C12.4062 6.30696 12.3378 6.12041 12.2277 6.00501C12.1188 5.89092 11.9446 5.82098 11.6762 5.82098C11.4248 5.82098 11.2539 5.88537 11.1407 5.99325C11.0268 6.10185 10.9497 6.27522 10.9291 6.5375L10.9183 6.67577H9.76788L9.77492 6.51904C9.79886 5.98644 9.99237 5.54989 10.3614 5.22374ZM5.91032 5.26037C6.26612 4.92297 6.72112 4.7583 7.26219 4.7583C7.80751 4.7583 8.26297 4.91938 8.61401 5.25194L8.61501 5.25289C8.96719 5.59272 9.13852 6.04185 9.13852 6.58435C9.13852 6.84997 9.08709 7.09565 8.9817 7.31883L8.98114 7.31999C8.89563 7.49712 8.74775 7.71415 8.54418 7.96862L8.54322 7.96981L6.87446 10.0127H9.13852V11.0753H5.36909V10.1089L7.69946 7.27679C7.89456 7.04062 7.98374 6.80773 7.98374 6.57597C7.98374 6.29602 7.91626 6.11385 7.8078 6.00122C7.70036 5.88964 7.52811 5.8209 7.26219 5.8209C7.04017 5.8209 6.87439 5.88173 6.75075 5.99193C6.61227 6.11766 6.53226 6.30918 6.53226 6.59273V6.74273H5.37747V6.59273C5.37747 6.05443 5.55248 5.60586 5.90934 5.2613L5.91032 5.26037ZM3.50907 4.80865H4.56964V11.0754H3.41486V6.2201L2.25 7.24249V5.89561L3.50907 4.80865Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n number: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.6139 1.58154H0V14.4191H3.6139V13.1269H1.36702V2.87375H3.6139V1.58154ZM3.41656 13.3271V13.3269H1.17155V13.3271H3.41656ZM0.199219 14.2191H0.197344V1.78154H3.41656V1.78174H0.199219V14.2191ZM16 1.58154H12.3861V2.87375H14.633V13.1269H12.3861V14.4191H16V1.58154ZM12.5834 1.78154V2.67375H12.5853V1.78174H15.8027V1.78154H12.5834ZM12.5853 14.2191V13.3271H14.8322V2.67394H14.8303V13.3269H12.5834V14.2191H12.5853ZM6.86771 4.5C5.87019 4.5 5.00104 5.30767 5.00104 6.31667V9.63333C5.00104 10.6423 5.87019 11.45 6.86771 11.45C7.86523 11.45 8.73438 10.6423 8.73438 9.63333V6.31667C8.73438 5.30767 7.86523 4.5 6.86771 4.5ZM11.1177 4.5C10.1202 4.5 9.25104 5.30767 9.25104 6.31667V9.63333C9.25104 10.6423 10.1202 11.45 11.1177 11.45C12.1152 11.45 12.9844 10.6423 12.9844 9.63333V6.31667C12.9844 5.30767 12.1152 4.5 11.1177 4.5ZM6.13438 6.31667C6.13438 5.9503 6.47884 5.63333 6.86771 5.63333C7.25657 5.63333 7.60104 5.9503 7.60104 6.31667V9.63333C7.60104 9.9997 7.25657 10.3167 6.86771 10.3167C6.47884 10.3167 6.13438 9.9997 6.13438 9.63333V6.31667ZM10.3844 6.31667C10.3844 5.9503 10.7288 5.63333 11.1177 5.63333C11.5066 5.63333 11.851 5.9503 11.851 6.31667V9.63333C11.851 9.9997 11.5066 10.3167 11.1177 10.3167C10.7288 10.3167 10.3844 9.9997 10.3844 9.63333V6.31667ZM3.75938 9.85C3.33135 9.85 2.98438 10.197 2.98438 10.625C2.98438 11.053 3.33135 11.4 3.75938 11.4C4.1874 11.4 4.53438 11.053 4.53438 10.625C4.53438 10.197 4.1874 9.85 3.75938 9.85Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n};\n\nexport const getSchemaIcon = (value?: Partial<JsonSchema>) => {\n if (value?.type === 'array') {\n return ArrayIcons[value.items?.type || 'object'];\n }\n\n return VariableTypeIcons[value?.type || 'object'];\n};\n\nconst labelStyle: React.CSSProperties = { display: 'flex', alignItems: 'center', gap: 5 };\n\nconst firstUppercase = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst baseOptions: CascaderData[] = [\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'string' })} />\n {firstUppercase('string')}\n </div>\n ),\n value: 'string',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'integer' })} />\n {firstUppercase('integer')}\n </div>\n ),\n value: 'integer',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'number' })} />\n {firstUppercase('number')}\n </div>\n ),\n value: 'number',\n },\n\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'boolean' })} />\n {firstUppercase('boolean')}\n </div>\n ),\n value: 'boolean',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'object' })} />\n {firstUppercase('object')}\n </div>\n ),\n value: 'object',\n },\n];\n\nexport const options: CascaderData[] = [\n ...baseOptions,\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'array' })} />\n {firstUppercase('array')}\n </div>\n ),\n value: 'array',\n children: baseOptions.map((_opt) => ({\n ..._opt,\n value: `${_opt.value}`,\n label: (\n <div style={labelStyle}>\n <Icon\n size=\"small\"\n svg={getSchemaIcon({ type: 'array', items: { type: _opt.value as string } })}\n />\n {firstUppercase(_opt.value as string)}\n </div>\n ),\n })),\n },\n];\n","import React, { useMemo } from 'react';\n\nimport { Button, Cascader } from '@douyinfe/semi-ui';\n\nimport { JsonSchema } from './types';\nimport { ArrayIcons, VariableTypeIcons, getSchemaIcon, options } from './constants';\n\ninterface PropTypes {\n value?: Partial<JsonSchema>;\n onChange: (value?: Partial<JsonSchema>) => void;\n}\n\nexport const getTypeSelectValue = (value?: Partial<JsonSchema>): string[] | undefined => {\n if (value?.type === 'array' && value?.items) {\n return [value.type, ...(getTypeSelectValue(value.items) || [])];\n }\n\n return value?.type ? [value.type] : undefined;\n};\n\nexport const parseTypeSelectValue = (value?: string[]): Partial<JsonSchema> | undefined => {\n const [type, ...subTypes] = value || [];\n\n if (type === 'array') {\n return { type: 'array', items: parseTypeSelectValue(subTypes) };\n }\n\n return { type };\n};\n\nexport function TypeSelector(props: PropTypes) {\n const { value, onChange } = props;\n\n const selectValue = useMemo(() => getTypeSelectValue(value), [value]);\n\n return (\n <Cascader\n size=\"small\"\n triggerRender={() => (\n <Button size=\"small\" style={{ width: 50 }}>\n {getSchemaIcon(value)}\n </Button>\n )}\n treeData={options}\n value={selectValue}\n leafOnly={true}\n onChange={(value) => {\n onChange(parseTypeSelectValue(value as string[]));\n }}\n />\n );\n}\n\nexport { JsonSchema, VariableTypeIcons, ArrayIcons, getSchemaIcon };\n","import React, { useMemo, useState } from 'react';\n\nimport { Button, Checkbox, IconButton, Input } from '@douyinfe/semi-ui';\nimport {\n IconExpand,\n IconShrink,\n IconPlus,\n IconChevronDown,\n IconChevronRight,\n IconMinus,\n} from '@douyinfe/semi-icons';\n\nimport { JsonSchema } from '../type-selector/types';\nimport { TypeSelector } from '../type-selector';\nimport { PropertyValueType } from './types';\nimport {\n IconAddChildren,\n UIActions,\n UICollapseTrigger,\n UICollapsible,\n UIContainer,\n UIExpandDetail,\n UILabel,\n UIProperties,\n UIPropertyLeft,\n UIPropertyMain,\n UIPropertyRight,\n UIRequired,\n UIType,\n} from './styles';\nimport { UIName } from './styles';\nimport { UIRow } from './styles';\nimport { usePropertiesEdit } from './hooks';\n\nexport function JsonSchemaEditor(props: {\n value?: JsonSchema;\n onChange?: (value: JsonSchema) => void;\n}) {\n const { value = { type: 'object' }, onChange: onChangeProps } = props;\n const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(\n value,\n onChangeProps\n );\n\n return (\n <UIContainer>\n <UIProperties>\n {propertyList.map((_property) => (\n <PropertyEdit\n key={_property.key}\n value={_property}\n onChange={(_v) => {\n onEditProperty(_property.key!, _v);\n }}\n onRemove={() => {\n onRemoveProperty(_property.key!);\n }}\n />\n ))}\n </UIProperties>\n <Button size=\"small\" style={{ marginTop: 10 }} icon={<IconPlus />} onClick={onAddProperty}>\n Add\n </Button>\n </UIContainer>\n );\n}\n\nfunction PropertyEdit(props: {\n value?: PropertyValueType;\n onChange?: (value: PropertyValueType) => void;\n onRemove?: () => void;\n $isLast?: boolean;\n $showLine?: boolean;\n}) {\n const { value, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;\n\n const [expand, setExpand] = useState(false);\n const [collapse, setCollapse] = useState(false);\n\n const { name, type, items, description, isPropertyRequired } = value || {};\n\n const typeSelectorValue = useMemo(() => ({ type, items }), [type, items]);\n\n const { propertyList, isDrilldownObject, onAddProperty, onRemoveProperty, onEditProperty } =\n usePropertiesEdit(value, onChangeProps);\n\n const onChange = (key: string, _value: any) => {\n onChangeProps?.({\n ...(value || {}),\n [key]: _value,\n });\n };\n\n const showCollapse = isDrilldownObject && propertyList.length > 0;\n\n return (\n <>\n <UIPropertyLeft $isLast={$isLast} $showLine={$showLine}>\n {showCollapse && (\n <UICollapseTrigger onClick={() => setCollapse((_collapse) => !_collapse)}>\n {collapse ? <IconChevronDown size=\"small\" /> : <IconChevronRight size=\"small\" />}\n </UICollapseTrigger>\n )}\n </UIPropertyLeft>\n <UIPropertyRight>\n <UIPropertyMain $expand={expand}>\n <UIRow>\n <UIName>\n <Input\n placeholder=\"Input Variable Name\"\n size=\"small\"\n value={name}\n onChange={(value) => onChange('name', value)}\n />\n </UIName>\n <UIType>\n <TypeSelector\n value={typeSelectorValue}\n onChange={(_value) => {\n onChangeProps?.({\n ...(value || {}),\n ..._value,\n });\n }}\n />\n </UIType>\n <UIRequired>\n <Checkbox\n checked={isPropertyRequired}\n onChange={(e) => onChange('isPropertyRequired', e.target.checked)}\n />\n </UIRequired>\n <UIActions>\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={expand ? <IconShrink size=\"small\" /> : <IconExpand size=\"small\" />}\n onClick={() => setExpand((_expand) => !_expand)}\n />\n {isDrilldownObject && (\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={<IconAddChildren />}\n onClick={() => {\n onAddProperty();\n setCollapse(true);\n }}\n />\n )}\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={<IconMinus size=\"small\" />}\n onClick={onRemove}\n />\n </UIActions>\n </UIRow>\n {expand && (\n <UIExpandDetail>\n <UILabel>Description</UILabel>\n <Input\n size=\"small\"\n value={description}\n onChange={(value) => onChange('description', value)}\n placeholder=\"Help LLM to understand the property\"\n />\n </UIExpandDetail>\n )}\n </UIPropertyMain>\n {showCollapse && (\n <UICollapsible $collapse={collapse}>\n <UIProperties $shrink={true}>\n {propertyList.map((_property, index) => (\n <PropertyEdit\n key={_property.key}\n value={_property}\n onChange={(_v) => {\n onEditProperty(_property.key!, _v);\n }}\n onRemove={() => {\n onRemoveProperty(_property.key!);\n }}\n $isLast={index === propertyList.length - 1}\n $showLine={true}\n />\n ))}\n </UIProperties>\n </UICollapsible>\n )}\n </UIPropertyRight>\n </>\n );\n}\n","import React from 'react';\n\nimport styled, { css } from 'styled-components';\nimport Icon from '@douyinfe/semi-icons';\n\nexport const UIContainer = styled.div`\n /* & .semi-input {\n background-color: #fff;\n border-radius: 6px;\n height: 24px;\n } */\n`;\n\nexport const UIRow = styled.div`\n display: flex;\n align-items: center;\n gap: 6px;\n`;\n\nexport const UICollapseTrigger = styled.div`\n cursor: pointer;\n margin-right: 5px;\n`;\n\nexport const UIExpandDetail = styled.div`\n display: flex;\n flex-direction: column;\n`;\n\nexport const UILabel = styled.div`\n font-size: 12px;\n color: #999;\n font-weight: 400;\n margin-bottom: 2px;\n`;\n\nexport const UIProperties = styled.div<{ $shrink?: boolean }>`\n display: grid;\n grid-template-columns: auto 1fr;\n\n ${({ $shrink }) =>\n $shrink &&\n css`\n padding-left: 10px;\n margin-top: 10px;\n `}\n`;\n\nexport const UIPropertyLeft = styled.div<{ $isLast?: boolean; $showLine?: boolean }>`\n grid-column: 1;\n position: relative;\n\n ${({ $showLine, $isLast }) =>\n $showLine &&\n css`\n &::before {\n /* 竖线 */\n content: '';\n position: absolute;\n left: -22px;\n top: -18px;\n bottom: ${$isLast ? '12px' : '0px'};\n width: 1px;\n background: #d9d9d9;\n display: block;\n }\n\n &::after {\n /* 横线 */\n content: '';\n position: absolute;\n left: -22px; // 横线起点和竖线对齐\n top: 12px; // 跟随你的行高调整\n width: 22px; // 横线长度\n height: 1px;\n background: #d9d9d9;\n display: block;\n }\n `}\n`;\n\nexport const UIPropertyRight = styled.div`\n grid-column: 2;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0px;\n }\n`;\n\nexport const UIPropertyMain = styled.div<{ $expand?: boolean }>`\n display: flex;\n flex-direction: column;\n gap: 10px;\n\n ${({ $expand }) =>\n $expand &&\n css`\n background-color: #f5f5f5;\n padding: 10px;\n border-radius: 4px;\n `}\n`;\n\nexport const UICollapsible = styled.div<{ $collapse?: boolean }>`\n display: none;\n\n ${({ $collapse }) =>\n $collapse &&\n css`\n display: block;\n `}\n`;\n\nexport const UIName = styled.div`\n flex-grow: 1;\n`;\n\nexport const UIType = styled.div``;\n\nexport const UIRequired = styled.div``;\n\nexport const UIActions = styled.div`\n white-space: nowrap;\n`;\n\nconst iconAddChildrenSvg = (\n <svg\n className=\"icon-icon icon-icon-coz_add_node \"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z\"\n ></path>\n <path d=\"M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z\"></path>\n </svg>\n);\n\nexport const IconAddChildren = () => <Icon size=\"small\" svg={iconAddChildrenSvg} />;\n","import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { PropertyValueType } from './types';\nimport { JsonSchema } from '../type-selector';\n\nlet _id = 0;\nfunction genId() {\n return _id++;\n}\n\nfunction getDrilldownSchema(\n value?: PropertyValueType,\n path?: (keyof PropertyValueType)[]\n): { schema?: PropertyValueType | null; path?: (keyof PropertyValueType)[] } {\n if (!value) {\n return {};\n }\n\n if (value.type === 'array' && value.items) {\n return getDrilldownSchema(value.items, [...(path || []), 'items']);\n }\n\n return { schema: value, path };\n}\n\nexport function usePropertiesEdit(\n value?: PropertyValueType,\n onChange?: (value: PropertyValueType) => void\n) {\n // Get drilldown (array.items.items...)\n const drilldown = useMemo(() => getDrilldownSchema(value), [value, value?.type, value?.items]);\n\n const isDrilldownObject = drilldown.schema?.type === 'object';\n\n // Generate Init Property List\n const initPropertyList = useMemo(\n () =>\n isDrilldownObject\n ? Object.entries(drilldown.schema?.properties || {}).map(\n ([name, _value]) =>\n ({\n key: genId(),\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n } as PropertyValueType)\n )\n : [],\n [isDrilldownObject]\n );\n\n const [propertyList, setPropertyList] = useState<PropertyValueType[]>(initPropertyList);\n\n const mountRef = useRef(false);\n\n useEffect(() => {\n // If initRef is true, it means the component has been mounted\n if (mountRef.current) {\n // If the value is changed, update the property list\n setPropertyList((_list) => {\n const nameMap = new Map<string, PropertyValueType>();\n\n for (const _property of _list) {\n if (_property.name) {\n nameMap.set(_property.name, _property);\n }\n }\n return Object.entries(drilldown.schema?.properties || {}).map(([name, _value]) => {\n const _property = nameMap.get(name);\n if (_property) {\n return {\n key: _property.key,\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n };\n }\n return {\n key: genId(),\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n };\n });\n });\n }\n mountRef.current = true;\n }, [drilldown.schema]);\n\n const updatePropertyList = (updater: (list: PropertyValueType[]) => PropertyValueType[]) => {\n setPropertyList((_list) => {\n const next = updater(_list);\n\n // onChange to parent\n const nextProperties: Record<string, JsonSchema> = {};\n const nextRequired: string[] = [];\n\n for (const _property of next) {\n if (!_property.name) {\n continue;\n }\n\n nextProperties[_property.name] = _property;\n\n if (_property.isPropertyRequired) {\n nextRequired.push(_property.name);\n }\n }\n\n let drilldownSchema = value || {};\n if (drilldown.path) {\n drilldownSchema = drilldown.path.reduce((acc, key) => acc[key], value || {});\n }\n drilldownSchema.properties = nextProperties;\n drilldownSchema.required = nextRequired;\n\n onChange?.(value || {});\n\n return next;\n });\n };\n\n const onAddProperty = () => {\n updatePropertyList((_list) => [..._list, { key: genId(), name: '', type: 'string' }]);\n };\n\n const onRemoveProperty = (key: number) => {\n updatePropertyList((_list) => _list.filter((_property) => _property.key !== key));\n };\n\n const onEditProperty = (key: number, nextValue: PropertyValueType) => {\n updatePropertyList((_list) =>\n _list.map((_property) => (_property.key === key ? nextValue : _property))\n );\n };\n\n useEffect(() => {\n if (!isDrilldownObject) {\n setPropertyList([]);\n }\n }, [isDrilldownObject]);\n\n return {\n propertyList,\n isDrilldownObject,\n onAddProperty,\n onRemoveProperty,\n onEditProperty,\n };\n}\n"],"mappings":"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","names":["import_react","import_semi_ui","import_react","React","Icon","React","React","import_react","import_semi_ui","React","value","import_react","import_semi_ui","import_semi_icons","import_react","import_semi_icons","styled","React","Icon","import_react","React","value"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/variable-selector/index.tsx","../src/components/variable-selector/use-variable-tree.tsx","../src/components/type-selector/constants.tsx","../src/components/type-selector/index.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/styles.tsx","../src/components/json-schema-editor/hooks.tsx"],"sourcesContent":["export * from './components';\n","import React from 'react';\n\nimport { TreeSelect } from '@douyinfe/semi-ui';\n\nimport { useVariableTree } from './use-variable-tree';\n\nexport interface PropTypes {\n value?: string;\n config: {\n placeholder?: string;\n };\n onChange: (value?: string) => void;\n readonly?: boolean;\n hasError?: boolean;\n style?: React.CSSProperties;\n}\n\nexport const VariableSelector = ({\n value,\n config,\n onChange,\n style,\n readonly = false,\n hasError,\n}: PropTypes) => {\n const treeData = useVariableTree();\n\n return (\n <>\n <TreeSelect\n dropdownMatchSelectWidth={false}\n disabled={readonly}\n treeData={treeData}\n size=\"small\"\n value={value}\n style={{\n ...style,\n outline: hasError ? '1px solid red' : undefined,\n }}\n validateStatus={hasError ? 'error' : undefined}\n onChange={(option) => {\n onChange(option as string);\n }}\n showClear\n placeholder={config?.placeholder ?? 'Select Variable...'}\n />\n </>\n );\n};\n","import React, { useCallback } from 'react';\n\nimport { useScopeAvailable, ASTMatch, BaseVariableField } from '@flowgram.ai/editor';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Icon } from '@douyinfe/semi-ui';\n\nimport { ArrayIcons, VariableTypeIcons } from '../type-selector/constants';\n\ntype VariableField = BaseVariableField<{ icon?: string | JSX.Element; title?: string }>;\n\nexport function useVariableTree(): TreeNodeData[] {\n const available = useScopeAvailable();\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 _type = variable.type;\n\n if (ASTMatch.isArray(_type)) {\n return (\n <Icon\n size=\"small\"\n svg={ArrayIcons[_type.items?.kind.toLowerCase()] || VariableTypeIcons.array}\n />\n );\n }\n\n if (ASTMatch.isCustomType(_type)) {\n return <Icon size=\"small\" svg={VariableTypeIcons[_type.typeName.toLowerCase()]} />;\n }\n\n return <Icon size=\"small\" svg={VariableTypeIcons[variable.type?.kind.toLowerCase()]} />;\n }, []);\n\n const renderVariable = (\n variable: VariableField,\n parentFields: VariableField[] = []\n ): TreeNodeData | null => {\n let type = variable?.type;\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 if (!children?.length) {\n return null;\n }\n }\n\n const currPath = [...parentFields.map((_field) => _field.key), variable.key].join('.');\n\n return {\n key: currPath,\n label: variable.meta.title || variable.key,\n value: currPath,\n icon: getVariableTypeIcon(variable),\n children,\n };\n };\n\n return [...available.variables.slice(0).reverse()]\n .map((_variable) => renderVariable(_variable as VariableField))\n .filter(Boolean) as TreeNodeData[];\n}\n","import React from 'react';\n\nimport { CascaderData } from '@douyinfe/semi-ui/lib/es/cascader';\nimport Icon from '@douyinfe/semi-icons';\n\nimport { JsonSchema } from './types';\n\nexport const VariableTypeIcons: { [key: string]: React.ReactNode } = {\n custom: (\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n focusable=\"false\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.1 18L4.5032 20.1702C4.24999 21.0909 4.94281 22 5.89773 22C6.54881 22 7.11964 21.565 7.29227 20.9372L8.1 18H12.1L11.5032 20.1702C11.25 21.0909 11.9428 22 12.8977 22C13.5488 22 14.1196 21.565 14.2923 20.9372L15.1 18H19.5C20.3284 18 21 17.3284 21 16.5C21 15.6716 20.3284 15 19.5 15H15.925L17.575 9H20.5C21.3284 9 22 8.32843 22 7.5C22 6.67157 21.3284 6 20.5 6H18.4L18.9968 3.8298C19.25 2.90906 18.5572 2 17.6023 2C16.9512 2 16.3804 2.43504 16.2077 3.06281L15.4 6H11.4L11.9968 3.8298C12.25 2.90906 11.5572 2 10.6023 2C9.95119 2 9.38036 2.43504 9.20773 3.06281L8.4 6H4.5C3.67157 6 3 6.67157 3 7.5C3 8.32843 3.67157 9 4.5 9H7.575L5.925 15H3.5C2.67157 15 2 15.6716 2 16.5C2 17.3284 2.67157 18 3.5 18H5.1ZM8.925 15L10.575 9H14.575L12.925 15H8.925Z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n object: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.33893 1.5835C5.66613 1.5835 5.93137 1.88142 5.93137 2.20862C5.93137 2.53582 5.66613 2.76838 5.33893 2.76838H4.9099C4.34717 2.76838 4.08062 3.07557 4.08062 3.71921V6.58633C4.08062 7.30996 3.80723 7.84734 3.26798 8.19105C3.11426 8.28902 3.10884 8.55273 3.26068 8.65359C3.80476 9.01503 4.08062 9.53994 4.08062 10.2434V13.1251C4.08062 13.7395 4.34717 14.0613 4.9099 14.0613H5.33893C5.66613 14.0613 5.93137 14.3435 5.93137 14.6707C5.93137 14.9979 5.66613 15.2462 5.33893 15.2462H4.64335C3.99177 15.2462 3.48828 15.0268 3.13287 14.6172C2.80708 14.2369 2.64419 13.7103 2.64419 13.0666V10.3165C2.64419 9.8923 2.55534 9.58511 2.37764 9.39494C2.26816 9.27135 1.80618 9.17938 1.38154 9.11602C1.02726 9.06315 0.759057 8.76744 0.765747 8.4093C0.772379 8.0543 1.03439 7.7566 1.38545 7.70346C1.80778 7.63952 2.26906 7.54968 2.37764 7.43477C2.55534 7.22997 2.64419 6.92278 2.64419 6.51319V3.77772C2.64419 3.11945 2.80708 2.59284 3.13287 2.21251C3.48828 1.78829 3.99177 1.5835 4.64335 1.5835H5.33893Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.962 15.2463C10.6348 15.2463 10.3696 14.9483 10.3696 14.6211C10.3696 14.2939 10.6348 14.0614 10.962 14.0614H11.391C11.9538 14.0614 12.2203 13.7542 12.2203 13.1105V10.2434C12.2203 9.51979 12.4937 8.98241 13.033 8.6387C13.1867 8.54073 13.1921 8.27703 13.0403 8.17616C12.4962 7.81472 12.2203 7.28982 12.2203 6.58638V3.70463C12.2203 3.09024 11.9538 2.76842 11.391 2.76842L10.962 2.76842C10.6348 2.76842 10.3696 2.48627 10.3696 2.15907C10.3696 1.83188 10.6348 1.58354 10.962 1.58354L11.6576 1.58354C12.3092 1.58354 12.8127 1.80296 13.1681 2.21255C13.4939 2.59289 13.6568 3.1195 13.6568 3.76314V6.51324C13.6568 6.93745 13.7456 7.24464 13.9233 7.43481C14.03 7.5553 14.4328 7.64858 14.8186 7.71393C15.1718 7.77376 15.4401 8.06977 15.4334 8.42791C15.4268 8.78291 15.1646 9.08018 14.814 9.13633C14.4306 9.19774 14.0291 9.28303 13.9233 9.39499C13.7456 9.59978 13.6568 9.90697 13.6568 10.3166V13.052C13.6568 13.7103 13.4939 14.2369 13.1681 14.6172C12.8127 15.0415 12.3092 15.2463 11.6576 15.2463H10.962Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n boolean: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.668 4.66683H5.33463C3.49369 4.66683 2.0013 6.15921 2.0013 8.00016C2.0013 9.84111 3.49369 11.3335 5.33463 11.3335H10.668C12.5089 11.3335 14.0013 9.84111 14.0013 8.00016C14.0013 6.15921 12.5089 4.66683 10.668 4.66683ZM5.33463 3.3335C2.75731 3.3335 0.667969 5.42283 0.667969 8.00016C0.667969 10.5775 2.75731 12.6668 5.33463 12.6668H10.668C13.2453 12.6668 15.3346 10.5775 15.3346 8.00016C15.3346 5.42283 13.2453 3.3335 10.668 3.3335H5.33463Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.66797 8.00016C8.66797 6.89559 9.5634 6.00016 10.668 6.00016C11.7725 6.00016 12.668 6.89559 12.668 8.00016C12.668 9.10473 11.7725 10.0002 10.668 10.0002C9.5634 10.0002 8.66797 9.10473 8.66797 8.00016ZM10.668 7.3335C10.2998 7.3335 10.0013 7.63197 10.0013 8.00016C10.0013 8.36835 10.2998 8.66683 10.668 8.66683C11.0362 8.66683 11.3346 8.36835 11.3346 8.00016C11.3346 7.63197 11.0362 7.3335 10.668 7.3335Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n string: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.3342 3.33321C8.96601 3.33321 8.66753 3.63169 8.66753 3.99988C8.66753 4.36807 8.96601 4.66655 9.3342 4.66655H14.6675C15.0357 4.66655 15.3342 4.36807 15.3342 3.99988C15.3342 3.63169 15.0357 3.33321 14.6675 3.33321H9.3342Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.0009 7.99988C10.0009 7.63169 10.2993 7.33321 10.6675 7.33321H14.6675C15.0357 7.33321 15.3342 7.63169 15.3342 7.99988C15.3342 8.36807 15.0357 8.66655 14.6675 8.66655H10.6675C10.2993 8.66655 10.0009 8.36807 10.0009 7.99988Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.0009 11.3332C11.6327 11.3332 11.3342 11.6317 11.3342 11.9999C11.3342 12.3681 11.6327 12.6665 12.0009 12.6665H14.6675C15.0357 12.6665 15.3342 12.3681 15.3342 11.9999C15.3342 11.6317 15.0357 11.3332 14.6675 11.3332H12.0009Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M9.86659 14.1482L8.23444 10.1844H3.18136C3.13868 10.1844 3.09685 10.1808 3.05616 10.1738L1.66589 14.1129C1.53049 14.4965 1.10971 14.6978 0.726058 14.5624C0.342408 14.427 0.141166 14.0062 0.276572 13.6225L4.37566 2.00848C4.71323 1.05202 6.05321 1.01763 6.4394 1.95552L11.2289 13.5872C11.3838 13.9634 11.2044 14.394 10.8282 14.5489C10.452 14.7038 10.0215 14.5244 9.86659 14.1482ZM5.44412 3.40791L3.57241 8.71109H7.62778L5.44412 3.40791Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n integer: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.132 11.4601C15.644 11.0121 15.9 10.3921 15.9 9.60007C15.9 8.60807 15.5 7.93607 14.7 7.58407C15.412 7.23207 15.768 6.62407 15.768 5.76007C15.768 5.05607 15.536 4.48007 15.072 4.03207C14.608 3.59207 14.012 3.37207 13.284 3.37207C12.588 3.37207 12.008 3.58007 11.544 3.99607C11.064 4.42007 10.808 4.98807 10.776 5.70007H12C12.064 4.88407 12.492 4.47607 13.284 4.47607C14.124 4.47607 14.544 4.91607 14.544 5.79607C14.544 6.66007 14.112 7.09207 13.248 7.09207H13.044V8.16007H13.248C14.2 8.16007 14.676 8.62807 14.676 9.56407C14.676 10.5081 14.212 10.9801 13.284 10.9801C12.9 10.9801 12.584 10.8761 12.336 10.6681C12.064 10.4441 11.916 10.1161 11.892 9.68407H10.668C10.692 10.4761 10.964 11.0841 11.484 11.5081C11.948 11.8921 12.548 12.0841 13.284 12.0841C14.036 12.0841 14.652 11.8761 15.132 11.4601Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M4.46875 12.0003V10.9083L7.75675 6.91228C8.06075 6.54428 8.21275 6.16428 8.21275 5.77228C8.21275 4.90828 7.79675 4.47628 6.96475 4.47628C6.60475 4.47628 6.31275 4.57628 6.08875 4.77628C5.83275 5.00828 5.70475 5.34828 5.70475 5.79628H4.48075C4.48075 5.07628 4.71275 4.49228 5.17675 4.04428C5.64075 3.60428 6.23675 3.38428 6.96475 3.38428C7.70075 3.38428 8.29675 3.60028 8.75275 4.03228C9.20875 4.47228 9.43675 5.05628 9.43675 5.78428C9.43675 6.13628 9.36875 6.45628 9.23275 6.74428C9.12075 6.97628 8.92075 7.27228 8.63275 7.63228L5.95675 10.9083H9.43675V12.0003H4.46875Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M1.668 12.0001V4.78805L0 6.25205V4.89605L1.668 3.45605H2.892V12.0001H1.668Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n number: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.44151 5.3068C3.44151 3.83404 4.71542 2.64014 6.18818 2.64014C7.66094 2.64014 8.93484 3.83404 8.93484 5.3068V10.6135C8.93484 12.0862 7.66094 13.2801 6.18818 13.2801C4.71542 13.2801 3.44151 12.0862 3.44151 10.6135V5.3068ZM7.60151 5.3068C7.60151 4.57042 6.92456 3.97347 6.18818 3.97347C5.4518 3.97347 4.77484 4.57042 4.77484 5.3068V10.6135C4.77484 11.3498 5.4518 11.9468 6.18818 11.9468C6.92456 11.9468 7.60151 11.3498 7.60151 10.6135V5.3068Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12.9882 2.64014C11.5154 2.64014 10.2415 3.83404 10.2415 5.3068V10.6135C10.2415 12.0862 11.5154 13.2801 12.9882 13.2801C14.4609 13.2801 15.7348 12.0862 15.7348 10.6135V5.3068C15.7348 3.83404 14.4609 2.64014 12.9882 2.64014ZM14.4015 10.6135C14.4015 11.3498 13.7246 11.9468 12.9882 11.9468C12.2518 11.9468 11.5748 11.3498 11.5748 10.6135V5.3068C11.5748 4.57042 12.2518 3.97347 12.9882 3.97347C13.7246 3.97347 14.4015 4.57042 14.4015 5.3068V10.6135Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M1.21484 13.2001C1.76713 13.2001 2.21484 12.7524 2.21484 12.2001C2.21484 11.6479 1.76713 11.2001 1.21484 11.2001C0.662559 11.2001 0.214844 11.6479 0.214844 12.2001C0.214844 12.7524 0.662559 13.2001 1.21484 13.2001Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n array: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.23759 1.00342H2.00391V14.997H5.23759V13.6251H3.35127V2.37534H5.23759V1.00342Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.7624 1.00342H13.9961V14.997H10.7624V13.6251H12.6487V2.37534H10.7624V1.00342Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n\n stream: (\n <svg\n viewBox=\"0 0 1024 1024\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n >\n <path\n d=\"M879.674 544.51l-158.254-0.221c-8.534 2.287-17.305-2.776-19.588-11.307l-23.862-75.877-74.742 350.891c0 0-1.523 18.507-11.518 18.507s-26.9 0.281-26.9 0.281c-8.259 2.213-16.748-2.687-18.961-10.949l-92.741-457.648-70.305 330.634c-2.261 8.291-11.94 15.206-20.385 12.986l-24.876 0.339c-8.723 2.293-17.685-2.789-20.023-11.349L270.629 544.51 143.993 544.51c-8.831 0-15.993-7.159-15.993-15.993l0-31.986c0-8.831 7.162-15.993 15.993-15.993l157.429-0.516c9.565-0.304 17.685 0.788 20.023 9.351l24.386 76.092 68.642-358.907c0 0 3.4-10.894 14.397-10.894 10.994 0 34.107-0.448 34.107-0.448 8.262-2.213 16.751 2.687 18.965 10.949l91.912 454.126 67.948-326.182c2.213-8.262 8.707-15.161 16.965-12.948l27.316-0.333c8.531-2.287 17.301 2.776 19.588 11.31l46.665 148.4 127.337 0c8.835 0 15.993 7.162 15.993 15.993l0 31.986C895.667 537.352 888.508 544.51 879.674 544.51z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n\n map: (\n <svg\n viewBox=\"0 0 1024 1024\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"1em\"\n height=\"1em\"\n >\n <path\n d=\"M877.860571 938.642286h-645.851428c-27.574857 0-54.052571-11.337143-73.508572-31.744a110.957714 110.957714 0 0 1-30.500571-76.8V193.828571c0-28.745143 10.971429-56.32 30.500571-76.726857a101.888 101.888 0 0 1 73.508572-31.817143h574.171428c27.501714 0 53.979429 11.337143 73.508572 31.744 19.529143 20.333714 30.500571 48.054857 30.500571 76.8v522.020572a34.157714 34.157714 0 0 1-6.948571 22.820571c-37.156571 19.382857-57.636571 39.350857-57.636572 72.630857 0 39.716571 19.894857 50.029714 57.636572 72.777143a34.816 34.816 0 0 1-8.045714 49.298286 32.256 32.256 0 0 1-17.334858 5.193143z m-32.256-254.537143V193.828571a40.228571 40.228571 0 0 0-39.497142-41.179428H232.009143a40.301714 40.301714 0 0 0-39.497143 41.252571V699.245714c17.773714-9.874286 37.449143-14.994286 57.417143-14.921143h595.675428v-0.073142z m-595.675428 187.245714h566.198857c-22.893714-11.190857-27.940571-39.497143-28.013714-59.977143 0-20.260571 3.218286-43.885714 28.013714-59.904h-566.125714c-31.670857 0-57.417143 26.843429-57.417143 59.977143 0 33.060571 25.746286 59.904 57.344 59.904z\"\n fill=\"currentColor\"\n ></path>\n <path\n d=\"M320 128m32.036571 0l-0.073142 0q32.036571 0 32.036571 32.036571l0 511.926858q0 32.036571-32.036571 32.036571l0.073142 0q-32.036571 0-32.036571-32.036571l0-511.926858q0-32.036571 32.036571-32.036571Z\"\n fill=\"currentColor\"\n ></path>\n </svg>\n ),\n};\n\nexport const ArrayIcons: { [key: string]: React.ReactNode } = {\n object: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM3.82031 5.9091C3.82031 5.18535 4.40703 4.59863 5.13078 4.59863C5.85453 4.59863 6.44124 5.18535 6.44124 5.9091C6.44124 6.56485 5.9596 7.1081 5.33078 7.2044V8.70018H5.32877C5.32982 8.75093 5.33078 8.80912 5.33078 8.87034V9.72111C5.33078 10.0195 5.57268 10.2614 5.87109 10.2614H6.24124C6.55613 10.2614 6.8114 10.5167 6.8114 10.8316C6.8114 11.1465 6.55613 11.4017 6.24124 11.4017H5.87109C4.94291 11.4017 4.19047 10.6493 4.19047 9.72111V6.82186C3.96158 6.58607 3.82031 6.26397 3.82031 5.9091ZM7.33679 5.9091C7.33679 5.59421 7.59205 5.33894 7.90694 5.33894H11.6085C11.9234 5.33894 12.1786 5.59421 12.1786 5.9091C12.1786 6.22399 11.9234 6.47925 11.6085 6.47925H7.90694C7.59205 6.47925 7.33679 6.22399 7.33679 5.9091ZM7.33679 9.86846C7.33679 9.55357 7.59205 9.2983 7.90694 9.2983H11.6085C11.9234 9.2983 12.1786 9.55357 12.1786 9.86846C12.1786 10.1833 11.9234 10.4386 11.6085 10.4386H7.90694C7.59205 10.4386 7.33679 10.1833 7.33679 9.86846Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n boolean: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM2.75 7.99993C2.75 6.14518 4.25358 4.6416 6.10833 4.6416H9.775C11.6298 4.6416 13.1333 6.14518 13.1333 7.99993C13.1333 9.85469 11.6298 11.3583 9.775 11.3583H6.10833C4.25358 11.3583 2.75 9.85469 2.75 7.99993ZM6.10833 5.85827C4.92552 5.85827 3.96667 6.81713 3.96667 7.99993C3.96667 9.18274 4.92552 10.1416 6.10833 10.1416H9.775C10.9578 10.1416 11.9167 9.18274 11.9167 7.99993C11.9167 6.81713 10.9578 5.85827 9.775 5.85827H6.10833ZM8.25 7.99993C8.25 7.1577 8.93277 6.47493 9.775 6.47493C10.6172 6.47493 11.3 7.1577 11.3 7.99993C11.3 8.84217 10.6172 9.52493 9.775 9.52493C8.93277 9.52493 8.25 8.84217 8.25 7.99993ZM9.775 7.6916C9.60471 7.6916 9.46667 7.82965 9.46667 7.99993C9.46667 8.17022 9.60471 8.30827 9.775 8.30827C9.94529 8.30827 10.0833 8.17022 10.0833 7.99993C10.0833 7.82965 9.94529 7.6916 9.775 7.6916Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n string: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM5.23701 4.07158C5.50364 3.3161 6.56205 3.28894 6.86709 4.02974L10 11.6383C10.1329 11.9609 9.979 12.3302 9.65631 12.4631C9.33363 12.596 8.96434 12.4421 8.83147 12.1194L7.8021 9.61951H4.61903L3.7474 12.0891C3.63126 12.4182 3.27034 12.5908 2.94127 12.4747C2.6122 12.3585 2.43958 11.9976 2.55573 11.6685L5.23701 4.07158ZM6.08814 5.45704L5.06505 8.35579H7.28174L6.08814 5.45704ZM8.81938 6.07534C8.81938 5.75166 9.08177 5.48926 9.40545 5.48926H12.8941C13.2178 5.48926 13.4802 5.75166 13.4802 6.07534C13.4802 6.39902 13.2178 6.66142 12.8941 6.66142H9.40545C9.08177 6.66142 8.81938 6.39902 8.81938 6.07534ZM10.2668 9.69181C10.2668 9.36812 10.5292 9.10573 10.8529 9.10573H12.8941C13.2178 9.10573 13.4802 9.36812 13.4802 9.69181C13.4802 10.0155 13.2178 10.2779 12.8941 10.2779H10.8529C10.5292 10.2779 10.2668 10.0155 10.2668 9.69181Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n integer: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 1.58105H3.6139V2.87326H1.36702V13.1264H3.6139V14.4186H0V1.58105ZM3.41656 13.3264V13.3266H1.17155V13.3264H3.41656ZM0.197344 14.2186H0.199219V1.78125H3.41656V1.78105H0.197344V14.2186ZM12.3861 1.58105H16V14.4186H12.3861V13.1264H14.633V2.87326H12.3861V1.58105ZM12.5834 2.67326V1.78105H15.8027V1.78125H12.5853V2.67326H12.5834ZM12.5853 13.3266V14.2186H12.5834V13.3264H14.8303V2.67345H14.8322V13.3266H12.5853ZM10.3614 5.22374C10.7161 4.90585 11.1581 4.75 11.6762 4.75C12.2173 4.75 12.6723 4.91467 13.0281 5.25207L13.0291 5.253C13.3852 5.59688 13.561 6.03946 13.561 6.56767C13.561 6.89 13.4945 7.17448 13.3539 7.41445C13.2572 7.57972 13.1279 7.71948 12.9685 7.83428C13.1575 7.95643 13.3099 8.11182 13.4225 8.30109C13.5793 8.5644 13.6531 8.88311 13.6531 9.24936C13.6531 9.83787 13.4612 10.3151 13.0656 10.6612C12.6982 10.9795 12.2305 11.1341 11.6762 11.1341C11.1356 11.1341 10.6805 10.9925 10.324 10.6977C9.92124 10.3691 9.71723 9.90026 9.69942 9.31256L9.69473 9.15802H10.846L10.8539 9.2997C10.8689 9.5698 10.9591 9.75553 11.1096 9.87941L11.1106 9.88027C11.2519 9.99882 11.4365 10.0631 11.6762 10.0631C11.9765 10.0631 12.1743 9.98692 12.2984 9.86071C12.4229 9.73404 12.4984 9.53136 12.4984 9.22422C12.4984 8.92116 12.4215 8.72127 12.2939 8.59581C12.1658 8.46989 11.961 8.39373 11.6511 8.39373H11.3586V7.34788H11.6511C11.9297 7.34788 12.111 7.27834 12.2238 7.16555C12.3366 7.05276 12.4062 6.87138 12.4062 6.59281C12.4062 6.30696 12.3378 6.12041 12.2277 6.00501C12.1188 5.89092 11.9446 5.82098 11.6762 5.82098C11.4248 5.82098 11.2539 5.88537 11.1407 5.99325C11.0268 6.10185 10.9497 6.27522 10.9291 6.5375L10.9183 6.67577H9.76788L9.77492 6.51904C9.79886 5.98644 9.99237 5.54989 10.3614 5.22374ZM5.91032 5.26037C6.26612 4.92297 6.72112 4.7583 7.26219 4.7583C7.80751 4.7583 8.26297 4.91938 8.61401 5.25194L8.61501 5.25289C8.96719 5.59272 9.13852 6.04185 9.13852 6.58435C9.13852 6.84997 9.08709 7.09565 8.9817 7.31883L8.98114 7.31999C8.89563 7.49712 8.74775 7.71415 8.54418 7.96862L8.54322 7.96981L6.87446 10.0127H9.13852V11.0753H5.36909V10.1089L7.69946 7.27679C7.89456 7.04062 7.98374 6.80773 7.98374 6.57597C7.98374 6.29602 7.91626 6.11385 7.8078 6.00122C7.70036 5.88964 7.52811 5.8209 7.26219 5.8209C7.04017 5.8209 6.87439 5.88173 6.75075 5.99193C6.61227 6.11766 6.53226 6.30918 6.53226 6.59273V6.74273H5.37747V6.59273C5.37747 6.05443 5.55248 5.60586 5.90934 5.2613L5.91032 5.26037ZM3.50907 4.80865H4.56964V11.0754H3.41486V6.2201L2.25 7.24249V5.89561L3.50907 4.80865Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n number: (\n <svg\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.6139 1.58154H0V14.4191H3.6139V13.1269H1.36702V2.87375H3.6139V1.58154ZM3.41656 13.3271V13.3269H1.17155V13.3271H3.41656ZM0.199219 14.2191H0.197344V1.78154H3.41656V1.78174H0.199219V14.2191ZM16 1.58154H12.3861V2.87375H14.633V13.1269H12.3861V14.4191H16V1.58154ZM12.5834 1.78154V2.67375H12.5853V1.78174H15.8027V1.78154H12.5834ZM12.5853 14.2191V13.3271H14.8322V2.67394H14.8303V13.3269H12.5834V14.2191H12.5853ZM6.86771 4.5C5.87019 4.5 5.00104 5.30767 5.00104 6.31667V9.63333C5.00104 10.6423 5.87019 11.45 6.86771 11.45C7.86523 11.45 8.73438 10.6423 8.73438 9.63333V6.31667C8.73438 5.30767 7.86523 4.5 6.86771 4.5ZM11.1177 4.5C10.1202 4.5 9.25104 5.30767 9.25104 6.31667V9.63333C9.25104 10.6423 10.1202 11.45 11.1177 11.45C12.1152 11.45 12.9844 10.6423 12.9844 9.63333V6.31667C12.9844 5.30767 12.1152 4.5 11.1177 4.5ZM6.13438 6.31667C6.13438 5.9503 6.47884 5.63333 6.86771 5.63333C7.25657 5.63333 7.60104 5.9503 7.60104 6.31667V9.63333C7.60104 9.9997 7.25657 10.3167 6.86771 10.3167C6.47884 10.3167 6.13438 9.9997 6.13438 9.63333V6.31667ZM10.3844 6.31667C10.3844 5.9503 10.7288 5.63333 11.1177 5.63333C11.5066 5.63333 11.851 5.9503 11.851 6.31667V9.63333C11.851 9.9997 11.5066 10.3167 11.1177 10.3167C10.7288 10.3167 10.3844 9.9997 10.3844 9.63333V6.31667ZM3.75938 9.85C3.33135 9.85 2.98438 10.197 2.98438 10.625C2.98438 11.053 3.33135 11.4 3.75938 11.4C4.1874 11.4 4.53438 11.053 4.53438 10.625C4.53438 10.197 4.1874 9.85 3.75938 9.85Z\"\n fill=\"currentColor\"\n />\n </svg>\n ),\n};\n\nexport const getSchemaIcon = (value?: Partial<JsonSchema>) => {\n if (value?.type === 'array') {\n return ArrayIcons[value.items?.type || 'object'];\n }\n\n return VariableTypeIcons[value?.type || 'object'];\n};\n\nconst labelStyle: React.CSSProperties = { display: 'flex', alignItems: 'center', gap: 5 };\n\nconst firstUppercase = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);\n\nconst baseOptions: CascaderData[] = [\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'string' })} />\n {firstUppercase('string')}\n </div>\n ),\n value: 'string',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'integer' })} />\n {firstUppercase('integer')}\n </div>\n ),\n value: 'integer',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'number' })} />\n {firstUppercase('number')}\n </div>\n ),\n value: 'number',\n },\n\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'boolean' })} />\n {firstUppercase('boolean')}\n </div>\n ),\n value: 'boolean',\n },\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'object' })} />\n {firstUppercase('object')}\n </div>\n ),\n value: 'object',\n },\n];\n\nexport const options: CascaderData[] = [\n ...baseOptions,\n {\n label: (\n <div style={labelStyle}>\n <Icon size=\"small\" svg={getSchemaIcon({ type: 'array' })} />\n {firstUppercase('array')}\n </div>\n ),\n value: 'array',\n children: baseOptions.map((_opt) => ({\n ..._opt,\n value: `${_opt.value}`,\n label: (\n <div style={labelStyle}>\n <Icon\n size=\"small\"\n svg={getSchemaIcon({ type: 'array', items: { type: _opt.value as string } })}\n />\n {firstUppercase(_opt.value as string)}\n </div>\n ),\n })),\n },\n];\n","import React, { useMemo } from 'react';\n\nimport { Button, Cascader } from '@douyinfe/semi-ui';\n\nimport { JsonSchema } from './types';\nimport { ArrayIcons, VariableTypeIcons, getSchemaIcon, options } from './constants';\n\ninterface PropTypes {\n value?: Partial<JsonSchema>;\n onChange: (value?: Partial<JsonSchema>) => void;\n}\n\nexport const getTypeSelectValue = (value?: Partial<JsonSchema>): string[] | undefined => {\n if (value?.type === 'array' && value?.items) {\n return [value.type, ...(getTypeSelectValue(value.items) || [])];\n }\n\n return value?.type ? [value.type] : undefined;\n};\n\nexport const parseTypeSelectValue = (value?: string[]): Partial<JsonSchema> | undefined => {\n const [type, ...subTypes] = value || [];\n\n if (type === 'array') {\n return { type: 'array', items: parseTypeSelectValue(subTypes) };\n }\n\n return { type };\n};\n\nexport function TypeSelector(props: PropTypes) {\n const { value, onChange } = props;\n\n const selectValue = useMemo(() => getTypeSelectValue(value), [value]);\n\n return (\n <Cascader\n size=\"small\"\n triggerRender={() => (\n <Button size=\"small\" style={{ width: 50 }}>\n {getSchemaIcon(value)}\n </Button>\n )}\n treeData={options}\n value={selectValue}\n leafOnly={true}\n onChange={(value) => {\n onChange(parseTypeSelectValue(value as string[]));\n }}\n />\n );\n}\n\nexport { JsonSchema, VariableTypeIcons, ArrayIcons, getSchemaIcon };\n","import React, { useMemo, useState } from 'react';\n\nimport { Button, Checkbox, IconButton, Input } from '@douyinfe/semi-ui';\nimport {\n IconExpand,\n IconShrink,\n IconPlus,\n IconChevronDown,\n IconChevronRight,\n IconMinus,\n} from '@douyinfe/semi-icons';\n\nimport { JsonSchema } from '../type-selector/types';\nimport { TypeSelector } from '../type-selector';\nimport { ConfigType, PropertyValueType } from './types';\nimport {\n IconAddChildren,\n UIActions,\n UICollapseTrigger,\n UICollapsible,\n UIContainer,\n UIExpandDetail,\n UILabel,\n UIProperties,\n UIPropertyLeft,\n UIPropertyMain,\n UIPropertyRight,\n UIRequired,\n UIType,\n} from './styles';\nimport { UIName } from './styles';\nimport { UIRow } from './styles';\nimport { usePropertiesEdit } from './hooks';\n\nexport function JsonSchemaEditor(props: {\n value?: JsonSchema;\n onChange?: (value: JsonSchema) => void;\n config?: ConfigType;\n}) {\n const { value = { type: 'object' }, config = {}, onChange: onChangeProps } = props;\n const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(\n value,\n onChangeProps\n );\n\n return (\n <UIContainer>\n <UIProperties>\n {propertyList.map((_property) => (\n <PropertyEdit\n key={_property.key}\n value={_property}\n config={config}\n onChange={(_v) => {\n onEditProperty(_property.key!, _v);\n }}\n onRemove={() => {\n onRemoveProperty(_property.key!);\n }}\n />\n ))}\n </UIProperties>\n <Button size=\"small\" style={{ marginTop: 10 }} icon={<IconPlus />} onClick={onAddProperty}>\n {config?.addButtonText ?? 'Add'}\n </Button>\n </UIContainer>\n );\n}\n\nfunction PropertyEdit(props: {\n value?: PropertyValueType;\n config?: ConfigType;\n onChange?: (value: PropertyValueType) => void;\n onRemove?: () => void;\n $isLast?: boolean;\n $showLine?: boolean;\n}) {\n const { value, config, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;\n\n const [expand, setExpand] = useState(false);\n const [collapse, setCollapse] = useState(false);\n\n const { name, type, items, description, isPropertyRequired } = value || {};\n\n const typeSelectorValue = useMemo(() => ({ type, items }), [type, items]);\n\n const { propertyList, isDrilldownObject, onAddProperty, onRemoveProperty, onEditProperty } =\n usePropertiesEdit(value, onChangeProps);\n\n const onChange = (key: string, _value: any) => {\n onChangeProps?.({\n ...(value || {}),\n [key]: _value,\n });\n };\n\n const showCollapse = isDrilldownObject && propertyList.length > 0;\n\n return (\n <>\n <UIPropertyLeft $isLast={$isLast} $showLine={$showLine}>\n {showCollapse && (\n <UICollapseTrigger onClick={() => setCollapse((_collapse) => !_collapse)}>\n {collapse ? <IconChevronDown size=\"small\" /> : <IconChevronRight size=\"small\" />}\n </UICollapseTrigger>\n )}\n </UIPropertyLeft>\n <UIPropertyRight>\n <UIPropertyMain $expand={expand}>\n <UIRow>\n <UIName>\n <Input\n placeholder={config?.placeholder ?? 'Input Variable Name'}\n size=\"small\"\n value={name}\n onChange={(value) => onChange('name', value)}\n />\n </UIName>\n <UIType>\n <TypeSelector\n value={typeSelectorValue}\n onChange={(_value) => {\n onChangeProps?.({\n ...(value || {}),\n ..._value,\n });\n }}\n />\n </UIType>\n <UIRequired>\n <Checkbox\n checked={isPropertyRequired}\n onChange={(e) => onChange('isPropertyRequired', e.target.checked)}\n />\n </UIRequired>\n <UIActions>\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={expand ? <IconShrink size=\"small\" /> : <IconExpand size=\"small\" />}\n onClick={() => setExpand((_expand) => !_expand)}\n />\n {isDrilldownObject && (\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={<IconAddChildren />}\n onClick={() => {\n onAddProperty();\n setCollapse(true);\n }}\n />\n )}\n <IconButton\n size=\"small\"\n theme=\"borderless\"\n icon={<IconMinus size=\"small\" />}\n onClick={onRemove}\n />\n </UIActions>\n </UIRow>\n {expand && (\n <UIExpandDetail>\n <UILabel>{config?.descTitle ?? 'Description'}</UILabel>\n <Input\n size=\"small\"\n value={description}\n onChange={(value) => onChange('description', value)}\n placeholder={config?.descPlaceholder ?? 'Help LLM to understand the property'}\n />\n </UIExpandDetail>\n )}\n </UIPropertyMain>\n {showCollapse && (\n <UICollapsible $collapse={collapse}>\n <UIProperties $shrink={true}>\n {propertyList.map((_property, index) => (\n <PropertyEdit\n key={_property.key}\n value={_property}\n config={config}\n onChange={(_v) => {\n onEditProperty(_property.key!, _v);\n }}\n onRemove={() => {\n onRemoveProperty(_property.key!);\n }}\n $isLast={index === propertyList.length - 1}\n $showLine={true}\n />\n ))}\n </UIProperties>\n </UICollapsible>\n )}\n </UIPropertyRight>\n </>\n );\n}\n","import React from 'react';\n\nimport styled, { css } from 'styled-components';\nimport Icon from '@douyinfe/semi-icons';\n\nexport const UIContainer = styled.div`\n /* & .semi-input {\n background-color: #fff;\n border-radius: 6px;\n height: 24px;\n } */\n`;\n\nexport const UIRow = styled.div`\n display: flex;\n align-items: center;\n gap: 6px;\n`;\n\nexport const UICollapseTrigger = styled.div`\n cursor: pointer;\n margin-right: 5px;\n`;\n\nexport const UIExpandDetail = styled.div`\n display: flex;\n flex-direction: column;\n`;\n\nexport const UILabel = styled.div`\n font-size: 12px;\n color: #999;\n font-weight: 400;\n margin-bottom: 2px;\n`;\n\nexport const UIProperties = styled.div<{ $shrink?: boolean }>`\n display: grid;\n grid-template-columns: auto 1fr;\n\n ${({ $shrink }) =>\n $shrink &&\n css`\n padding-left: 10px;\n margin-top: 10px;\n `}\n`;\n\nexport const UIPropertyLeft = styled.div<{ $isLast?: boolean; $showLine?: boolean }>`\n grid-column: 1;\n position: relative;\n\n ${({ $showLine, $isLast }) =>\n $showLine &&\n css`\n &::before {\n /* 竖线 */\n content: '';\n position: absolute;\n left: -22px;\n top: -18px;\n bottom: ${$isLast ? '12px' : '0px'};\n width: 1px;\n background: #d9d9d9;\n display: block;\n }\n\n &::after {\n /* 横线 */\n content: '';\n position: absolute;\n left: -22px; // 横线起点和竖线对齐\n top: 12px; // 跟随你的行高调整\n width: 22px; // 横线长度\n height: 1px;\n background: #d9d9d9;\n display: block;\n }\n `}\n`;\n\nexport const UIPropertyRight = styled.div`\n grid-column: 2;\n margin-bottom: 10px;\n\n &:last-child {\n margin-bottom: 0px;\n }\n`;\n\nexport const UIPropertyMain = styled.div<{ $expand?: boolean }>`\n display: flex;\n flex-direction: column;\n gap: 10px;\n\n ${({ $expand }) =>\n $expand &&\n css`\n background-color: #f5f5f5;\n padding: 10px;\n border-radius: 4px;\n `}\n`;\n\nexport const UICollapsible = styled.div<{ $collapse?: boolean }>`\n display: none;\n\n ${({ $collapse }) =>\n $collapse &&\n css`\n display: block;\n `}\n`;\n\nexport const UIName = styled.div`\n flex-grow: 1;\n`;\n\nexport const UIType = styled.div``;\n\nexport const UIRequired = styled.div``;\n\nexport const UIActions = styled.div`\n white-space: nowrap;\n`;\n\nconst iconAddChildrenSvg = (\n <svg\n className=\"icon-icon icon-icon-coz_add_node \"\n width=\"1em\"\n height=\"1em\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z\"\n ></path>\n <path d=\"M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z\"></path>\n </svg>\n);\n\nexport const IconAddChildren = () => <Icon size=\"small\" svg={iconAddChildrenSvg} />;\n","import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { PropertyValueType } from './types';\nimport { JsonSchema } from '../type-selector';\n\nlet _id = 0;\nfunction genId() {\n return _id++;\n}\n\nfunction getDrilldownSchema(\n value?: PropertyValueType,\n path?: (keyof PropertyValueType)[]\n): { schema?: PropertyValueType | null; path?: (keyof PropertyValueType)[] } {\n if (!value) {\n return {};\n }\n\n if (value.type === 'array' && value.items) {\n return getDrilldownSchema(value.items, [...(path || []), 'items']);\n }\n\n return { schema: value, path };\n}\n\nexport function usePropertiesEdit(\n value?: PropertyValueType,\n onChange?: (value: PropertyValueType) => void\n) {\n // Get drilldown (array.items.items...)\n const drilldown = useMemo(() => getDrilldownSchema(value), [value, value?.type, value?.items]);\n\n const isDrilldownObject = drilldown.schema?.type === 'object';\n\n // Generate Init Property List\n const initPropertyList = useMemo(\n () =>\n isDrilldownObject\n ? Object.entries(drilldown.schema?.properties || {}).map(\n ([name, _value]) =>\n ({\n key: genId(),\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n } as PropertyValueType)\n )\n : [],\n [isDrilldownObject]\n );\n\n const [propertyList, setPropertyList] = useState<PropertyValueType[]>(initPropertyList);\n\n const mountRef = useRef(false);\n\n useEffect(() => {\n // If initRef is true, it means the component has been mounted\n if (mountRef.current) {\n // If the value is changed, update the property list\n setPropertyList((_list) => {\n const nameMap = new Map<string, PropertyValueType>();\n\n for (const _property of _list) {\n if (_property.name) {\n nameMap.set(_property.name, _property);\n }\n }\n return Object.entries(drilldown.schema?.properties || {}).map(([name, _value]) => {\n const _property = nameMap.get(name);\n if (_property) {\n return {\n key: _property.key,\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n };\n }\n return {\n key: genId(),\n name,\n isPropertyRequired: drilldown.schema?.required?.includes(name) || false,\n ..._value,\n };\n });\n });\n }\n mountRef.current = true;\n }, [drilldown.schema]);\n\n const updatePropertyList = (updater: (list: PropertyValueType[]) => PropertyValueType[]) => {\n setPropertyList((_list) => {\n const next = updater(_list);\n\n // onChange to parent\n const nextProperties: Record<string, JsonSchema> = {};\n const nextRequired: string[] = [];\n\n for (const _property of next) {\n if (!_property.name) {\n continue;\n }\n\n nextProperties[_property.name] = _property;\n\n if (_property.isPropertyRequired) {\n nextRequired.push(_property.name);\n }\n }\n\n let drilldownSchema = value || {};\n if (drilldown.path) {\n drilldownSchema = drilldown.path.reduce((acc, key) => acc[key], value || {});\n }\n drilldownSchema.properties = nextProperties;\n drilldownSchema.required = nextRequired;\n\n onChange?.(value || {});\n\n return next;\n });\n };\n\n const onAddProperty = () => {\n updatePropertyList((_list) => [..._list, { key: genId(), name: '', type: 'string' }]);\n };\n\n const onRemoveProperty = (key: number) => {\n updatePropertyList((_list) => _list.filter((_property) => _property.key !== key));\n };\n\n const onEditProperty = (key: number, nextValue: PropertyValueType) => {\n updatePropertyList((_list) =>\n _list.map((_property) => (_property.key === key ? nextValue : _property))\n );\n };\n\n useEffect(() => {\n if (!isDrilldownObject) {\n setPropertyList([]);\n }\n }, [isDrilldownObject]);\n\n return {\n propertyList,\n isDrilldownObject,\n onAddProperty,\n onRemoveProperty,\n onEditProperty,\n };\n}\n"],"mappings":"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","names":["import_react","import_semi_ui","import_react","React","Icon","React","React","import_react","import_semi_ui","React","value","import_react","import_semi_ui","import_semi_icons","import_react","import_semi_icons","styled","React","Icon","import_react","React","value"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flowgram.ai/form-materials",
3
- "version": "0.1.29",
3
+ "version": "0.1.31",
4
4
  "homepage": "https://flowgram.ai/",
5
5
  "repository": "https://github.com/bytedance/flowgram.ai",
6
6
  "license": "MIT",
@@ -29,7 +29,7 @@
29
29
  "commander": "^11.0.0",
30
30
  "chalk": "^5.3.0",
31
31
  "inquirer": "^9.2.7",
32
- "@flowgram.ai/editor": "0.1.29"
32
+ "@flowgram.ai/editor": "0.1.31"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash": "^4.14.137",
@@ -43,8 +43,8 @@
43
43
  "tsup": "^8.0.1",
44
44
  "typescript": "^5.0.4",
45
45
  "vitest": "^0.34.6",
46
- "@flowgram.ai/ts-config": "0.1.29",
47
- "@flowgram.ai/eslint-config": "0.1.29"
46
+ "@flowgram.ai/eslint-config": "0.1.31",
47
+ "@flowgram.ai/ts-config": "0.1.31"
48
48
  },
49
49
  "peerDependencies": {
50
50
  "react": ">=16.8",
package/src/components/json-schema-editor/index.tsx CHANGED
@@ -12,7 +12,7 @@ import {
12
12
 
13
13
  import { JsonSchema } from '../type-selector/types';
14
14
  import { TypeSelector } from '../type-selector';
15
- import { PropertyValueType } from './types';
15
+ import { ConfigType, PropertyValueType } from './types';
16
16
  import {
17
17
  IconAddChildren,
18
18
  UIActions,
@@ -35,8 +35,9 @@ import { usePropertiesEdit } from './hooks';
35
35
  export function JsonSchemaEditor(props: {
36
36
  value?: JsonSchema;
37
37
  onChange?: (value: JsonSchema) => void;
38
+ config?: ConfigType;
38
39
  }) {
39
- const { value = { type: 'object' }, onChange: onChangeProps } = props;
40
+ const { value = { type: 'object' }, config = {}, onChange: onChangeProps } = props;
40
41
  const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(
41
42
  value,
42
43
  onChangeProps
@@ -49,6 +50,7 @@ export function JsonSchemaEditor(props: {
49
50
  <PropertyEdit
50
51
  key={_property.key}
51
52
  value={_property}
53
+ config={config}
52
54
  onChange={(_v) => {
53
55
  onEditProperty(_property.key!, _v);
54
56
  }}
@@ -59,7 +61,7 @@ export function JsonSchemaEditor(props: {
59
61
  ))}
60
62
  </UIProperties>
61
63
  <Button size="small" style={{ marginTop: 10 }} icon={<IconPlus />} onClick={onAddProperty}>
62
- Add
64
+ {config?.addButtonText ?? 'Add'}
63
65
  </Button>
64
66
  </UIContainer>
65
67
  );
@@ -67,12 +69,13 @@ export function JsonSchemaEditor(props: {
67
69
 
68
70
  function PropertyEdit(props: {
69
71
  value?: PropertyValueType;
72
+ config?: ConfigType;
70
73
  onChange?: (value: PropertyValueType) => void;
71
74
  onRemove?: () => void;
72
75
  $isLast?: boolean;
73
76
  $showLine?: boolean;
74
77
  }) {
75
- const { value, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;
78
+ const { value, config, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;
76
79
 
77
80
  const [expand, setExpand] = useState(false);
78
81
  const [collapse, setCollapse] = useState(false);
@@ -107,7 +110,7 @@ function PropertyEdit(props: {
107
110
  <UIRow>
108
111
  <UIName>
109
112
  <Input
110
- placeholder="Input Variable Name"
113
+ placeholder={config?.placeholder ?? 'Input Variable Name'}
111
114
  size="small"
112
115
  value={name}
113
116
  onChange={(value) => onChange('name', value)}
@@ -158,12 +161,12 @@ function PropertyEdit(props: {
158
161
  </UIRow>
159
162
  {expand && (
160
163
  <UIExpandDetail>
161
- <UILabel>Description</UILabel>
164
+ <UILabel>{config?.descTitle ?? 'Description'}</UILabel>
162
165
  <Input
163
166
  size="small"
164
167
  value={description}
165
168
  onChange={(value) => onChange('description', value)}
166
- placeholder="Help LLM to understand the property"
169
+ placeholder={config?.descPlaceholder ?? 'Help LLM to understand the property'}
167
170
  />
168
171
  </UIExpandDetail>
169
172
  )}
@@ -175,6 +178,7 @@ function PropertyEdit(props: {
175
178
  <PropertyEdit
176
179
  key={_property.key}
177
180
  value={_property}
181
+ config={config}
178
182
  onChange={(_v) => {
179
183
  onEditProperty(_property.key!, _v);
180
184
  }}
package/src/components/json-schema-editor/types.ts CHANGED
@@ -9,3 +9,10 @@ export interface PropertyValueType extends JsonSchema {
9
9
  export type PropertiesValueType = Pick<PropertyValueType, 'properties' | 'required'>;
10
10
 
11
11
  export type JsonSchemaProperties = JsonSchema['properties'];
12
+
13
+ export interface ConfigType {
14
+ placeholder?: string;
15
+ descTitle?: string;
16
+ descPlaceholder?: string;
17
+ addButtonText?: string;
18
+ }
package/src/components/variable-selector/index.tsx CHANGED
@@ -6,6 +6,9 @@ import { useVariableTree } from './use-variable-tree';
6
6
 
7
7
  export interface PropTypes {
8
8
  value?: string;
9
+ config: {
10
+ placeholder?: string;
11
+ };
9
12
  onChange: (value?: string) => void;
10
13
  readonly?: boolean;
11
14
  hasError?: boolean;
@@ -14,6 +17,7 @@ export interface PropTypes {
14
17
 
15
18
  export const VariableSelector = ({
16
19
  value,
20
+ config,
17
21
  onChange,
18
22
  style,
19
23
  readonly = false,
@@ -38,7 +42,7 @@ export const VariableSelector = ({
38
42
  onChange(option as string);
39
43
  }}
40
44
  showClear
41
- placeholder="Select Variable..."
45
+ placeholder={config?.placeholder ?? 'Select Variable...'}
42
46
  />
43
47
  </>
44
48
  );