@kp-ui/lowcode-pc 1.0.0-alpha.1

package/types/core/src/components/common/render/useFormContext.d.ts

@@ -0,0 +1,148 @@
+import { FormConfig, Widget } from '../../../..';
+import { routerReloadStatus } from '../../../../../tmgc2-share/index.ts';
+export interface FormRenderProps {
+    vfCtx?: Record<string, any>;
+    formJson?: any;
+    formData?: Record<string, any>;
+    optionData?: Record<string, any>;
+    disabledMode?: boolean;
+    renderConfig?: {
+        languageName?: string;
+    };
+    parentForm?: any;
+    dynamicCreation?: boolean;
+    debug?: boolean;
+}
+/**
+ * 表单上下文配置
+ */
+export interface FormContextOptions {
+    props: FormRenderProps;
+    renderForm: any;
+}
+/**
+ * 创建表单上下文
+ * @param options 表单上下文配置
+ * @returns 表单上下文
+ */
+export declare const useFormContext: ({ renderForm, props }: FormContextOptions) => {
+    context: import('vue').ComputedRef<{
+        proxy: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null | undefined;
+        $route?: import('vue-router').RouteLocationNormalizedLoaded | undefined;
+        $router?: import('vue-router').Router | undefined;
+        $pinia?: import('pinia').Pinia | undefined;
+        _pStores?: Record<string, import('pinia').StoreGeneric>;
+        $openCustomerModal?: ((ops: {
+            type: string;
+            formCode: string;
+            title: string;
+        } & Record<string, any>, app: any) => void) | undefined;
+        instance: import('vue').ComponentInternalInstance | null;
+        exposed: Record<string, any>;
+    }>;
+    i18nt: (key: string, obj?: Record<string, any>) => string;
+    goBack: (reloadStatus?: routerReloadStatus, cb?: () => void) => void;
+    reload: () => void;
+    formValidator: {
+        validate: () => Promise<boolean>;
+        validateField: (fieldName: string) => Promise<boolean>;
+        resetValidation: () => void;
+        clearValidate: () => void;
+        validationErrors: import('vue').Ref<Record<string, string[]>, Record<string, string[]>>;
+        getFieldValidationRules: (widget: Widget) => import('../../../..').ValidationRule[];
+    };
+    getFieldValue: (field: string) => any;
+    resetValidation: () => void;
+    clearValidate: () => void;
+    getVfCtx: () => Record<string, any> | undefined;
+    getParentFormRef: () => any;
+    getFormRef: () => any;
+    getWidgetRef: (widgetName: any, showError?: boolean) => any;
+    showDialog: (dialogName: any, formData?: {}, extraData?: {}) => void;
+    getFormData: () => Record<string, any>;
+    getChildFormRef: () => any;
+    setFormData: (data: Record<string, any>) => void;
+    setReadMode: (newVal: boolean) => void;
+    setFormJson: (json: any) => Promise<void>;
+    setLoading: (loading: boolean) => void;
+    onFormDetail: () => Promise<import('axios').AxiosResponse<any, any, {}> | undefined>;
+    onFormUpdate: () => Promise<import('axios').AxiosResponse<any, any, {}> | undefined>;
+    formDataModel: import('vue').Ref<Record<string, any>, Record<string, any>>;
+    isLoading: import('vue').Ref<boolean, boolean>;
+    vfCtx: Record<string, any> | undefined;
+    formConfig: import('vue').ComputedRef<FormConfig>;
+    dynamicDialogRef: Readonly<import('vue').ShallowRef<any>>;
+    setChildFormRef: (chid: any) => void;
+    setDialogOrDrawerRef: (ddRef: any) => void;
+    formWidgetId: symbol;
+    registerToRefList: (widgetName?: symbol | string) => void;
+    dialogOrDrawerRef: import('vue').Ref<any, any>;
+    emitter: {
+        vfEvents: import('vue').Ref<import('../../../..').EventsMap, import('../../../..').EventsMap>;
+        editEventHandler: (eventName: string, eventParams: any[], mode: string) => void;
+        onChangeEditEventHandler: (params: import('../../../..').EditEventHandlerParams) => void;
+        emit$: <T = any>(eventName: string, data: T) => void;
+        on$: <T = any>(eventName: string, fn: import('../../../..').EventHandler<T>) => void;
+        off$: <T = any>(eventName: string, fn?: import('../../../..').EventHandler<T>) => void;
+        dispatch: (componentName: string, eventName: string, params: any) => void;
+        broadcast: (componentName: string, eventName: string, params: any) => void;
+    };
+    formJsonObj: import('vue').Ref<any, any>;
+    readModeFlag: import('vue').Ref<any, any>;
+    widgetRefList: import('vue').Ref<Map<string, any> & Omit<Map<string, any>, keyof Map<any, any>>, Map<string, any> | (Map<string, any> & Omit<Map<string, any>, keyof Map<any, any>>)>;
+    widgetList: import('vue').ComputedRef<any>;
+    labelPosition: import('vue').ComputedRef<"inline" | "horizontal" | "vertical">;
+    labelWidth: import('vue').ComputedRef<string>;
+    customClass: import('vue').ComputedRef<string[]>;
+    dialogProps: import('vue').Ref<{}, {}>;
+    expose: {
+        context: import('vue').ComputedRef<{
+            proxy: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null | undefined;
+            $route?: import('vue-router').RouteLocationNormalizedLoaded | undefined;
+            $router?: import('vue-router').Router | undefined;
+            $pinia?: import('pinia').Pinia | undefined;
+            _pStores?: Record<string, import('pinia').StoreGeneric>;
+            $openCustomerModal?: ((ops: {
+                type: string;
+                formCode: string;
+                title: string;
+            } & Record<string, any>, app: any) => void) | undefined;
+            instance: import('vue').ComponentInternalInstance | null;
+            exposed: Record<string, any>;
+        }>;
+        i18nt: (key: string, obj?: Record<string, any>) => string;
+        goBack: (reloadStatus?: routerReloadStatus, cb?: () => void) => void;
+        reload: () => void;
+        formValidator: {
+            validate: () => Promise<boolean>;
+            validateField: (fieldName: string) => Promise<boolean>;
+            resetValidation: () => void;
+            clearValidate: () => void;
+            validationErrors: import('vue').Ref<Record<string, string[]>, Record<string, string[]>>;
+            getFieldValidationRules: (widget: Widget) => import('../../../..').ValidationRule[];
+        };
+        getFieldValue: (field: string) => any;
+        resetValidation: () => void;
+        clearValidate: () => void;
+        getVfCtx: () => Record<string, any> | undefined;
+        getParentFormRef: () => any;
+        getFormRef: () => any;
+        getWidgetRef: (widgetName: any, showError?: boolean) => any;
+        showDialog: (dialogName: any, formData?: {}, extraData?: {}) => void;
+        getFormData: () => Record<string, any>;
+        getChildFormRef: () => any;
+        setFormData: (data: Record<string, any>) => void;
+        setReadMode: (newVal: boolean) => void;
+        setFormJson: (json: any) => Promise<void>;
+        setLoading: (loading: boolean) => void;
+        onFormDetail: () => Promise<import('axios').AxiosResponse<any, any, {}> | undefined>;
+        onFormUpdate: () => Promise<import('axios').AxiosResponse<any, any, {}> | undefined>;
+        formDataModel: import('vue').Ref<Record<string, any>, Record<string, any>>;
+        isLoading: import('vue').Ref<boolean, boolean>;
+        vfCtx: Record<string, any> | undefined;
+        formConfig: import('vue').ComputedRef<FormConfig>;
+        dynamicDialogRef: Readonly<import('vue').ShallowRef<any>>;
+        setChildFormRef: (chid: any) => void;
+        setDialogOrDrawerRef: (ddRef: any) => void;
+    };
+};

package/types/core/src/components/common/render/useFormDataProcessor.d.ts

@@ -0,0 +1,10 @@
+import { Widget } from '../../../types/schema';
+/**
+ * 创建表单数据处理器
+ * @param formDataModel 表单数据模型引用
+ * @returns 表单数据处理器
+ */
+export declare const useFormDataProcessor: (formDataModel: any) => {
+    buildFormModel: (widgetList: Widget[], formData?: Record<string, any>) => Record<string, any>;
+    buildDataFromWidget: (widget: Widget<any>, formData?: Record<string, any>) => Record<string, any>;
+};

package/types/core/src/components/contextMenu/WidgetContextMenu.vue.d.ts

@@ -0,0 +1,21 @@
+import { Widget } from '../../types/schema';
+type __VLS_Props = {
+    widget: Widget | null;
+    index: number;
+    visible: boolean;
+    x: number;
+    y: number;
+    parentWidget?: any;
+};
+type __VLS_PublicProps = {
+    'list'?: Widget[];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:list": (value: Widget<any>[]) => any;
+} & {
+    "update:visible": (visible: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:list"?: ((value: Widget<any>[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/core/src/components/contextMenu/useWidgetContextMenu.d.ts

@@ -0,0 +1,25 @@
+import { Component, Ref } from 'vue';
+import { Widget } from '../../types/schema';
+export interface MenuItem {
+    key: string;
+    label?: string;
+    icon?: Component;
+    onClick?: () => void;
+    divider?: boolean;
+    children?: MenuItem[];
+    hidden?: boolean;
+}
+export declare function useWidgetContextMenu(props: {
+    widget: Widget;
+    index: number;
+    parentWidget?: Widget;
+    onClose: () => void;
+    list: Ref<Widget[]>;
+}): {
+    menuConfigs: import('vue').ComputedRef<MenuItem[]>;
+    moveUpWidget: () => void;
+    moveDownWidget: () => void;
+    cloneWidget: () => void;
+    removeWidget: () => void;
+    selectParentWidget: () => void;
+};

package/types/core/src/components/index.d.ts

@@ -0,0 +1,17 @@
+export { default as PanelItemDrag } from './settings/PanelItemDrag.vue';
+export { default as WidgetPanel } from './settings/WidgetPanel.vue';
+export { default as LowcodeLayout } from './layout/LowcodeLayout.vue';
+export { default as ToolbarPanel } from './toolbar-panel/index.vue';
+export { default as WidgetContextMenu } from './contextMenu/WidgetContextMenu.vue';
+export { useWidgetContextMenu } from './contextMenu/useWidgetContextMenu';
+export { default as HttpEditor } from './HttpEditor.vue';
+export { default as DragBtn } from './DragBtn.vue';
+export * from './common/render';
+export { default as RenderDesignerWrapper } from './common/desginer/RenderDesignerWrapper.vue';
+export { default as FormWidgetContainer } from './common/desginer/FormWidgetContainer.vue';
+export { default as WidgetWrapper } from './common/desginer/WidgetWrapper.vue';
+export { default as RenderWidgetList } from './common/RenderWidgetList.vue';
+export { default as EventItemEditor } from './common/EventItemEditor.vue';
+export * from './setting-plane';
+export { default as WidgetEditors } from './property-editor';
+export { default as LowcodeI18nProvider } from './common/LowcodeI18nProvider.vue';

package/types/core/src/components/layout/LowcodeLayout.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    leftWidth?: number;
+    rightWidth?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        header?(_: {}): any;
+        content?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/core/src/components/property-editor/index.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent } from 'vue';
+declare const WidgetEditors: Record<string, DefineComponent>;
+export default WidgetEditors;

package/types/core/src/components/property-editor/propertyRegister.d.ts

@@ -0,0 +1,199 @@
+/**
+ * 格式说明：属性名称==对应属性编辑器的组件名称
+ */
+export declare const COMMON_PROPERTIES: {
+    name: string;
+    label: string;
+    labelAlign: string;
+    type: string;
+    tabPosition: string;
+    tabBarGutter: string;
+    shape: string;
+    danger: string;
+    ghost: string;
+    defaultValue: string;
+    placeholder: string;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    columnWidth: string;
+    autoFullWidth: string;
+    size: string;
+    flex: string;
+    buttonStyle: string;
+    border: string;
+    labelWidth: string;
+    labelHidden: string;
+    rows: string;
+    required: string;
+    requiredHint: string;
+    validation: string;
+    validationHint: string;
+    readonly: string;
+    disabled: string;
+    loadingPage: string;
+    hidden: string;
+    useModal: string;
+    checkedValue: string;
+    unCheckedValue: string;
+    placement: string;
+    rowKey: string;
+    tableWidth: string;
+    tableHeight: string;
+    showIndex: string;
+    stripe: string;
+    colorRow: string;
+    tableSize: string;
+    pagination: string;
+    showButtonsColumn: string;
+    rowSelection: string;
+    dsEnabled: string;
+    tableColumns: string;
+    treeDataEnabled: string;
+    allowClear: string;
+    treeDefaultExpandAll: string;
+    showTime: string;
+    editable: string;
+    showPassword: string;
+    textContent: string;
+    htmlContent: string;
+    slotCompontent: string;
+    diyCompontent: string;
+    format: string;
+    valueFormat: string;
+    showSearch: string;
+    multiple: string;
+    accept: string;
+    mode: string;
+    menuList: string;
+    contentPosition: string;
+    treeData: string;
+    limit: string;
+    maxSize: string;
+    fileTypes: string;
+    contentHeight: string;
+    customClass: string;
+    uploadListType: string;
+    showBlankRow: string;
+    showRowNumber: string;
+    cellWidth: string;
+    cellHeight: string;
+    colHeight: string;
+    gutter: string;
+    responsive: string;
+    span: string;
+    offset: string;
+    push: string;
+    pull: string;
+    title: string;
+    width: string;
+    height: string;
+    top: string;
+    left: string;
+    lineHeight: string;
+    formCode: string;
+    collapseIcon: string;
+    unCollapseIcon: string;
+    isCollapse: string;
+    rightSlotCss: string;
+    bodyStyle: string;
+    fullscreen: string;
+    showClose: string;
+    closeOnClickModal: string;
+    closeOnPressEscape: string;
+    direction: string;
+    readMode: string;
+    disabledMode: string;
+    buttonList: string;
+    buttonPosition: string;
+    boxModel: string;
+    legend: string;
+    customRender: string;
+    echartBar: string;
+    borderImg: string;
+    optionItems: string;
+    refreshInterval: string;
+};
+export declare const ADVANCED_PROPERTIES: {
+    min: string;
+    max: string;
+    count: string;
+    precision: string;
+    step: string;
+    controlsPosition: string;
+    minLength: string;
+    maxLength: string;
+    showCount: string;
+    addonBefore: string;
+    switchWidth: string;
+    activeColor: string;
+    inactiveColor: string;
+    lowThreshold: string;
+    highThreshold: string;
+    allowHalf: string;
+    showText: string;
+    showScore: string;
+    range: string;
+    vertical: string;
+    plain: string;
+    round: string;
+    circle: string;
+    icon: string;
+    labelIconClass: string;
+    labelIconPosition: string;
+    appendButton: string;
+    appendButtonDisabled: string;
+    buttonIcon: string;
+};
+export declare const EVENT_PROPERTIES: {
+    onCreated: string;
+    onMounted: string;
+    onClick: string;
+    onCheck: string;
+    onInput: string;
+    onChange: string;
+    onTableChange: string;
+    onFocus: string;
+    onBlur: string;
+    onRemoteQuery: string;
+    onBeforeUpload: string;
+    onUploadSuccess: string;
+    onUploadError: string;
+    onFileRemove: string;
+    onValidate: string;
+    onAppendButtonClick: string;
+    onClickIcon: string;
+    onMenuClick: string;
+    onTabClick: string;
+    onSubFormRowAdd: string;
+    onSubFormRowInsert: string;
+    onSubFormRowDelete: string;
+    onSubFormRowChange: string;
+    onPageSizeChange: string;
+    onCurrentPageChange: string;
+    onSelectionChange: string;
+    onHideOperationButton: string;
+    onDisableOperationButton: string;
+    onGetOperationButtonLabel: string;
+    onOperationButtonClick: string;
+    onHeaderClick: string;
+    onRowClick: string;
+    onRowDoubleClick: string;
+    onCellClick: string;
+    onCellDoubleClick: string;
+    onGetRowClassName: string;
+    onGetSpanMethod: string;
+    onDialogOpened: string;
+    onDialogBeforeClose: string;
+    customRow: string;
+};
+/**
+ * 判断属性是否已注册
+ * @param uniquePropName 属性名称（保证名称唯一，不跟其他组件属性冲突）
+ */
+export declare function propertyRegistered(uniquePropName: string): boolean;
+export declare function getPropertyEditor(uniquePropName: string): any;
+export declare enum PROPERTY_TYPE {
+    Common = "COMMON",
+    Advanced = "ADVANCED",
+    Event = "EVENT"
+}

package/types/core/src/components/property-editor/useEditor.d.ts

@@ -0,0 +1,19 @@
+import { Widget } from '../../..';
+export interface EditorPros {
+    selectedWidget: Widget;
+}
+interface EditorProsType {
+    optionModel: Record<string, any>;
+}
+export declare function useEditor(props?: EditorProsType): {
+    designer: import('vue').Ref<import('../../..').FormDesigner, import('../../..').FormDesigner>;
+    serverFieldList: () => never[];
+    getDesignerConfig: () => Record<string, any>;
+    hasConfig: (configName: any) => boolean;
+    emitDefaultValueChange: () => void;
+    inputNumberHandler: (value: any) => void;
+    onRemoteChange: (val: any) => void;
+    onAllowCreateChange: (val: any) => void;
+    onMultipleSelected: (val: any) => void;
+};
+export {};

package/types/core/src/components/setting-plane/WidgetSettingPlane.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/core/src/components/setting-plane/form-crud-setting.vue.d.ts

@@ -0,0 +1,10 @@
+declare const formConfig: import('vue').ModelRef<any, string, any, any>;
+type __VLS_PublicProps = {
+    'formConfig'?: typeof formConfig['value'];
+};
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:formConfig": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:formConfig"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;