@farris/ui-vue 1.2.7 → 1.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farris/ui-vue",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "license": "Apache-2.0",
   "description": "Farris Vue, a Farris Design based Vue3 component library.",
   "keywords": [

package/types/checkbox/index.d.ts

@@ -18,6 +18,7 @@ import FCheckBox from './src/checkbox.component';
 import FCheckBoxGroup from './src/checkbox-group.component';
 export * from './src/checkbox-group.props';
 export * from './src/checkbox.props';
+export * from './src/composition/types';
 export { FCheckBoxGroup, FCheckBox };
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{

package/types/data-grid/src/designer/column-header.design.component.d.ts

@@ -16,6 +16,6 @@
 import { Ref } from 'vue';
 import { UseColumn, UseDataView, UseDragColumn, UseColumnFilter, UseFilterHistory, UseFitColumn, UseGroupColumn, UseSidebar, UseSort, UseVirtualScroll, UseFilter, DataViewOptions, UseSelection, VisualData } from '../../../data-view/composition/types';
 import { DesignerItemContext } from '../../../designer-canvas';
-export default function (designItemContext: DesignerItemContext, props: DataViewOptions, gridContentRef: Ref<any>, leftFixedGridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, useColumnComposition: UseColumn, useDataViewComposition: UseDataView, useDragColumnComposition: UseDragColumn, useColumnFilterComposition: UseColumnFilter, useFilterComposition: UseFilter, useFilterHistoryComposition: UseFilterHistory, useFitColumnComposition: UseFitColumn, useGroupColumnComposition: UseGroupColumn, useSelectionComposition: UseSelection, useSidebarComposition: UseSidebar, useSortComposition: UseSort, useVirtualScrollComposition: UseVirtualScroll, viewPortWidth: Ref<number>, visibleDatas: Ref<VisualData[]>): {
+export default function (designItemContext: DesignerItemContext, props: DataViewOptions, gridContentRef: Ref<any>, leftFixedGridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, useColumnComposition: UseColumn, useDataViewComposition: UseDataView, useDragColumnComposition: UseDragColumn, useColumnFilterComposition: UseColumnFilter, useFilterComposition: UseFilter, useFilterHistoryComposition: UseFilterHistory, useFitColumnComposition: UseFitColumn, useGroupColumnComposition: UseGroupColumn, useSelectionComposition: UseSelection, useSidebarComposition: UseSidebar, useSortComposition: UseSort, useVirtualScrollComposition: UseVirtualScroll, viewPortWidth: Ref<number>, visibleDatas: Ref<VisualData[]>, columnType?: string): {
     renderGridHeader: () => any;
 };

package/types/data-grid/src/designer/data-grid-column.props.d.ts

@@ -29,3 +29,4 @@ export interface DataGridColumnCommand {
 export declare const dataGridColumnProps: Record<string, any>;
 export type DataGridColumnProps = ExtractPropTypes<typeof dataGridColumnProps>;
 export declare const columnPropsResolver: (schemaValue?: Record<string, any>) => Record<string, any>;
+export declare const treeColumnPropsResolver: (schemaValue?: Record<string, any>) => Record<string, any>;

package/types/data-view/composition/types.d.ts

@@ -703,7 +703,7 @@ export interface UseRow {
 export interface UseSelection {
     currentSelectedDataId: Ref<string>;
     getSelectionRow: () => VisualData;
-    clearSelection(visibleDatas: VisualData[]): void;
+    clearSelection(): void;
     findIndexInSelectedItems(item: any): number;
     getSelectedItems: () => any[];
     selectedValues: Ref<string[]>;

package/types/designer-canvas/src/composition/dg-control.d.ts

@@ -1,10 +1,5 @@
 export declare const DgControl: {
-    Button: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ButtonGroup: {
+    button: {
         type: string;
         name: string;
         icon: string;
@@ -24,11 +19,6 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    DisplayField: {
-        type: string;
-        name: string;
-        icon: string;
-    };
     'input-group': {
         type: string;
         name: string;
@@ -79,49 +69,29 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    /** 暂时没用 */
-    FlexLayout: {
-        type: string;
-        name: string;
-    };
-    /** 暂时没用 */
-    FlowLayout: {
-        type: string;
-        name: string;
-    };
-    ResponseLayout: {
+    'response-form': {
         type: string;
         name: string;
         icon: string;
     };
-    ResponseLayoutItem: {
+    'response-layout': {
         type: string;
         name: string;
         icon: string;
     };
-    'tree-grid': {
+    'response-layout-item': {
         type: string;
         name: string;
         icon: string;
     };
-    TreeGridField: {
-        type: string;
-        name: string;
-    };
-    FieldSet: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Form: {
+    'tree-grid': {
         type: string;
         name: string;
         icon: string;
     };
-    QueryForm: {
+    'tree-grid-column': {
         type: string;
         name: string;
-        icon: string;
     };
     'data-grid': {
         type: string;
@@ -132,12 +102,7 @@ export declare const DgControl: {
         type: string;
         name: string;
     };
-    Panel: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Module: {
+    module: {
         type: string;
         name: string;
         icon: string;
@@ -147,36 +112,6 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    ExternalContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Image: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ImageUpload: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    HiddenContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ModalContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    RouteContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
     tabs: {
         type: string;
         name: string;
@@ -192,37 +127,7 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    Tag: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Sidebar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    HtmlTemplate: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ListView: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    RichTextBox: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    TimeSpinner: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    TimePicker: {
+    'time-picker': {
         type: string;
         name: string;
         icon: string;
@@ -232,140 +137,29 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    SectionToolbar: {
-        type: string;
-        name: string;
-    };
-    SectionToolbarItem: {
-        type: string;
-        name: string;
-    };
-    QueryScheme: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    FormHeader: {
-        type: string;
-        name: string;
-    };
-    Splitter: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    SplitterPane: {
-        type: string;
-        name: string;
-        dependentParentControl: string;
-    };
-    WizardDetail: {
-        type: string;
-        name: string;
-    };
-    WizardDetailContainer: {
-        type: string;
-        name: string;
-    };
-    Wizard: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    MultiSelect: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Steps: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    avatar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ListFilter: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ListNav: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    NumberRange: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Scrollspy: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    LanguageTextBox: {
+    'section-toolbar': {
         type: string;
         name: string;
-        icon: string;
     };
-    ComponentRef: {
+    'section-toolbar-item': {
         type: string;
         name: string;
     };
-    FileUpload: {
+    splitter: {
         type: string;
         name: string;
         icon: string;
     };
-    FilePreview: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ViewChange: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    MultiViewContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    MultiViewItem: {
+    'splitter-pane': {
         type: string;
         name: string;
         dependentParentControl: string;
     };
-    Footer: {
+    'component-ref': {
         type: string;
         name: string;
     };
-    DiscussionEditor: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    DiscussionList: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    NavTab: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Tags: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Portlet: {
+    uploader: {
         type: string;
         name: string;
         icon: string;
@@ -375,140 +169,12 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    ModalFooter: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ScrollCollapsibleArea: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    PersonnelSelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Table: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    LoopContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    FileUploadPreview: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    DynamicArea: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    DynamicAreaItem: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    TabToolbar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    HeaderToolBar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ModalFooterToolBar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    HeaderToolBarItem: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ModalFooterToolBarItem: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    OrganizationSelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    AdminOrganizationSelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    EmployeeSelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    OaRelation: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    CitySelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ExtIntergration: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    AppointmentCalendar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    /** 查询类 start */
-    Charts: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    QdpFramework: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    SpreadSheet: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    QdpConditionDialog: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    QdpConditionDialogTab: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    /** 查询类 end */
-    /** 审批类 start */
-    ApprovalLogs: {
+    'page-footer': {
         type: string;
         name: string;
         icon: string;
     };
-    ApprovalComments: {
+    'tab-toolbar': {
         type: string;
         name: string;
         icon: string;

package/types/designer-canvas/src/types.d.ts

@@ -43,7 +43,7 @@ export interface DesignerComponentInstance {
      */
     triggerBelongedComponentToDeleteWhenDeleted?: Ref<boolean>;
     /** 获取属性配置 */
-    getPropConfig: () => any;
+    getPropConfig: (...args: any[]) => any;
 }
 export interface ResolveComponentContext {
     componentType: string;

package/types/dynamic-form/index.d.ts

@@ -5,6 +5,7 @@ export * from './src/types';
 export * from './src/composition/types';
 export * from './src/response-form.props';
 export * from './src/component/dynamic-form-group/dynamic-form-group.props';
+export * from './src/designer/use-designer-rules';
 export { FResponseForm, FDynamicFormGroup };
 declare const _default: {
     install(app: App): void;

package/types/dynamic-form/src/types.d.ts

@@ -1,4 +1,4 @@
-export type EditorType = 'button-edit' | 'check-box' | 'check-group' | 'combo-list' | 'combo-lookup' | 'combo-tree' | 'date-picker' | 'date-range' | 'datetime-picker' | 'datetime-range' | 'events-editor' | 'month-picker' | 'month-range' | 'year-picker' | 'year-range' | 'input-group' | 'lookup' | 'number-range' | 'number-spinner' | 'radio-group' | 'text' | 'response-layout-editor-setting' | 'switch' | 'grid-field-editor' | 'field-selector' | 'schema-selector' | 'mapping-editor';
+export type EditorType = 'button-edit' | 'check-box' | 'check-group' | 'combo-list' | 'combo-lookup' | 'combo-tree' | 'date-picker' | 'date-range' | 'datetime-picker' | 'datetime-range' | 'events-editor' | 'month-picker' | 'month-range' | 'year-picker' | 'year-range' | 'input-group' | 'lookup' | 'number-range' | 'number-spinner' | 'radio-group' | 'text' | 'response-layout-editor-setting' | 'switch' | 'grid-field-editor' | 'field-selector' | 'schema-selector' | 'mapping-editor' | 'textarea';
 export interface EditorConfig {
     /** 编辑器类型 */
     type: EditorType;

package/types/dynamic-resolver/index.d.ts

@@ -7,3 +7,4 @@ export * from './src/events-resolver';
 export * from './src/selection-item-resolver';
 export * from './src/editor-resolver';
 export * from './src/visible-prop-resolver';
+export * from './src/schema-resolver';

package/types/dynamic-resolver/src/binding-resolver.d.ts

@@ -1,4 +1,5 @@
 import { BindingResolver } from "./types";
 export declare function createFormBindingResolver(): BindingResolver;
 export declare function createCollectionBindingResolver(): BindingResolver;
+export declare function createTreeGridBindingResolver(): BindingResolver;
 export declare function createDataMappingBindingResolver(): BindingResolver;

package/types/dynamic-view/src/dynamic-view.component.d.ts

@@ -1,7 +1,7 @@
 declare const FDynamicView: import("vue").DefineComponent<{
     modelValue: Record<string, any>;
     schema: Record<string, any>;
-}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "update:modelValue" | "event", import("vue").PublicProps, Readonly<{
+}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "update:modelValue" | "event" | "componentReady", import("vue").PublicProps, Readonly<{
     modelValue: Record<string, any>;
     schema: Record<string, any>;
 }> & Readonly<{}>, {

package/types/lookup/src/property-config/lookup.property-config.d.ts

@@ -1,7 +1,8 @@
 import { InputBaseProperty } from "../../../property-panel/src/composition/entity/input-base-property";
+import { DesignerComponentInstance } from "../../../designer-canvas/src/types";
 export declare const LookupSchemaRepositoryToken: unique symbol;
 export declare class LookupPropertyConfig extends InputBaseProperty {
-    getPropertyConfig(propertyData: any): {
+    getPropertyConfig(propertyData: any, componentInstance: DesignerComponentInstance): {
         type: string;
         categories: {
             basic: any;

package/types/modal/src/modal.props.d.ts

@@ -117,10 +117,7 @@ export declare const modalProps: {
         type: NumberConstructor;
     };
     containment: {
-        type: {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        };
+        type: PropType<HTMLElement>;
         default: null;
     };
     reiszeable: {

package/types/property-panel/src/composition/entity/base-property.d.ts

@@ -22,17 +22,5 @@ export declare class BaseControlProperty {
     setDesignViewModelField(propertyData: any): void;
     changeFieldEditorType(propertyData: any, newControlType: string): void;
     getBasicPropConfig(propertyData: any): any;
-    /**
-   * 卡片控件：切换控件类型后事件
-   * @param propertyData 控件DOM属性
-   * @param newControlType 新控件类型
-   */
-    changeControlType(propertyData: any, changeObject: any): void;
     protected getAppearanceConfig(propertyData?: null): any;
-    /**
-  * 获取控件：以contents为节点进行定位
-  * @param controlId 控件ID
-  * @param domJson 容器
-  */
-    private getControlParentContainer;
 }

package/types/property-panel/src/composition/entity/input-base-property.d.ts

@@ -1,35 +1,20 @@
 import { BaseControlProperty } from "./base-property";
+import { DesignerComponentInstance } from "../../../../designer-canvas/src/types";
 export declare class InputBaseProperty extends BaseControlProperty {
     constructor(componentId: string, designerHostService: any);
-    getBasicProperties(propertyData: any): any;
-    getAppearanceProperties(propertyData: any): any;
-    getEditorProperties(propertyData: any): any;
-    getPropertyConfig(propertyData: any): {
+    getPropertyConfig(propertyData: any, componentInstance: DesignerComponentInstance): {
         type: string;
         categories: {};
     };
-    private getFieldSelectorOptions;
-    getBindingOtions(propertyData: any): {
-        description: string;
-        title: string;
-        $converter: string;
-        editor: {
-            type: string;
-            bindingType: {
-                enable: boolean;
-            };
-            editorParams: {
-                propertyData: any;
-                formBasicInfo: any;
-            };
-            columns: {
-                field: string;
-                title: string;
-            }[];
-            textField: string;
-            data: any;
-        };
-    };
+    getBasicProperties(propertyData: any, componentInstance: any): any;
+    getAppearanceProperties(propertyData: any): any;
+    getEditorProperties(propertyData: any): any;
+    /**
+     * 卡片控件：切换控件类型后事件
+     * @param propertyData 控件DOM属性
+     * @param newControlType 新控件类型
+     */
+    private changeControlType;
     getComponentConfig(propertyData: any, info?: {}, properties?: {}): {
         properties: {
             readonly: {

package/types/property-panel/src/composition/entity/schema-dom-mapping.d.ts

@@ -47,14 +47,16 @@ export declare class SchemaDOMMapping {
             key: string;
             value: string;
         }[];
-        EmployeeSelector: {
-            key: string;
-            value: string;
-        }[];
-        AdminOrganizationSelector: {
-            key: string;
-            value: string;
-        }[];
     };
+    /**
+     * 根据绑定字段类型获取可用的输入类控件
+     */
     static getEditorTypesByMDataType(fieldType: string): any;
+    /**
+     * 获取所有输入类控件
+     */
+    static getAllInputTypes(): {
+        key: string;
+        value: string;
+    }[];
 }

package/types/tabs/src/designer/tab-toolbar-item.props.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * 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 { ExtractPropTypes } from 'vue';
+export declare const tabToolbarItemProps: Record<string, any>;
+export type TabToolbarItemProps = ExtractPropTypes<typeof tabToolbarItemProps>;
+export declare const tabToolbarItemResolver: (schemaValue?: Record<string, any>) => Record<string, any>;