@fudanda/workflow 0.0.0-stage → 1.20261015.1-beta.1

package/vendor/coze/original/node-category-panel.tsx

@@ -0,0 +1,53 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type PropsWithChildren } from 'react';
+
+import { concatTestId } from '@coze-workflow/base';
+import { Typography } from '@coze-arch/coze-design';
+
+import styles from './index.module.less';
+export interface NodeCategoryPanelProps {
+  categoryName?: string;
+}
+export const NodeCategoryPanel = function ({
+  categoryName,
+  children,
+}: PropsWithChildren<NodeCategoryPanelProps>) {
+  return (
+    <div className="node-category-panel">
+      {categoryName ? (
+        <Typography.Text
+          className="block coz-fg-secondary leading-5 mb-1 pl-1 font-['PICO_Sans_VFE_SC']"
+          weight={500}
+          size="normal"
+          data-testid={concatTestId(
+            'workflow.detail.node-panel.list.category.name',
+            categoryName,
+          )}
+        >
+          {categoryName}
+        </Typography.Text>
+      ) : null}
+      <div
+        className={styles['node-category-list']}
+        data-testid="workflow.detail.node-panel.list.category.list"
+      >
+        {children}
+      </div>
+    </div>
+  );
+};

package/vendor/coze/original/node-config-form.tsx

@@ -0,0 +1,67 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type PropsWithChildren } from 'react';
+
+import { PublicScopeProvider } from '@coze-workflow/variable';
+import { useIsSettingOnError } from '@coze-workflow/nodes';
+
+import { useGlobalState } from '@/hooks';
+import { Form } from '@/form';
+
+import { SettingOnError } from '../fields';
+import { Header } from './header';
+
+type NodeConfigFormProps = PropsWithChildren<{
+  extraOperation?: React.ReactNode;
+  batchModePath?: string;
+  nodeDisabled?: boolean;
+  readonlyAllowDeleteOperation?: boolean;
+}>;
+
+/**
+ * NodeConfigForm component
+ * Used to display node configuration forms
+ * @Param children - child component for rendering form content
+ */
+export function NodeConfigForm({
+  children,
+  extraOperation,
+  batchModePath,
+  nodeDisabled,
+  readonlyAllowDeleteOperation,
+}: NodeConfigFormProps) {
+  const { readonly } = useGlobalState();
+  const isSettingOnError = useIsSettingOnError();
+
+  return (
+    <>
+      <Header
+        extraOperation={extraOperation}
+        nodeDisabled={nodeDisabled}
+        readonlyAllowDeleteOperation={readonlyAllowDeleteOperation}
+      />
+      <PublicScopeProvider>
+        <Form readonly={readonly}>
+          {children}
+          {isSettingOnError ? (
+            <SettingOnError batchModePath={batchModePath} />
+          ) : null}
+        </Form>
+      </PublicScopeProvider>
+    </>
+  );
+}

package/vendor/coze/original/node-header.less

@@ -0,0 +1,165 @@
+/* stylelint-disable declaration-no-important */
+/* stylelint-disable no-descending-specificity */
+.container {
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+
+  margin-bottom: 8px;
+
+  -webkit-font-smoothing: antialiased;
+}
+
+
+// 覆盖 MonacoEditor tooltip 样式，解决 MonacoEditor tooltip 位置不准的问题。预期：固定在底部
+.json-editor {
+  :global {
+
+    /* stylelint-disable-next-line selector-class-pattern */
+    .overflowingContentWidgets {
+      position: relative;
+    }
+  }
+
+  div[widgetid='editor.contrib.resizableContentHoverWidget'] {
+    position: absolute !important;
+    top: 0 !important; // 调整上方距离
+    left: 0 !important; // 调整左方距离
+  }
+}
+
+.logo {
+  position: relative;
+
+  flex-shrink: 0;
+
+  width: 24px; // Set this to the desired logo size
+  height: 24px;
+  margin-right: 8px;
+
+  border-radius: 4px;
+
+  &::after {
+    content: '';
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    display: block;
+
+    width: 100%;
+    height: 100%;
+
+    border-radius: 4px;
+    box-shadow: inset 0 0 0 1px var(--coz-stroke-plus);
+  }
+
+  > img {
+    width: 24px; // Set this to the desired logo size
+    height: 24px;
+    border-radius: 4px;
+  }
+}
+
+.input-wrapper {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  :global(input) {
+    font-size: 16px!important;
+    font-weight: 500!important;
+  }
+}
+
+.input-readonly {
+  overflow: hidden;
+  display: flex;
+  flex: 1;
+  column-gap: 4px;
+  align-items: center;
+
+  padding-right: 4px;
+
+  :global {
+    p {
+      font-size: 16px!important;
+    font-weight: 500!important;
+    }
+
+    .coz-icon-button-mini {
+      line-height: 0;
+    }
+  }
+}
+
+.input-wrapper,
+.input {
+  flex: 1;
+}
+
+.input {
+  font-size: 16px;
+
+
+  &,
+  &:focus,
+  &:disabled {
+    margin: 0;
+    padding: 0;
+    color: #000;
+    background-color: transparent;
+  }
+}
+
+.input-error {
+  background-color: var(--semi-color-danger-light-default);
+}
+
+
+
+.subtitle {
+  margin-top: 2px;
+  margin-bottom: 0;
+  padding-left: 28px;
+
+  font-size: 12px;
+  line-height: 16px;
+  color: rgb(28 29 35 / 35%);
+}
+
+.operators {
+  display: flex;
+  flex-direction: row;
+  column-gap: 4px;
+  align-items: center;
+
+  :global(.icon-icon) {
+    font-size: 18px;
+  }
+}
+
+.dropdown-menus {
+  width: 233px;
+
+  &:global(.coz-menu.coz-selection-mode.semi-dropdown-menu .coz-list-item) {
+    padding-left: 8px;
+  }
+
+  &:global(.coz-menu.coz-selection-mode.semi-dropdown-menu .extra-operation-item .coz-item-text) {
+    width: 100%;
+  }
+
+  &:global(.coz-menu.coz-selection-mode.semi-dropdown-menu .coz-item-text) {
+    @apply coz-fg-primary;
+  }
+}
+
+.text-area-wrapper {
+  :global(.semi-input-textarea) {
+    font-size: 12px;
+  }
+}