@baishuyun/ai-design 2.0.37 → 2.1.0-alpha.0

package/src/stories/field-checker-list-msg.stories.tsx

@@ -1,95 +1,95 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { FieldCheckerListMsg, FieldValueCheckerListMsg } from "../components/field-checker-list-msg";
-import { FieldIcon } from "../components/field-icon";
-import type { FieldCheckerProps } from "../components/field-checker";
-import type { FieldValueCheckerProps } from "../components/field-value-checker";
-
-const makeField = (label: string, type = "text"): FieldCheckerProps["field"] => ({
-  label,
-  widget: { widgetName: label, type },
-});
-
-const makeCheckerFields = (): FieldCheckerProps[] => [
-  { field: makeField("供应商名称", "text"), icon: <FieldIcon type="text" />, onChange: (c, f) => console.log("change", c, f.label) },
-  { field: makeField("联系方式", "text"), icon: <FieldIcon type="text" />, onChange: (c, f) => console.log("change", c, f.label) },
-  { field: makeField("地址", "location"), icon: <FieldIcon type="location" />, onChange: (c, f) => console.log("change", c, f.label) },
-  { field: makeField("供应商等级", "radiogroup"), icon: <FieldIcon type="radiogroup" />, onChange: (c, f) => console.log("change", c, f.label) },
-];
-
-const makeFilledFields = (): FieldValueCheckerProps[] => [
-  { field: { label: "供应商名称", widget: { widgetName: "name", type: "text", value: "腾讯科技" } }, onChange: () => {} },
-  { field: { label: "联系电话", widget: { widgetName: "phone", type: "text", value: "0755-86013388" } }, onChange: () => {} },
-  { field: { label: "员工数量", widget: { widgetName: "count", type: "number", value: 50000 } }, onChange: () => {} },
-];
-
-const meta: Meta<typeof FieldCheckerListMsg> = {
-  title: "Example/Chat/FieldCheckerListMsg",
-  component: FieldCheckerListMsg,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  decorators: [
-    (Story) => (
-      <div style={{ width: 500 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof FieldCheckerListMsg>;
-
-export const Default: Story = {
-  args: {
-    fields: makeCheckerFields(),
-    streaming: false,
-  },
-};
-
-export const StreamingState: Story = {
-  args: {
-    fields: makeCheckerFields(),
-    streaming: true,
-  },
-};
-
-export const ConfirmedState: Story = {
-  args: {
-    fields: makeCheckerFields(),
-    streaming: false,
-    confirmed: true,
-  },
-};
-
-export const FieldValueCheckerListMsgDefault: Story = {
-  args: {
-    fields: [],
-    streaming: false,
-  },
-  render: () => (
-    <div style={{ width: 500 }}>
-      <FieldValueCheckerListMsg
-        props={makeFilledFields()}
-        streaming={false}
-      />
-    </div>
-  ),
-};
-
-export const FieldValueCheckerListMsgStreaming: Story = {
-  args: {
-    fields: [],
-    streaming: false,
-  },
-  render: () => (
-    <div style={{ width: 500 }}>
-      <FieldValueCheckerListMsg
-        props={makeFilledFields()}
-        streaming={true}
-      />
-    </div>
-  ),
-};
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { FieldCheckerListMsg, FieldValueCheckerListMsg } from "../components/field-checker-list-msg";
+import { FieldIcon } from "../components/field-icon";
+import type { FieldCheckerProps } from "../components/field-checker";
+import type { FieldValueCheckerProps } from "../components/field-value-checker";
+
+const makeField = (label: string, type = "text"): FieldCheckerProps["field"] => ({
+  label,
+  widget: { widgetName: label, type },
+});
+
+const makeCheckerFields = (): FieldCheckerProps[] => [
+  { field: makeField("供应商名称", "text"), icon: <FieldIcon type="text" />, onChange: (c, f) => console.log("change", c, f.label) },
+  { field: makeField("联系方式", "text"), icon: <FieldIcon type="text" />, onChange: (c, f) => console.log("change", c, f.label) },
+  { field: makeField("地址", "location"), icon: <FieldIcon type="location" />, onChange: (c, f) => console.log("change", c, f.label) },
+  { field: makeField("供应商等级", "radiogroup"), icon: <FieldIcon type="radiogroup" />, onChange: (c, f) => console.log("change", c, f.label) },
+];
+
+const makeFilledFields = (): FieldValueCheckerProps[] => [
+  { field: { label: "供应商名称", widget: { widgetName: "name", type: "text", value: "腾讯科技" } }, onChange: () => {} },
+  { field: { label: "联系电话", widget: { widgetName: "phone", type: "text", value: "0755-86013388" } }, onChange: () => {} },
+  { field: { label: "员工数量", widget: { widgetName: "count", type: "number", value: 50000 } }, onChange: () => {} },
+];
+
+const meta: Meta<typeof FieldCheckerListMsg> = {
+  title: "Example/Chat/FieldCheckerListMsg",
+  component: FieldCheckerListMsg,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  decorators: [
+    (Story) => (
+      <div style={{ width: 500 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof FieldCheckerListMsg>;
+
+export const Default: Story = {
+  args: {
+    fields: makeCheckerFields(),
+    streaming: false,
+  },
+};
+
+export const StreamingState: Story = {
+  args: {
+    fields: makeCheckerFields(),
+    streaming: true,
+  },
+};
+
+export const ConfirmedState: Story = {
+  args: {
+    fields: makeCheckerFields(),
+    streaming: false,
+    confirmed: true,
+  },
+};
+
+export const FieldValueCheckerListMsgDefault: Story = {
+  args: {
+    fields: [],
+    streaming: false,
+  },
+  render: () => (
+    <div style={{ width: 500 }}>
+      <FieldValueCheckerListMsg
+        props={makeFilledFields()}
+        streaming={false}
+      />
+    </div>
+  ),
+};
+
+export const FieldValueCheckerListMsgStreaming: Story = {
+  args: {
+    fields: [],
+    streaming: false,
+  },
+  render: () => (
+    <div style={{ width: 500 }}>
+      <FieldValueCheckerListMsg
+        props={makeFilledFields()}
+        streaming={true}
+      />
+    </div>
+  ),
+};

package/src/stories/field-checker.stories.tsx

@@ -1,117 +1,117 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { FieldChecker } from "../components/field-checker";
-import { FieldIcon } from "../components/field-icon";
-import type { FieldCheckerProps } from "../components/field-checker";
-
-const makeField = (overrides: Partial<FieldCheckerProps["field"]> = {}): FieldCheckerProps["field"] => ({
-  label: "供应商名称",
-  widget: {
-    widgetName: "supplier_name",
-    type: "text",
-    ...overrides.widget,
-  },
-  ...overrides,
-});
-
-const meta: Meta<typeof FieldChecker> = {
-  title: "Example/Chat/FieldChecker",
-  component: FieldChecker,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  decorators: [
-    (Story) => (
-      <div style={{ width: 400 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof FieldChecker>;
-
-export const Default: Story = {
-  args: {
-    field: makeField(),
-    icon: <FieldIcon type="text" />,
-  },
-};
-
-export const WithOptions: Story = {
-  args: {
-    field: {
-      label: "供应商等级",
-      widget: {
-        widgetName: "supplier_level",
-        type: "radiogroup",
-        items: [
-          { value: "A", text: "A级", color: "#52c41a" },
-          { value: "B", text: "B级", color: "#1677ff" },
-          { value: "C", text: "C级", color: "#fa8c16" },
-        ],
-      },
-    },
-    icon: <FieldIcon type="radiogroup" />,
-  },
-};
-
-export const WithValue: Story = {
-  args: {
-    field: makeField({ widget: { widgetName: "supplier_name", type: "text" } }),
-    value: "深圳市腾讯计算机系统有限公司",
-    icon: <FieldIcon type="text" />,
-  },
-};
-
-export const Subform: Story = {
-  args: {
-    field: {
-      label: "联系方式",
-      widget: {
-        widgetName: "contact_info",
-        type: "subform",
-        items: [
-          {
-            label: "联系人",
-            widget: { widgetName: "contact_name", type: "text" },
-          },
-          {
-            label: "电话",
-            widget: { widgetName: "contact_phone", type: "text" },
-          },
-        ],
-      },
-    },
-    icon: <FieldIcon type="subform" />,
-    onChange: (checked, field, parentFieldName, index) => {
-      console.log("FieldChecker onChange:", { checked, field: field.label, parentFieldName, index });
-    },
-  },
-};
-
-export const Disabled: Story = {
-  args: {
-    field: makeField(),
-    disabled: true,
-    icon: <FieldIcon type="text" />,
-  },
-};
-
-export const Confirmed: Story = {
-  args: {
-    field: makeField(),
-    confirmed: true,
-    icon: <FieldIcon type="text" />,
-  },
-};
-
-export const Streaming: Story = {
-  args: {
-    field: makeField(),
-    streaming: true,
-    icon: <FieldIcon type="text" />,
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { FieldChecker } from "../components/field-checker";
+import { FieldIcon } from "../components/field-icon";
+import type { FieldCheckerProps } from "../components/field-checker";
+
+const makeField = (overrides: Partial<FieldCheckerProps["field"]> = {}): FieldCheckerProps["field"] => ({
+  label: "供应商名称",
+  widget: {
+    widgetName: "supplier_name",
+    type: "text",
+    ...overrides.widget,
+  },
+  ...overrides,
+});
+
+const meta: Meta<typeof FieldChecker> = {
+  title: "Example/Chat/FieldChecker",
+  component: FieldChecker,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  decorators: [
+    (Story) => (
+      <div style={{ width: 400 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof FieldChecker>;
+
+export const Default: Story = {
+  args: {
+    field: makeField(),
+    icon: <FieldIcon type="text" />,
+  },
+};
+
+export const WithOptions: Story = {
+  args: {
+    field: {
+      label: "供应商等级",
+      widget: {
+        widgetName: "supplier_level",
+        type: "radiogroup",
+        items: [
+          { value: "A", text: "A级", color: "#52c41a" },
+          { value: "B", text: "B级", color: "#1677ff" },
+          { value: "C", text: "C级", color: "#fa8c16" },
+        ],
+      },
+    },
+    icon: <FieldIcon type="radiogroup" />,
+  },
+};
+
+export const WithValue: Story = {
+  args: {
+    field: makeField({ widget: { widgetName: "supplier_name", type: "text" } }),
+    value: "深圳市腾讯计算机系统有限公司",
+    icon: <FieldIcon type="text" />,
+  },
+};
+
+export const Subform: Story = {
+  args: {
+    field: {
+      label: "联系方式",
+      widget: {
+        widgetName: "contact_info",
+        type: "subform",
+        items: [
+          {
+            label: "联系人",
+            widget: { widgetName: "contact_name", type: "text" },
+          },
+          {
+            label: "电话",
+            widget: { widgetName: "contact_phone", type: "text" },
+          },
+        ],
+      },
+    },
+    icon: <FieldIcon type="subform" />,
+    onChange: (checked, field, parentFieldName, index) => {
+      console.log("FieldChecker onChange:", { checked, field: field.label, parentFieldName, index });
+    },
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    field: makeField(),
+    disabled: true,
+    icon: <FieldIcon type="text" />,
+  },
+};
+
+export const Confirmed: Story = {
+  args: {
+    field: makeField(),
+    confirmed: true,
+    icon: <FieldIcon type="text" />,
+  },
+};
+
+export const Streaming: Story = {
+  args: {
+    field: makeField(),
+    streaming: true,
+    icon: <FieldIcon type="text" />,
+  },
+};

package/src/stories/field-icon.stories.tsx

@@ -1,70 +1,70 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { FieldIcon } from "../components/field-icon";
-
-const meta: Meta<typeof FieldIcon> = {
-  title: "Example/Chat/FieldIcon",
-  component: FieldIcon,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof FieldIcon>;
-
-export const Text: Story = {
-  args: { type: "text" },
-};
-
-export const Number: Story = {
-  args: { type: "number" },
-};
-
-export const Datetime: Story = {
-  args: { type: "datetime" },
-};
-
-export const Subform: Story = {
-  args: { type: "subform" },
-};
-
-export const Formula: Story = {
-  args: { type: "formula" },
-};
-
-export const Location: Story = {
-  args: { type: "location" },
-};
-
-export const Upload: Story = {
-  args: { type: "upload" },
-};
-
-export const Unknown: Story = {
-  args: { type: "unknown" },
-};
-
-export const AllIcons: Story = {
-  args: { type: "text" },
-  render: () => {
-    const types = [
-      "text", "number", "datetime", "location", "address", "subform",
-      "password", "textarea", "radiogroup", "radio", "combo", "combocheck",
-      "checkboxgroup", "separator", "upload", "image", "signature", "button",
-      "user", "usergroup", "dept", "deptgroup", "dataload", "linkdata",
-      "linkquery", "sn", "formula", "flowState", "unknown",
-    ] as const;
-    return (
-      <div style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)", gap: 12 }}>
-        {types.map((type) => (
-          <div key={type} style={{ display: "flex", flexDirection: "column", alignItems: "center", gap: 4 }}>
-            <FieldIcon type={type} />
-            <span style={{ fontSize: 11 }}>{type}</span>
-          </div>
-        ))}
-      </div>
-    );
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { FieldIcon } from "../components/field-icon";
+
+const meta: Meta<typeof FieldIcon> = {
+  title: "Example/Chat/FieldIcon",
+  component: FieldIcon,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof FieldIcon>;
+
+export const Text: Story = {
+  args: { type: "text" },
+};
+
+export const Number: Story = {
+  args: { type: "number" },
+};
+
+export const Datetime: Story = {
+  args: { type: "datetime" },
+};
+
+export const Subform: Story = {
+  args: { type: "subform" },
+};
+
+export const Formula: Story = {
+  args: { type: "formula" },
+};
+
+export const Location: Story = {
+  args: { type: "location" },
+};
+
+export const Upload: Story = {
+  args: { type: "upload" },
+};
+
+export const Unknown: Story = {
+  args: { type: "unknown" },
+};
+
+export const AllIcons: Story = {
+  args: { type: "text" },
+  render: () => {
+    const types = [
+      "text", "number", "datetime", "location", "address", "subform",
+      "password", "textarea", "radiogroup", "radio", "combo", "combocheck",
+      "checkboxgroup", "separator", "upload", "image", "signature", "button",
+      "user", "usergroup", "dept", "deptgroup", "dataload", "linkdata",
+      "linkquery", "sn", "formula", "flowState", "unknown",
+    ] as const;
+    return (
+      <div style={{ display: "grid", gridTemplateColumns: "repeat(6, 1fr)", gap: 12 }}>
+        {types.map((type) => (
+          <div key={type} style={{ display: "flex", flexDirection: "column", alignItems: "center", gap: 4 }}>
+            <FieldIcon type={type} />
+            <span style={{ fontSize: 11 }}>{type}</span>
+          </div>
+        ))}
+      </div>
+    );
+  },
+};