[improvement][headless-fe] Adjusted the length of the input field for model editing names. (#924)

* [improvement][semantic-fe] Add model alias setting & Add view permission restrictions to the model permission management tab.
[improvement][semantic-fe] Add permission control to the action buttons for the main domain; apply high sensitivity filtering to the authorization of metrics/dimensions.
[improvement][semantic-fe] Optimize the editing mode in the dimension/metric/datasource components to use the modelId stored in the database for data, instead of relying on the data from the state manager.

* [improvement][semantic-fe] Add time granularity setting in the data source configuration.

* [improvement][semantic-fe] Dictionary import for dimension values supported in Q&A visibility

* [improvement][semantic-fe] Modification of data source creation prompt wording"

* [improvement][semantic-fe] metric market experience optimization

* [improvement][semantic-fe] enhance the analysis of metric trends

* [improvement][semantic-fe] optimize the presentation of metric trend permissions

* [improvement][semantic-fe] add metric trend download functionality

* [improvement][semantic-fe] fix the dimension initialization issue in metric correlation

* [improvement][semantic-fe] Fix the issue of database changes not taking effect when creating based on an SQL data source.

* [improvement][semantic-fe] Optimizing pagination logic and some CSS styles

* [improvement][semantic-fe] Fixing the API for the indicator list by changing "current" to "pageNum"

* [improvement][semantic-fe] Fixing the default value setting for the indicator list

* [improvement][semantic-fe] Adding batch operations for indicators/dimensions/models

* [improvement][semantic-fe] Replacing the single status update API for indicators/dimensions with a batch update API

* [improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators

* [improvement][semantic-fe] Optimizing the logic for setting dimension values and editing data sources, and adding system settings functionality

* [improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component.

* [improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not.

* [improvement][semantic-fe] Adding the ability to edit relationships between models in the canvas.

* [improvement][semantic-fe] Updating the datePicker component to use dayjs instead.

* [improvement][semantic-fe] Fixing the issue with passing the model ID for dimensions in the indicator market.

* [improvement][semantic-fe] Fixing the abnormal state of the popup when creating a model.

* [improvement][semantic-fe] Adding permission logic for bulk operations in the indicator market.

* [improvement][semantic-fe] Adding the ability to download and transpose data.

* [improvement][semantic-fe] Fixing the initialization issue with the date selection component in the indicator details page when switching time granularity.

* [improvement][semantic-fe] Fixing the logic error in the dimension value setting.

* [improvement][semantic-fe] Fixing the synchronization issue with the question and answer settings information.

* [improvement][semantic-fe] Optimizing the canvas functionality for better performance and user experience.

* [improvement][semantic-fe] Optimizing the update process for drawing model relationship edges in the canvas.

* [improvement][semantic-fe] Changing the line type for canvas connections.

* [improvement][semantic-fe] Replacing the initialization variable from "semantic" to "headless".

* [improvement][semantic-fe] Fixing the missing migration issue for default drill-down dimension configuration in model editing. Additionally, optimizing the data retrieval method for initializing fields in the model.

* [improvement][semantic-fe] Updating the logic for the fieldName.

* [improvement][semantic-fe] Adjusting the position of the metrics tab.

* [improvement][semantic-fe] Changing the 字段名称 to 英文名称.

* [improvement][semantic-fe] Fix metric measurement deletion.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI adjustment for metric details page.

* [improvement][semantic-fe] The granularity field in the time type of model editing now supports setting it as empty.

* [improvement][semantic-fe] Added field type and metric type to the metric creation options.

* [improvement][semantic-fe] The organization structure selection feature has been added to the permission management.

* [improvement][semantic-fe] Improved user experience for the metric list.

* [improvement][semantic-fe] fix update the metric list.

* [improvement][headless-fe] Added view management functionality.

* [improvement][headless-fe] The view management functionality has been added. This feature allows users to create, edit, and manage different views within the system.

* [improvement][headless-fe] Added model editing side effect detection.

* [improvement][headless-fe] Fixed the logic error in view editing.

* [improvement][headless-fe] Fixed the issue with initializing dimension associations in metric settings.

* [improvement][headless-fe] Added the ability to hide the Q&A settings entry point.

* [improvement][headless-fe] Fixed the issue with selecting search results in metric field creation.

* [improvement][headless-fe] Added search functionality to the field list in model editing.

* [improvement][headless-fe] fix the field list in model editing

* [improvement][headless-fe] Restructured the data for the dimension value settings interface.

* [improvement][headless-fe] Added dynamic variable functionality to model creation based on SQL scripts.

* [improvement][headless-fe] Added support for passing dynamic variables as parameters in the executeSql function.

* [improvement][headless-fe] Resolved the issue where users were unable to select all options for dimensions, metrics, and fields in the metric generation process.

* [improvement][headless-fe] Replaced the term "view" with "dataset"

* [improvement][headless-fe] Added the ability to export metrics and dimensions to a specific target.

* [improvement][headless-fe] Enhanced dataset creation to support the tag mode.

* [improvement][headless-fe] Added tag value setting.

* [improvement][headless-fe] Optimized the tag setting system.

* [improvement][headless-fe] Optimized the tag setting system.

* [improvement][headless-fe] Updated the data initialization for model editing to use API requests instead.

* [improvement][headless-fe] Added search functionality to model management.

* [improvement][headless-fe] Removed field null validation during model editing.

* [improvement][headless-fe] Updated the batch operation button component.

* [improvement][headless-fe] Optimized the logic for initializing indicators in dimension value settings.

* [improvement][headless-fe] Adjusted the length of the input field for model editing names.

webapp/packages/supersonic-fe/src/pages/SemanticModel/Datasource/components/ModelCreateForm.tsx

@@ -540,7 +540,7 @@ const ModelCreateForm: React.FC<CreateFormProps> = ({
   return (
     <Modal
       forceRender
-      width={1300}
+      width={currentStep ? 1300 : 800}
       destroyOnClose
       title={`${isEdit ? '编辑' : '新建'}模型`}
       maskClosable={false}

webapp/packages/supersonic-fe/src/pages/SemanticModel/Datasource/components/ModelFieldForm.tsx

@@ -1,5 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
-import { Table, Select, Checkbox, Input, Alert, Space, Tooltip, Form, Switch } from 'antd';
+import { Table, Select, Checkbox, Input, Space, Tooltip, Form, Switch, Row, Col } from 'antd';
 import TableTitleTooltips from '../../components/TableTitleTooltips';
 import { isUndefined } from 'lodash';
 import { ExclamationCircleOutlined } from '@ant-design/icons';
@@ -24,8 +24,6 @@ type FieldItem = {
   checked?: number;
   dateFormat?: string;
   timeGranularity?: string;
-  // entityNames?: string[];
-  // tagObjectId?: number;
   isTag?: number;
 };
 const { Search } = Input;
@@ -269,7 +267,7 @@ const ModelFieldForm: React.FC<Props> = ({
         />
       ),
       dataIndex: 'fastCreate',
-      width: 100,
+      width: 200,
       render: (_: any, record: FieldItem) => {
         const { type, name } = record;
         if (
@@ -284,41 +282,49 @@ const ModelFieldForm: React.FC<Props> = ({
           const isCreateName = getCreateFieldName(type);
           const editState = !isUndefined(record[isCreateName]) ? !!record[isCreateName] : true;
           return (
-            <Checkbox
+            <Row>
-              checked={editState}
+              <Col flex="25px">
-              onChange={(e) => {
+                <Checkbox
-                const value = e.target.checked ? 1 : 0;
+                  style={{ width: '100%', position: 'relative', top: 5 }}
-                if (!value) {
+                  checked={editState}
-                  onFieldChange(record.bizName, {
+                  onChange={(e) => {
-                    ...record,
+                    const value = e.target.checked ? 1 : 0;
-                    name: '',
+                    if (!value) {
-                    checked: value,
+                      onFieldChange(record.bizName, {
-                    [isCreateName]: value,
+                        ...record,
-                  });
+                        name: '',
-                } else {
+                        checked: value,
-                  onFieldChange(record.bizName, {
+                        [isCreateName]: value,
-                    ...record,
+                      });
-                    checked: value,
+                    } else {
-                    [isCreateName]: value,
+                      onFieldChange(record.bizName, {
-                  });
+                        ...record,
-                }
+                        checked: value,
-              }}
+                        [isCreateName]: value,
-            >
+                      });
-              <Input
+                    }
-                className={!name && styles.dataSourceFieldsName}
+                  }}
-                value={name}
+                />
-                disabled={!editState}
+              </Col>
-                onChange={(e) => {
+              <Col flex="auto">
-                  const value = e.target.value;
+                <Input
-                  onFieldChange(record.bizName, {
+                  className={!name && styles.dataSourceFieldsName}
-                    ...record,
+                  style={{ minHeight: 20 }}
-                    name: value,
+                  value={name}
-                    [isCreateName]: 1,
+                  disabled={!editState}
-                  });
+                  minLength={1}
-                }}
+                  onChange={(e) => {
-                placeholder="请填写名称"
+                    const value = e.target.value;
-              />
+                    onFieldChange(record.bizName, {
-            </Checkbox>
+                      ...record,
+                      name: value,
+                      [isCreateName]: 1,
+                    });
+                  }}
+                  placeholder="请填写名称"
+                />
+              </Col>
+            </Row>
           );
         }
         return <></>;