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

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

@@ -1,113 +1,113 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-
-import { FieldValueChecker } from "../components/field-value-checker";
-import type { FieldValueCheckerProps } from "../components/field-value-checker";
-
-const makeField = (overrides: Partial<FieldValueCheckerProps["field"]> = {}): FieldValueCheckerProps["field"] => ({
-  label: "供应商名称",
-  widget: {
-    widgetName: "supplier_name",
-    type: "text",
-    value: "深圳市腾讯计算机系统有限公司",
-    ...overrides.widget,
-  },
-  ...overrides,
-});
-
-const meta: Meta<typeof FieldValueChecker> = {
-  title: "Example/Chat/FieldValueChecker",
-  component: FieldValueChecker,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered",
-  },
-  decorators: [
-    (Story) => (
-      <div style={{ width: 400 }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
-export default meta;
-type Story = StoryObj<typeof FieldValueChecker>;
-
-export const Default: Story = {
-  args: {
-    field: makeField(),
-  },
-};
-
-export const NumberField: Story = {
-  args: {
-    field: makeField({
-      widget: { widgetName: "count", type: "number", value: 42 },
-    }),
-  },
-};
-
-export const Address: Story = {
-  args: {
-    field: {
-      label: "公司地址",
-      widget: {
-        widgetName: "address",
-        type: "address",
-        value: { province: "广东省", city: "深圳市", district: "南山区", detail: "科技园路1号" },
-      },
-    },
-  },
-};
-
-export const LocationField: Story = {
-  args: {
-    field: {
-      label: "位置",
-      widget: {
-        widgetName: "location",
-        type: "location",
-        value: { lnglatXY: ["113.946", "22.547"] },
-      },
-    },
-  },
-};
-
-export const SubForm: Story = {
-  args: {
-    field: {
-      label: "联系方式",
-      widget: {
-        widgetName: "contact_info",
-        type: "subform",
-        value: [
-          [
-            { label: "联系人", fieldName: "name", fieldType: "text", value: "张三" },
-            { label: "电话", fieldName: "phone", fieldType: "text", value: "13800138000" },
-          ],
-          [
-            { label: "联系人", fieldName: "name", fieldType: "text", value: "李四" },
-            { label: "电话", fieldName: "phone", fieldType: "text", value: "13900139000" },
-          ],
-        ],
-      },
-    },
-    onChange: (checked, field, parentFieldName, row) => {
-      console.log("FieldValueChecker onChange:", { checked, field: field.label, parentFieldName, row });
-    },
-  },
-};
-
-export const ReadOnly: Story = {
-  args: {
-    field: makeField(),
-    readonly: true,
-  },
-};
-
-export const Streaming: Story = {
-  args: {
-    field: makeField(),
-    streaming: true,
-  },
-};
+import type { Meta, StoryObj } from "@storybook/react-vite";
+
+import { FieldValueChecker } from "../components/field-value-checker";
+import type { FieldValueCheckerProps } from "../components/field-value-checker";
+
+const makeField = (overrides: Partial<FieldValueCheckerProps["field"]> = {}): FieldValueCheckerProps["field"] => ({
+  label: "供应商名称",
+  widget: {
+    widgetName: "supplier_name",
+    type: "text",
+    value: "深圳市腾讯计算机系统有限公司",
+    ...overrides.widget,
+  },
+  ...overrides,
+});
+
+const meta: Meta<typeof FieldValueChecker> = {
+  title: "Example/Chat/FieldValueChecker",
+  component: FieldValueChecker,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  decorators: [
+    (Story) => (
+      <div style={{ width: 400 }}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof FieldValueChecker>;
+
+export const Default: Story = {
+  args: {
+    field: makeField(),
+  },
+};
+
+export const NumberField: Story = {
+  args: {
+    field: makeField({
+      widget: { widgetName: "count", type: "number", value: 42 },
+    }),
+  },
+};
+
+export const Address: Story = {
+  args: {
+    field: {
+      label: "公司地址",
+      widget: {
+        widgetName: "address",
+        type: "address",
+        value: { province: "广东省", city: "深圳市", district: "南山区", detail: "科技园路1号" },
+      },
+    },
+  },
+};
+
+export const LocationField: Story = {
+  args: {
+    field: {
+      label: "位置",
+      widget: {
+        widgetName: "location",
+        type: "location",
+        value: { lnglatXY: ["113.946", "22.547"] },
+      },
+    },
+  },
+};
+
+export const SubForm: Story = {
+  args: {
+    field: {
+      label: "联系方式",
+      widget: {
+        widgetName: "contact_info",
+        type: "subform",
+        value: [
+          [
+            { label: "联系人", fieldName: "name", fieldType: "text", value: "张三" },
+            { label: "电话", fieldName: "phone", fieldType: "text", value: "13800138000" },
+          ],
+          [
+            { label: "联系人", fieldName: "name", fieldType: "text", value: "李四" },
+            { label: "电话", fieldName: "phone", fieldType: "text", value: "13900139000" },
+          ],
+        ],
+      },
+    },
+    onChange: (checked, field, parentFieldName, row) => {
+      console.log("FieldValueChecker onChange:", { checked, field: field.label, parentFieldName, row });
+    },
+  },
+};
+
+export const ReadOnly: Story = {
+  args: {
+    field: makeField(),
+    readonly: true,
+  },
+};
+
+export const Streaming: Story = {
+  args: {
+    field: makeField(),
+    streaming: true,
+  },
+};

package/src/stories/fields-design-info-table.stories.tsx

@@ -1,203 +1,203 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { IFieldDesignInfo } from '@baishuyun/types';
-import { FieldsDesignInfoTable } from '../components/fields-design-info-table';
-
-const meta: Meta<typeof FieldsDesignInfoTable> = {
-  title: 'Example/Chat/FieldsDesignInfoTable',
-  component: FieldsDesignInfoTable,
-  tags: ['autodocs'],
-  parameters: {
-    layout: 'centered',
-  },
-  decorators: [
-    (Story) => (
-      <div style={{ width: 420 }}>
-        <Story />
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof FieldsDesignInfoTable>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-const basicFields: IFieldDesignInfo[] = [
-  {
-    fieldName: '订单编号',
-    type: '流水号',
-    required: true,
-    description: '唯一标识订单的编号',
-    relationDesc: '',
-  },
-  {
-    fieldName: '下单日期',
-    type: '日期时间',
-    required: true,
-    description: '选择订单的下单日期时间',
-    relationDesc: '',
-  },
-  {
-    fieldName: '客户名称',
-    type: '文本',
-    required: true,
-    description: '输入客户的名称',
-    relationDesc: '',
-  },
-  {
-    fieldName: '联系电话',
-    type: '文本',
-    required: true,
-    description: '输入客户的联系电话',
-    relationDesc: '',
-  },
-  {
-    fieldName: '收货地址',
-    type: '地址',
-    required: true,
-    description: '选择或输入收货地址',
-    relationDesc: '',
-  },
-];
-
-const fieldsWithSubform: IFieldDesignInfo[] = [
-  ...basicFields,
-  {
-    fieldName: '商品明细',
-    type: '子表单',
-    required: true,
-    description: '填写订单商品明细',
-    relationDesc: '',
-    isSubForm: true,
-  },
-  {
-    fieldName: '商品名称',
-    type: '文本',
-    required: true,
-    description: '输入商品的名称',
-    relationDesc: '',
-    isFieldInSubForm: true,
-    parentFormName: '商品明细',
-  },
-  {
-    fieldName: '商品单价',
-    type: '数字',
-    required: true,
-    description: '输入商品的单价',
-    relationDesc: '',
-    isFieldInSubForm: true,
-    parentFormName: '商品明细',
-  },
-  {
-    fieldName: '购买数量',
-    type: '数字',
-    required: true,
-    description: '输入商品的购买数量',
-    relationDesc: '',
-    isFieldInSubForm: true,
-    parentFormName: '商品明细',
-  },
-  {
-    fieldName: '商品金额',
-    type: '数字',
-    required: true,
-    description: '自动计算商品金额（单价*数量）红红火火恍恍惚惚哈哈哈哈哈哈哈',
-    relationDesc: '',
-    isFieldInSubForm: true,
-    parentFormName: '商品明细',
-  },
-];
-
-/** 基础表格 - 无子表单 */
-export const Basic: Story = {
-  args: {
-    fields: basicFields,
-  },
-};
-
-/** 包含子表单 - 可展开/收起 */
-export const WithSubForm: Story = {
-  args: {
-    fields: fieldsWithSubform,
-  },
-};
-
-/** 空数据 */
-export const Empty: Story = {
-  args: {
-    fields: [],
-  },
-};
-
-/** 多个子表单 */
-export const MultipleSubForms: Story = {
-  args: {
-    fields: [
-      {
-        fieldName: '项目名称',
-        type: '文本',
-        required: true,
-        description: '输入项目名称',
-        relationDesc: '',
-      },
-      {
-        fieldName: '团队成员',
-        type: '子表单',
-        required: true,
-        description: '添加团队成员信息',
-        relationDesc: '',
-        isSubForm: true,
-      },
-      {
-        fieldName: '姓名',
-        type: '文本',
-        required: true,
-        description: '输入成员姓名',
-        relationDesc: '',
-        isFieldInSubForm: true,
-        parentFormName: '团队成员',
-      },
-      {
-        fieldName: '职位',
-        type: '文本',
-        required: false,
-        description: '输入成员职位',
-        relationDesc: '',
-        isFieldInSubForm: true,
-        parentFormName: '团队成员',
-      },
-      {
-        fieldName: '备注',
-        type: '文本',
-        required: false,
-        description: '输入备注信息',
-        relationDesc: '',
-      },
-      {
-        fieldName: '里程碑',
-        type: '子表单',
-        required: false,
-        description: '添加项目里程碑',
-        relationDesc: '',
-        isSubForm: true,
-      },
-      {
-        fieldName: '阶段名称',
-        type: '文本',
-        required: true,
-        description: '输入里程碑阶段名称',
-        relationDesc: '',
-        isFieldInSubForm: true,
-        parentFormName: '里程碑',
-      },
-      {
-        fieldName: '截止日期',
-        type: '日期时间',
-        required: true,
-        description: '选择里程碑截止日期',
-        relationDesc: '',
-        isFieldInSubForm: true,
-        parentFormName: '里程碑',
-      },
-    ],
-  },
-};
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { IFieldDesignInfo } from '@baishuyun/types';
+import { FieldsDesignInfoTable } from '../components/fields-design-info-table';
+
+const meta: Meta<typeof FieldsDesignInfoTable> = {
+  title: 'Example/Chat/FieldsDesignInfoTable',
+  component: FieldsDesignInfoTable,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered',
+  },
+  decorators: [
+    (Story) => (
+      <div style={{ width: 420 }}>
+        <Story />
+      </div>
+    ),
+  ],
+} satisfies Meta<typeof FieldsDesignInfoTable>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const basicFields: IFieldDesignInfo[] = [
+  {
+    fieldName: '订单编号',
+    type: '流水号',
+    required: true,
+    description: '唯一标识订单的编号',
+    relationDesc: '',
+  },
+  {
+    fieldName: '下单日期',
+    type: '日期时间',
+    required: true,
+    description: '选择订单的下单日期时间',
+    relationDesc: '',
+  },
+  {
+    fieldName: '客户名称',
+    type: '文本',
+    required: true,
+    description: '输入客户的名称',
+    relationDesc: '',
+  },
+  {
+    fieldName: '联系电话',
+    type: '文本',
+    required: true,
+    description: '输入客户的联系电话',
+    relationDesc: '',
+  },
+  {
+    fieldName: '收货地址',
+    type: '地址',
+    required: true,
+    description: '选择或输入收货地址',
+    relationDesc: '',
+  },
+];
+
+const fieldsWithSubform: IFieldDesignInfo[] = [
+  ...basicFields,
+  {
+    fieldName: '商品明细',
+    type: '子表单',
+    required: true,
+    description: '填写订单商品明细',
+    relationDesc: '',
+    isSubForm: true,
+  },
+  {
+    fieldName: '商品名称',
+    type: '文本',
+    required: true,
+    description: '输入商品的名称',
+    relationDesc: '',
+    isFieldInSubForm: true,
+    parentFormName: '商品明细',
+  },
+  {
+    fieldName: '商品单价',
+    type: '数字',
+    required: true,
+    description: '输入商品的单价',
+    relationDesc: '',
+    isFieldInSubForm: true,
+    parentFormName: '商品明细',
+  },
+  {
+    fieldName: '购买数量',
+    type: '数字',
+    required: true,
+    description: '输入商品的购买数量',
+    relationDesc: '',
+    isFieldInSubForm: true,
+    parentFormName: '商品明细',
+  },
+  {
+    fieldName: '商品金额',
+    type: '数字',
+    required: true,
+    description: '自动计算商品金额（单价*数量）红红火火恍恍惚惚哈哈哈哈哈哈哈',
+    relationDesc: '',
+    isFieldInSubForm: true,
+    parentFormName: '商品明细',
+  },
+];
+
+/** 基础表格 - 无子表单 */
+export const Basic: Story = {
+  args: {
+    fields: basicFields,
+  },
+};
+
+/** 包含子表单 - 可展开/收起 */
+export const WithSubForm: Story = {
+  args: {
+    fields: fieldsWithSubform,
+  },
+};
+
+/** 空数据 */
+export const Empty: Story = {
+  args: {
+    fields: [],
+  },
+};
+
+/** 多个子表单 */
+export const MultipleSubForms: Story = {
+  args: {
+    fields: [
+      {
+        fieldName: '项目名称',
+        type: '文本',
+        required: true,
+        description: '输入项目名称',
+        relationDesc: '',
+      },
+      {
+        fieldName: '团队成员',
+        type: '子表单',
+        required: true,
+        description: '添加团队成员信息',
+        relationDesc: '',
+        isSubForm: true,
+      },
+      {
+        fieldName: '姓名',
+        type: '文本',
+        required: true,
+        description: '输入成员姓名',
+        relationDesc: '',
+        isFieldInSubForm: true,
+        parentFormName: '团队成员',
+      },
+      {
+        fieldName: '职位',
+        type: '文本',
+        required: false,
+        description: '输入成员职位',
+        relationDesc: '',
+        isFieldInSubForm: true,
+        parentFormName: '团队成员',
+      },
+      {
+        fieldName: '备注',
+        type: '文本',
+        required: false,
+        description: '输入备注信息',
+        relationDesc: '',
+      },
+      {
+        fieldName: '里程碑',
+        type: '子表单',
+        required: false,
+        description: '添加项目里程碑',
+        relationDesc: '',
+        isSubForm: true,
+      },
+      {
+        fieldName: '阶段名称',
+        type: '文本',
+        required: true,
+        description: '输入里程碑阶段名称',
+        relationDesc: '',
+        isFieldInSubForm: true,
+        parentFormName: '里程碑',
+      },
+      {
+        fieldName: '截止日期',
+        type: '日期时间',
+        required: true,
+        description: '选择里程碑截止日期',
+        relationDesc: '',
+        isFieldInSubForm: true,
+        parentFormName: '里程碑',
+      },
+    ],
+  },
+};