cnhis-design-vue 3.1.40-beta.1 → 3.1.40-beta.11

package/README.md

@@ -23,7 +23,7 @@ app.use(cui).mount('#app');
 
 组件现在支持了自动按需引入, 但是样式文件需要额外的处理
 
-### 2.1 样式处理方式 1(按需引入样式)
+### 2.1 样式处理方式1 (按需引入样式)
 
 ```shell
 # 安装自动导入样式的插件
@@ -54,70 +54,34 @@ export default defineConfig({
 });
 ```
 
-### 2.2 样式处理方式 2(全局引入样式)
+### 2.2 样式处理方式2 (全局引入样式)
 
 ```typescript
 // main.ts
 import 'cnhis-design-vue/es/components/index.css';
 ```
 
-## 3. 注意
+## 3.FAQ
 
-由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
+### 3.1 项目打包后样式丢失
 
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import { CGrid } from 'cnhis-design-vue';
-// 或者
-import { CBigTable } from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(CGrid);
-// 或者
-app.use(CBigTable);
-app.mount('#app');
-```
-
-## 4.FAQ
-
-### 4.1 项目打包后样式丢失
-
-> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
 
 ```typescript
 // vite.config.ts
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-  rollupOptions: {
-    // ..otherOptions
-    output: {
-      dir: './dist',
-      manualChunks(id: string) {
-        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
-          return 'vendor';
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
         }
       }
     }
   }
 });
 ```
-
-### 4.2 找不到文件
-
-> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
-
-```javascript
-// vite.config.ts
-const config = {
-  // ...otherOptions
-  resolve: {
-    // ...otherOptions
-    // 如果没有配置, 则不用考虑
-    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
-  }
-};
-```

package/es/components/form-config/index.d.ts

@@ -295,6 +295,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -420,6 +423,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     lowCodeReactions: {
                         type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                     };
+                    linebarAutoHidden: {
+                        type: BooleanConstructor;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -427,17 +433,30 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-                formModel: import("@formily/core").Form<{
-                    [x: string]: any;
-                }>;
-                lowCodeReactionsHandler: (field: string, value: unknown) => void;
-                triggerAllReactionsHandler: () => void;
+                formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                formHeight: import("vue").ComputedRef<string>;
                 SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
                 businessCollector: import("..").BusinessCollector;
                 formItemDepsCollector: import("..").FormItemDepsCollector;
                 changeContextCollector: import("..").ContextCollector;
                 formUUID: string;
-                formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                anchorBarRef: import("vue").Ref<{
+                    syncBarPosition: import("../../../es/shared/types").Func<any[], any>;
+                } | undefined>;
+                currentAnchor: import("vue").WritableComputedRef<string>;
+                generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
+                updateAnchorList: (field: import("@formily/core").GeneralField) => void;
+                anchorIdList: import("vue").Ref<{
+                    name: string;
+                    title: string;
+                }[]>;
+                onScroll: (scrollEvent: Event) => void;
+                triggerAutoHidden: (field: import("@formily/core").GeneralField) => Promise<void>;
+                formModel: import("@formily/core").Form<{
+                    [x: string]: any;
+                }>;
+                lowCodeReactionsHandler: (field: string, value: unknown) => void;
+                triggerAllReactionsHandler: () => void;
                 schemaAdaptor: (fieldList: import("..").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -553,70 +572,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     "x-read-pretty"?: boolean | undefined;
                     "x-compile-omitted"?: string[] | undefined;
                 }>>;
-                currentAnchor: import("vue").WritableComputedRef<string>;
-                generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
-                    [key: symbol]: any;
-                    [key: `x-${string}`]: any;
-                    [key: `x-${number}`]: any;
-                    version?: string | undefined;
-                    name?: import("@formily/json-schema").SchemaKey | undefined;
-                    title?: any;
-                    description?: any;
-                    default?: any;
-                    readOnly?: boolean | undefined;
-                    writeOnly?: boolean | undefined;
-                    type?: import("@formily/json-schema").SchemaTypes | undefined;
-                    enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
-                    const?: any;
-                    multipleOf?: number | undefined;
-                    maximum?: number | undefined;
-                    exclusiveMaximum?: number | undefined;
-                    minimum?: number | undefined;
-                    exclusiveMinimum?: number | undefined;
-                    maxLength?: number | undefined;
-                    minLength?: number | undefined;
-                    pattern?: string | RegExp | undefined;
-                    maxItems?: number | undefined;
-                    minItems?: number | undefined;
-                    uniqueItems?: boolean | undefined;
-                    maxProperties?: number | undefined;
-                    minProperties?: number | undefined;
-                    required?: string | boolean | string[] | undefined;
-                    format?: string | undefined;
-                    $ref?: string | undefined;
-                    $namespace?: string | undefined;
-                    definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-                    additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
-                    patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
-                    "x-value"?: any;
-                    "x-index"?: number | undefined;
-                    "x-pattern"?: any;
-                    "x-display"?: any;
-                    "x-validator"?: any;
-                    "x-decorator"?: any;
-                    "x-decorator-props"?: any;
-                    "x-component"?: any;
-                    "x-component-props"?: any;
-                    "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
-                    "x-content"?: any;
-                    "x-data"?: any;
-                    "x-visible"?: boolean | undefined;
-                    "x-hidden"?: boolean | undefined;
-                    "x-disabled"?: boolean | undefined;
-                    "x-editable"?: boolean | undefined;
-                    "x-read-only"?: boolean | undefined;
-                    "x-read-pretty"?: boolean | undefined;
-                    "x-compile-omitted"?: string[] | undefined;
-                }>) => void;
-                anchorIdList: import("vue").Ref<{
-                    name: string;
-                    title: string;
-                }[]>;
-                formHeight: import("vue").ComputedRef<string | undefined>;
-                onScroll: (scrollEvent: Event) => void;
                 onKeydown: (event: KeyboardEvent) => void;
                 clearSpan: (uuid: string) => void;
                 exposeEvent: {
@@ -645,17 +600,19 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         content: any;
                         hidden: boolean;
                         active: boolean;
+                        dataSource: import("@formily/core").FieldDataSource;
+                        description: string;
+                        display: import("@formily/core").FieldDisplayTypes;
                         mounted: boolean;
                         readonly destroyed: boolean;
                         unmounted: boolean;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        display: import("@formily/core").FieldDisplayTypes;
-                        description: string;
                         readOnly: boolean;
                         editable: boolean;
                         component: import("@formily/core").FieldComponent<any, any>;
                         decorator: import("@formily/core").FieldDecorator<any, any>;
+                        readPretty: boolean;
                         validating: boolean;
                         submitting: boolean;
                         visited: boolean;
@@ -663,7 +620,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         modified: boolean;
                         inputValue: string;
                         inputValues: any[];
-                        dataSource: import("@formily/core").FieldDataSource;
                         feedbacks: import("@formily/core").IFieldFeedback[];
                         caches: import("@formily/core").IFieldCaches;
                         selfErrors: import("@formily/core").FeedbackMessage;
@@ -699,7 +655,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         designable: boolean;
                         locate: (address: import("@formily/path").Pattern) => void;
                         readonly parent: import("@formily/core").GeneralField;
-                        readPretty: boolean;
                         setTitle: (title?: string | undefined) => void;
                         setDescription: (description?: string | undefined) => void;
                         setDisplay: (type?: import("@formily/core").FieldDisplayTypes | undefined) => void;
@@ -907,6 +862,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -921,6 +879,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 scope: import("../../../es/shared/types").AnyObject;
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                linebarAutoHidden: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -2899,6 +2858,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     fieldList: {
@@ -3024,6 +2986,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     lowCodeReactions: {
                         type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                     };
+                    linebarAutoHidden: {
+                        type: BooleanConstructor;
+                    };
                 }>> & {
                     onFormChange?: ((...args: any[]) => any) | undefined;
                     onScroll?: ((...args: any[]) => any) | undefined;
@@ -3031,17 +2996,30 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
                 nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-                formModel: import("@formily/core").Form<{
-                    [x: string]: any;
-                }>;
-                lowCodeReactionsHandler: (field: string, value: unknown) => void;
-                triggerAllReactionsHandler: () => void;
+                formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                formHeight: import("vue").ComputedRef<string>;
                 SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
                 businessCollector: import("..").BusinessCollector;
                 formItemDepsCollector: import("..").FormItemDepsCollector;
                 changeContextCollector: import("..").ContextCollector;
                 formUUID: string;
-                formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+                anchorBarRef: import("vue").Ref<{
+                    syncBarPosition: import("../../../es/shared/types").Func<any[], any>;
+                } | undefined>;
+                currentAnchor: import("vue").WritableComputedRef<string>;
+                generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
+                updateAnchorList: (field: import("@formily/core").GeneralField) => void;
+                anchorIdList: import("vue").Ref<{
+                    name: string;
+                    title: string;
+                }[]>;
+                onScroll: (scrollEvent: Event) => void;
+                triggerAutoHidden: (field: import("@formily/core").GeneralField) => Promise<void>;
+                formModel: import("@formily/core").Form<{
+                    [x: string]: any;
+                }>;
+                lowCodeReactionsHandler: (field: string, value: unknown) => void;
+                triggerAllReactionsHandler: () => void;
                 schemaAdaptor: (fieldList: import("..").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
                     [key: `x-${string}`]: any;
@@ -3157,70 +3135,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                     "x-read-pretty"?: boolean | undefined;
                     "x-compile-omitted"?: string[] | undefined;
                 }>>;
-                currentAnchor: import("vue").WritableComputedRef<string>;
-                generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
-                    [key: symbol]: any;
-                    [key: `x-${string}`]: any;
-                    [key: `x-${number}`]: any;
-                    version?: string | undefined;
-                    name?: import("@formily/json-schema").SchemaKey | undefined;
-                    title?: any;
-                    description?: any;
-                    default?: any;
-                    readOnly?: boolean | undefined;
-                    writeOnly?: boolean | undefined;
-                    type?: import("@formily/json-schema").SchemaTypes | undefined;
-                    enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
-                    const?: any;
-                    multipleOf?: number | undefined;
-                    maximum?: number | undefined;
-                    exclusiveMaximum?: number | undefined;
-                    minimum?: number | undefined;
-                    exclusiveMinimum?: number | undefined;
-                    maxLength?: number | undefined;
-                    minLength?: number | undefined;
-                    pattern?: string | RegExp | undefined;
-                    maxItems?: number | undefined;
-                    minItems?: number | undefined;
-                    uniqueItems?: boolean | undefined;
-                    maxProperties?: number | undefined;
-                    minProperties?: number | undefined;
-                    required?: string | boolean | string[] | undefined;
-                    format?: string | undefined;
-                    $ref?: string | undefined;
-                    $namespace?: string | undefined;
-                    definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-                    additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
-                    patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                    additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
-                    "x-value"?: any;
-                    "x-index"?: number | undefined;
-                    "x-pattern"?: any;
-                    "x-display"?: any;
-                    "x-validator"?: any;
-                    "x-decorator"?: any;
-                    "x-decorator-props"?: any;
-                    "x-component"?: any;
-                    "x-component-props"?: any;
-                    "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
-                    "x-content"?: any;
-                    "x-data"?: any;
-                    "x-visible"?: boolean | undefined;
-                    "x-hidden"?: boolean | undefined;
-                    "x-disabled"?: boolean | undefined;
-                    "x-editable"?: boolean | undefined;
-                    "x-read-only"?: boolean | undefined;
-                    "x-read-pretty"?: boolean | undefined;
-                    "x-compile-omitted"?: string[] | undefined;
-                }>) => void;
-                anchorIdList: import("vue").Ref<{
-                    name: string;
-                    title: string;
-                }[]>;
-                formHeight: import("vue").ComputedRef<string | undefined>;
-                onScroll: (scrollEvent: Event) => void;
                 onKeydown: (event: KeyboardEvent) => void;
                 clearSpan: (uuid: string) => void;
                 exposeEvent: {
@@ -3249,17 +3163,19 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         content: any;
                         hidden: boolean;
                         active: boolean;
+                        dataSource: import("@formily/core").FieldDataSource;
+                        description: string;
+                        display: import("@formily/core").FieldDisplayTypes;
                         mounted: boolean;
                         readonly destroyed: boolean;
                         unmounted: boolean;
                         componentProps: Record<string, any>;
                         decoratorProps: Record<string, any>;
-                        display: import("@formily/core").FieldDisplayTypes;
-                        description: string;
                         readOnly: boolean;
                         editable: boolean;
                         component: import("@formily/core").FieldComponent<any, any>;
                         decorator: import("@formily/core").FieldDecorator<any, any>;
+                        readPretty: boolean;
                         validating: boolean;
                         submitting: boolean;
                         visited: boolean;
@@ -3267,7 +3183,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         modified: boolean;
                         inputValue: string;
                         inputValues: any[];
-                        dataSource: import("@formily/core").FieldDataSource;
                         feedbacks: import("@formily/core").IFieldFeedback[];
                         caches: import("@formily/core").IFieldCaches;
                         selfErrors: import("@formily/core").FeedbackMessage;
@@ -3303,7 +3218,6 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                         designable: boolean;
                         locate: (address: import("@formily/path").Pattern) => void;
                         readonly parent: import("@formily/core").GeneralField;
-                        readPretty: boolean;
                         setTitle: (title?: string | undefined) => void;
                         setDescription: (description?: string | undefined) => void;
                         setDisplay: (type?: import("@formily/core").FieldDisplayTypes | undefined) => void;
@@ -3511,6 +3425,9 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("..").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -3525,6 +3442,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
                 scope: import("../../../es/shared/types").AnyObject;
                 consumer: boolean;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
+                linebarAutoHidden: boolean;
             }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{