@usethink/shared-frontend 0.1.0

package/dist/components/core/drawer/props.d.ts

@@ -0,0 +1,115 @@
+import type { PropType } from 'vue';
+export declare const footerProps: {
+    confirmLoading: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @description: Show close button
+     */
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelButtonProps: PropType<Recordable<any>>;
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description: Show confirmation button
+     */
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okButtonProps: PropType<Recordable<any>>;
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    okType: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+    };
+    footerHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+};
+export declare const basicProps: {
+    confirmLoading: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @description: Show close button
+     */
+    showCancelBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelButtonProps: PropType<Recordable<any>>;
+    cancelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description: Show confirmation button
+     */
+    showOkBtn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    okButtonProps: PropType<Recordable<any>>;
+    okText: {
+        type: StringConstructor;
+        default: string;
+    };
+    okType: {
+        type: StringConstructor;
+        default: string;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+    };
+    footerHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    isDetail: {
+        type: BooleanConstructor;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadingText: {
+        type: StringConstructor;
+    };
+    showDetailBack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getContainer: {
+        type: PropType<any>;
+    };
+    closeFunc: {
+        type: PropType<any>;
+        default: any;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+};

package/dist/components/core/dynamic-table/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DynamicTable } from './src/dynamic-table.vue';
+export * from './src/types/';
+export * from './src/hooks/';
+export * from './src/dynamic-table';

package/dist/components/core/dynamic-table/src/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TableAction } from './table-action.vue';
+export { default as ToolBar } from './tool-bar/index.vue';
+export { default as EditableCell } from './editable-cell/index.vue';

package/dist/components/core/dynamic-table/src/dynamic-table.config.d.ts

@@ -0,0 +1,23 @@
+import type { SorterResult } from 'ant-design-vue/es/table/interface';
+import type { AlignType } from 'ant-design-vue/es/vc-table/interface';
+/** 表格配置 */
+declare const _default: {
+    readonly fetchConfig: {
+        readonly pageField: "pageIndex";
+        readonly sizeField: "pageSize";
+        readonly listField: "list";
+        readonly totalField: "pagination.total";
+    };
+    readonly pageSizeOptions: readonly ["10", "20", "50", "80", "100"];
+    readonly defaultPageSize: 10;
+    readonly defaultAlign: AlignType;
+    readonly defaultSortFn: (sortInfo: SorterResult) => {
+        field: import("ant-design-vue/es/table/interface").Key | readonly import("ant-design-vue/es/table/interface").Key[];
+        order: import("ant-design-vue/es/table/interface").SortOrder;
+    } | {
+        field?: undefined;
+        order?: undefined;
+    };
+    readonly defaultFilterFn: (data: Partial<Recordable<string[]>>) => Partial<Recordable<string[]>>;
+};
+export default _default;

package/dist/components/core/dynamic-table/src/hooks/index.d.ts

@@ -0,0 +1,10 @@
+export * from './useTable';
+export * from './useTableContext';
+export * from './useExportData2Excel';
+export * from './useTableForm';
+export * from './useTableState';
+export * from './useTableMethods';
+export * from './useColumns';
+export * from './useEditable';
+export * from './useScroll';
+export * from './useTablePlugin';

package/dist/components/core/dynamic-table/src/hooks/useEditable.d.ts

@@ -0,0 +1,12 @@
+export type UseEditableType = ReturnType<typeof useEditable>;
+export declare const useEditable: () => {
+    setEditFormModel: (recordKey: Key, editValue: Recordable) => void;
+    startEditable: (recordKey: Key, currentRow?: Recordable) => boolean;
+    startCellEditable: (recordKey: Key, dataIndex: Key, currentRow?: Recordable) => void;
+    cancelCellEditable: (recordKey: Key, dataIndex: Key) => void;
+    cancelEditable: (recordKey: Key) => boolean;
+    isEditable: (recordKey: Key) => boolean;
+    validateRow: (recordKey: Key) => Promise<any>;
+    validateCell: (recordKey: Key, dataIndex: Key) => Promise<any>;
+    getEditFormModel: (recordKey: Key) => any;
+};

package/dist/components/core/dynamic-table/src/hooks/useExportData2Excel.d.ts

@@ -0,0 +1,7 @@
+export type ExportData2Excel = ReturnType<typeof useExportData2Excel>;
+/**
+ * 导出表格Excel
+ */
+export declare const useExportData2Excel: () => {
+    exportData2Excel: () => void;
+};

package/dist/components/core/dynamic-table/src/hooks/useScroll.d.ts

@@ -0,0 +1,16 @@
+import { type Ref } from 'vue';
+import type { DynamicTableProps } from '../dynamic-table';
+type UseScrollParams = {
+    props: DynamicTableProps;
+    containerElRef: Ref<HTMLDivElement | null>;
+};
+export type UseScrollType = ReturnType<typeof useScroll>;
+export declare const getPositionTop: (node: HTMLElement) => number;
+export declare const useScroll: ({ props, containerElRef }: UseScrollParams) => {
+    scroll: import("vue").ComputedRef<{
+        x?: string | number | true;
+        y: string | number;
+        scrollToFirstRowOnChange?: boolean;
+    }>;
+};
+export {};

package/dist/components/core/dynamic-table/src/hooks/useTable.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent } from 'vue';
+import type { DynamicTableProps } from '../dynamic-table';
+export declare function useTable(props?: Partial<DynamicTableProps>): readonly [FunctionalComponent<DynamicTableProps, {}, any, {}>, any];

package/dist/components/core/dynamic-table/src/hooks/useTableContext.d.ts

@@ -0,0 +1,3 @@
+import type { DynamicTableType } from '../types';
+export declare function createTableContext(instance: DynamicTableType): void;
+export declare function useTableContext(): DynamicTableType;

package/dist/components/core/dynamic-table/src/hooks/useTableExpand.d.ts

@@ -0,0 +1,12 @@
+export declare function useTableExpand(): {
+    getExpandOption: import("vue").ComputedRef<{
+        expandedRowKeys?: undefined;
+        onExpandedRowsChange?: undefined;
+    } | {
+        expandedRowKeys: Key[];
+        onExpandedRowsChange: (keys: string[]) => void;
+    }>;
+    expandAll: () => void;
+    expandRows: (keys: (string | number)[]) => void;
+    collapseAll: () => void;
+};

package/dist/components/core/dynamic-table/src/hooks/useTableMethods.d.ts

@@ -0,0 +1,36 @@
+import { useInfiniteScroll } from '@vueuse/core';
+import type { DynamicTableProps } from '../dynamic-table';
+import type { TableColumn } from '../types/';
+export type UseInfiniteScrollParams = Parameters<typeof useInfiniteScroll>;
+export type TableMethods = ReturnType<typeof useTableMethods>;
+export declare const useTableMethods: () => {
+    setProps: (props: Partial<DynamicTableProps>) => void;
+    handleSubmit: (params: any, page?: number) => void;
+    handleTableChange: (pagination: import("ant-design-vue").TablePaginationConfig, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => Promise<void>;
+    getColumnKey: (column: TableColumn) => string;
+    fetchData: any;
+    getSearchFormRef: () => any;
+    reload: (resetPageIndex?: boolean) => any;
+    onInfiniteScroll: (callback: UseInfiniteScrollParams[1], options?: UseInfiniteScrollParams[2]) => void;
+    handleEditFormValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
+    handleResizeColumn: (width: any, col: any) => void;
+    getExpandOption: import("vue").ComputedRef<{
+        expandedRowKeys?: undefined;
+        onExpandedRowsChange?: undefined;
+    } | {
+        expandedRowKeys: Key[];
+        onExpandedRowsChange: (keys: string[]) => void;
+    }>;
+    expandAll: () => void;
+    expandRows: (keys: (string | number)[]) => void;
+    collapseAll: () => void;
+    setEditFormModel: (recordKey: Key, editValue: Recordable<any>) => void;
+    startEditable: (recordKey: Key, currentRow?: Recordable<any>) => boolean;
+    startCellEditable: (recordKey: Key, dataIndex: Key, currentRow?: Recordable<any>) => void;
+    cancelCellEditable: (recordKey: Key, dataIndex: Key) => void;
+    cancelEditable: (recordKey: Key) => boolean;
+    isEditable: (recordKey: Key) => boolean;
+    validateRow: (recordKey: Key) => Promise<any>;
+    validateCell: (recordKey: Key, dataIndex: Key) => Promise<any>;
+    getEditFormModel: (recordKey: Key) => any;
+};

package/dist/components/core/dynamic-table/src/types/column.d.ts

@@ -0,0 +1,54 @@
+import type { ColumnsType } from 'ant-design-vue/es/table';
+import type { FormSchema, GetFieldKeys } from '@/components/core/schema-form';
+import type { ActionItem } from './tableAction';
+import type { TableActionType } from '@/components/core/dynamic-table/src/types';
+import type { DataIndex } from 'ant-design-vue/es/vc-table/interface';
+export type ColumnType<T> = ColumnsType<T>[number];
+export type CustomRenderParams<T extends object = Recordable> = Omit<Parameters<NonNullable<ColumnType<T>['customRender']>>[number], 'column'> & {
+    column: TableColumn<T>;
+};
+/**
+ * 表格属性
+ */
+export type TableColumn<T extends object = Recordable> = ColumnType<T> & {
+    dataIndex?: GetFieldKeys<T> | ColumnKeyFlagType | Omit<DataIndex, string>;
+    /** 多语言, 格式: \`t('common.add')\`，如果为空，默认以dataIndex作为key来翻译 */
+    i18n?: string;
+    /** 不翻译多语言 (报表查询中使用) */
+    ignoreI18n?: boolean;
+    children?: Array<any>;
+    /** 指定搜索的字段 */
+    searchField?: string;
+    /** 在查询表单中不展示此项 */
+    hideInSearch?: boolean;
+    /** 在 Table 中不展示此列 */
+    hideInTable?: boolean;
+    /** 在 column-setting 中不展示此列 (解决report中存在的问题) */
+    hideInColumnSet?: boolean;
+    /** 传递给搜索表单 Form.Item 的配置,可以配置 rules */
+    formItemProps?: Partial<FormSchema<T>>;
+    /** 传递给可编辑表格 Form.Item 的配置,可以配置 rules */
+    editFormItemProps?: Partial<FormSchema<T>> & {
+        /**
+         * 是否继承于搜索表单`TableColumn.formItemProps`的所有属性,为深拷贝合并
+         * 值为`true`时的行为伪代码如下：
+         * ```js
+         * Object.assign({}, TableColumn.formItemProps, TableColumn.editFormItemProps)
+         * ```
+         * @defaultValue 默认值为`true`
+         * */
+        extendSearchFormProps?: boolean;
+    };
+    /** 操作列，一般用于对表格某一行数据进行操作 */
+    actions?: (params: CustomRenderParams<T>, action: TableActionType) => ActionItem[];
+    /** 当前单元格是否允许被编辑 */
+    editable?: boolean | ((params: CustomRenderParams<T>) => boolean);
+    /** 当前单元格是否默认开启编辑，仅 `editableType`为`cell` 或 `dynamicCell`时有效 */
+    defaultEditable?: boolean;
+};
+export declare enum ColumnKeyFlag {
+    ACTION = "ACTION",
+    INDEX = "INDEX"
+}
+export declare const columnKeyFlags: string[];
+export type ColumnKeyFlagType = `${ColumnKeyFlag}`;

package/dist/components/core/dynamic-table/src/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './table';
+export * from './column';
+export * from './tableAction';

package/dist/components/core/dynamic-table/src/types/table.d.ts

@@ -0,0 +1,41 @@
+import type { TableProps } from 'ant-design-vue';
+import type { TablePaginationConfig } from 'ant-design-vue/es/table';
+import type { DynamicTableProps, DynamicTableEmitFn } from '../dynamic-table';
+import type { ExportData2Excel, TableForm, TableMethods, TableState, UseEditableType } from '../hooks';
+import type { Slots } from 'vue';
+/**
+ * 加载表格数据的参数
+ */
+export type LoadDataParams = TablePaginationConfig & {
+    /** 根据自己业务需求定义页码 */
+    pageIndex?: number;
+    /** 根据自己业务需求定义页数据条数 */
+    pageSize?: number;
+};
+/** 表格onChange事件回调参数 */
+export type OnChangeCallbackParams = Parameters<NonNullable<TableProps['onChange']>>;
+/** 表格onChange事件回调函数 */
+export type OnChangeCallback = TableProps['onChange'];
+/** 编辑行类型 */
+export type EditableType = 'single' | 'multiple' | 'cell' | 'dynamicCell';
+/** 单元格保存回调 */
+export type OnSave<T = any> = (
+/** 行 id，一般是唯一id */
+key: Key, 
+/** 当前修改的行的值，只有 form 在内的会被设置 */
+record: T, 
+/** 原始值，可以用于判断是否修改 */
+originRow: T) => Promise<any | void>;
+/** 单元格取消保存回调 */
+export type OnCancel<T = any> = (
+/** 行 id，一般是唯一id */
+key: Key, 
+/** 当前修改的行的值，只有 form 在内的会被设置 */
+record: T, 
+/** 原始值，可以用于判断是否修改 */
+originRow: T) => any | void;
+export type DynamicTableType = TableState & ExportData2Excel & UseEditableType & TableForm & TableMethods & {
+    props: DynamicTableProps;
+    emit: DynamicTableEmitFn;
+    slots: Slots;
+};

package/dist/components/core/dynamic-table/src/types/tableAction.d.ts

@@ -0,0 +1,57 @@
+import type { Ref } from 'vue';
+import type { CustomRenderParams } from './column';
+import type { PopconfirmProps } from 'ant-design-vue/es/popconfirm';
+import type { ButtonProps, TooltipProps } from 'ant-design-vue/es/components';
+import type { TableMethods, UseEditableType } from '../hooks/';
+import type { ButtonType } from '@/components/basic/button';
+export type ActionItem = Omit<ButtonProps, 'onClick' | 'loading' | 'type'> & {
+    onClick?: Fn<CustomRenderParams, any>;
+    label?: string;
+    color?: string;
+    type?: ButtonType;
+    loading?: Ref<ButtonProps['loading']> | ButtonProps['loading'];
+    icon?: string;
+    popConfirm?: PopConfirm;
+    disabled?: boolean;
+    divider?: boolean;
+    /** 业务控制是否显示 */
+    hide?: boolean | ((action: ActionItem) => boolean);
+    tooltip?: string | TooltipProps;
+    /** 设置按钮权限, effect不传默认为disable */
+    auth?: string | {
+        perm: string;
+        /** 无权限时，按钮不可见或是处于禁用状态 */
+        effect?: 'delete' | 'disable';
+    };
+    /**
+     * 下拉按钮组
+     */
+    dropDown?: ActionItem[];
+};
+export type PopConfirm = PopconfirmProps & {
+    title: string;
+    okText?: string;
+    cancelText?: string;
+    onConfirm: Fn<CustomRenderParams, any>;
+    onCancel?: Fn<CustomRenderParams, any>;
+    icon?: string;
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'bottomLeft' | 'bottomRight';
+};
+export type TableActionType = {
+    /** 刷新并清空,页码也会重置，不包括搜索表单 */
+    reload: TableMethods['reload'];
+    /** 设置动态表格属性 */
+    setProps: TableMethods['setProps'];
+    /** 获取远程数据 */
+    fetchData: TableMethods['fetchData'];
+    /** 进入编辑状态 */
+    startEditable: UseEditableType['startEditable'];
+    /** 取消编辑 */
+    cancelEditable: UseEditableType['cancelEditable'];
+    /** 获取编辑后表单的值 */
+    getEditFormModel: UseEditableType['getEditFormModel'];
+    /** 当前行是否处于编辑状态 */
+    isEditable: UseEditableType['isEditable'];
+    /** 行编辑表单是否校验通过 */
+    validateRow: UseEditableType['validateRow'];
+};

package/dist/components/core/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 核心组件入口
+ * 导出所有核心组件
+ */
+export {};

package/dist/components/core/schema-form/index.d.ts

@@ -0,0 +1,7 @@
+export { default as SchemaFormItem } from './src/schema-form-item.vue';
+export { default as SchemaForm } from './src/schema-form.vue';
+export * from './src/types/';
+export * from './src/schema-form';
+export * from './src/schema-form-item';
+export * from './src/hooks/';
+export * from './src/components/';

package/dist/components/core/schema-form/src/componentMap.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("ant-design-vue"),r=require("../../../basic/customUpload/src/BasicUpload.vue.js"),t=require("../../../basic/CodeEditor/src/CodeEditor.vue.js");require("vue");const o={Input:e.Input,InputGroup:e.Input.Group,InputPassword:e.Input.Password,InputSearch:e.Input.Search,InputTextArea:e.Input.TextArea,InputNumber:e.InputNumber,AutoComplete:e.AutoComplete,Select:e.Select,TreeSelect:e.TreeSelect,Tree:e.Tree,Switch:e.Switch,RadioGroup:e.Radio.Group,Checkbox:e.Checkbox,CheckboxGroup:e.Checkbox.Group,Cascader:e.Cascader,Slider:e.Slider,Rate:e.Rate,DatePicker:e.DatePicker,MonthPicker:e.DatePicker.MonthPicker,RangePicker:e.DatePicker.RangePicker,WeekPicker:e.DatePicker.WeekPicker,TimePicker:e.TimePicker,Upload:e.Upload,Mentions:e.Mentions,Divider:e.Divider,CustomUpload:r,CodeEditor:t};exports.componentMap=o;

package/dist/components/core/schema-form/src/components/ApiSelect.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),d=require("lodash-es"),y=require("@ant-design/icons-vue"),q=require("../../../../../node_modules/.pnpm/ant-design-vue@4.2.6_vue@3.5.39_typescript@5.4.5_/node_modules/ant-design-vue/es/select/index.js"),L=require("ant-design-vue"),V=require("../../../../../hooks/useI18n.js"),o=require("../../../../../utils/propTypes.js"),A=require("../../../../../api/response.js");({...q.selectProps(),numberToString:o.propTypes.bool,resultField:o.propTypes.string.def(""),labelField:o.propTypes.string.def("label"),valueField:o.propTypes.string.def("value"),immediate:o.propTypes.bool.def(!0),alwaysLoad:o.propTypes.bool.def(!1)});

package/dist/components/core/schema-form/src/components/form-action.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("ant-design-vue"),h=require("../hooks/useFormContext.js"),x=require("../../../../basic/basic-arrow/index.vue.js"),u=require("../../../../basic/button/button.vue.js");require("../../../../basic/button/button.js");const A=require("../../../../../hooks/useI18n.js"),k=e.defineComponent({name:"FormAction",inheritAttrs:!1,__name:"form-action",props:{showActionButtonGroup:{type:Boolean,default:!0},showResetButton:{type:Boolean,default:!0},showSubmitButton:{type:Boolean,default:!0},showAdvancedButton:{type:Boolean,default:!0},resetButtonOptions:{type:Object,default:()=>({})},submitButtonOptions:{type:Object,default:()=>({})},actionColOptions:{type:Object,default:()=>({})},actionSpan:{type:Number,default:6},isAdvanced:Boolean,hideAdvanceBtn:Boolean},emits:["toggle-advanced"],setup(n,{emit:p}){const f=p,o=n,{t:a}=A.useI18n(),{resetFields:B,submit:y}=h.useFormContext(),c=e.computed(()=>{const{showAdvancedButton:t,actionSpan:r,actionColOptions:s}=o,d=24-r,C=t?{span:d<6?24:d}:{};return{style:{textAlign:"right"},span:t?6:4,...C,...s}}),l=e.computed(()=>Object.assign({text:a("common.resetText")},o.resetButtonOptions)),i=e.computed(()=>Object.assign({text:a("common.queryText")},o.submitButtonOptions));function v(){f("toggle-advanced",o.isAdvanced)}const g=async t=>{await y(t).catch(()=>{})};return(t,r)=>n.showActionButtonGroup?(e.openBlock(),e.createBlock(e.unref(m.Col),e.mergeProps({key:0},c.value,{class:"form-action"}),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle([{width:"100%"},{textAlign:c.value.style.textAlign}])},[e.createVNode(e.unref(m.Form).Item,null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"resetBefore"),n.showResetButton?(e.openBlock(),e.createBlock(e.unref(u),e.mergeProps({key:0,type:"default",class:"mr-2"},l.value,{onClick:e.unref(B)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.text),1)]),_:1},16,["onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitBefore"),n.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(u),e.mergeProps({key:1,type:"primary",class:"mr-2"},i.value,{onClick:r[0]||(r[0]=s=>g(s))}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value.text),1)]),_:1},16)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceBefore"),n.showAdvancedButton&&!n.hideAdvanceBtn?(e.openBlock(),e.createBlock(e.unref(u),{key:2,type:"link",size:"small",onClick:v},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.isAdvanced?e.unref(a)("component.form.putAway"):e.unref(a)("component.form.unfold"))+" ",1),e.createVNode(e.unref(x),{class:"ml-1",expand:!n.isAdvanced},null,8,["expand"])]),_:1})):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceAfter")]),_:3})],4)]),_:3},16)):e.createCommentVNode("",!0)}});module.exports=k;

package/dist/components/core/schema-form/src/components/form-action2.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./form-action.vue.js");module.exports=e;

package/dist/components/core/schema-form/src/components/index.d.ts

@@ -0,0 +1 @@
+export { default as ApiSelect } from './ApiSelect.vue';

package/dist/components/core/schema-form/src/helper.d.ts

@@ -0,0 +1,13 @@
+import type { RuleObject } from 'ant-design-vue/es/form/';
+import type { ComponentType } from './types/component';
+/**
+ * @description: 生成placeholder
+ */
+export declare function createPlaceholderMessage(component: ComponentType, labelI18n?: string): string;
+export declare function setComponentRuleType(rule: RuleObject, component: ComponentType, valueFormat: string): void;
+export declare function processDateValue(attr: Recordable, component: string): void;
+export declare function handleInputNumberValue(component?: ComponentType, val?: any): any;
+/**
+ * 时间字段
+ */
+export declare const dateItemType: string[];

package/dist/components/core/schema-form/src/helper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("dayjs");const c=require("lodash-es"),n=require("../../../../hooks/useI18n.js");function i(e,r=""){const{t}=n.useI18n();if(e.includes("Input")||e.includes("Complete")||e.includes("CodeEditor")||e.includes("MonacoEditor"))return`${t("common.inputText")}${r}`;const u=["Select","Cascader","Checkbox","CheckboxGroup","Switch","TreeSelect","Upload","CustomUpload"];return e.includes("Picker")||u.includes(e)?`${t("common.chooseText")}${r}`:""}const s=["DatePicker","MonthPicker","WeekPicker","TimePicker"];function o(){return[...s,"RangePicker"]}function d(e,r){return e&&["Input","InputPassword","InputSearch","InputTextArea"].includes(e)&&r&&c.isNumber(r)?`${r}`:r}const a=o();exports.createPlaceholderMessage=i;exports.dateItemType=a;exports.handleInputNumberValue=d;

package/dist/components/core/schema-form/src/hooks/index.d.ts

@@ -0,0 +1,14 @@
+import type { FormState } from './useFormState';
+import type { FormEvents } from './useFormEvents';
+import type { FormMethods } from './useFormMethods';
+import type { SchemaFormEmitFn } from '../schema-form';
+export * from './useForm';
+export * from './useFormState';
+export * from './useFormContext';
+export * from './useFormEvents';
+export * from './useFormMethods';
+export * from './useLabelWidth';
+export * from './useAdvanced';
+export type SchemaFormType = FormState & FormEvents & FormMethods & {
+    emit: SchemaFormEmitFn;
+};

package/dist/components/core/schema-form/src/hooks/useAdvanced.d.ts

@@ -0,0 +1,3 @@
+export declare const useAdvanced: () => {
+    handleToggleAdvanced: () => void;
+};

package/dist/components/core/schema-form/src/hooks/useAdvanced.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),F=require("./useFormContext.js"),b=require("../../../../../utils/is.js"),q=require("../../../../../hooks/event/useBreakpoint.js"),l=require("lodash-es"),d=24,W=()=>{const A=F.useFormContext(),{realWidthRef:h,screenEnum:v,screenRef:I}=q.useBreakpoint(),{advanceState:t,getFormProps:c,formSchemasRef:p,formModel:g,defaultFormValues:w,emit:B}=A,m=s.computed(()=>{if(!t.isAdvanced)return 0;const e=s.unref(c).emptySpan||0;if(l.isNumber(e))return e;if(b.isObject(e)){const{span:n=0}=e,o=s.unref(I);return e[o.toLowerCase()]||n||0}return 0});s.watch([p,()=>t.isAdvanced,()=>s.unref(h)],()=>{const{showAdvancedButton:e}=s.unref(c);e&&S()},{immediate:!0});function x(e,n=0,o=!1){const r=s.unref(h),a=parseInt(e.md)||parseInt(e.xs)||parseInt(e.sm)||e.span||d,u=parseInt(e.lg)||a,i=parseInt(e.xl)||u,f=parseInt(e.xxl)||i;return r<=v.LG?n+=a:r<v.XL?n+=u:r<v.XXL?n+=i:n+=f,o?(t.hideAdvanceBtn=!1,n<=d*2?(t.hideAdvanceBtn=!0,t.isAdvanced=!0):n>d*2&&n<=d*(s.unref(c).autoAdvancedLine||3)?t.hideAdvanceBtn=!1:t.isLoad||(t.isLoad=!0,t.isAdvanced=!t.isAdvanced),{isAdvanced:t.isAdvanced,itemColSum:n}):n>d*(s.unref(c).alwaysShowLines||1)?{isAdvanced:t.isAdvanced,itemColSum:n}:{isAdvanced:!0,itemColSum:n}}function S(){let e=0,n=0;const{baseColProps:o={}}=s.unref(c);for(const r of s.unref(p)){const{vShow:a,colProps:u}=r;let i=!0;if(l.isBoolean(a)&&(i=a),l.isFunction(a)&&(i=a({schema:s.computed(()=>s.unref(p).find(f=>f.field===r.field)),formModel:g,field:r.field,formInstance:A,values:{...s.unref(w),...g}})),i&&(u||o)){const{itemColSum:f,isAdvanced:L}=x({...o,...u},e);e=f||0,L&&(n=e),r.isAdvanced=L}}t.actionSpan=n%d+s.unref(m),x(s.unref(c).actionColOptions||{span:d},e,!0),B("advanced-change")}function y(){t.isAdvanced=!t.isAdvanced}return{handleToggleAdvanced:y}};exports.useAdvanced=W;

package/dist/components/core/schema-form/src/hooks/useFormContext.d.ts

@@ -0,0 +1,3 @@
+import type { SchemaFormType } from './';
+export declare function createFormContext(instance: SchemaFormType): Promise<void>;
+export declare function useFormContext(formProps?: {}): SchemaFormType;

package/dist/components/core/schema-form/src/hooks/useFormContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vueuse/core"),t=Symbol("schema-form");async function r(e){o.provideLocal(t,e)}function n(e={}){return o.injectLocal(t,e)}exports.createFormContext=r;exports.useFormContext=n;

package/dist/components/core/schema-form/src/hooks/useFormEvents.d.ts

@@ -0,0 +1,4 @@
+export type FormEvents = ReturnType<typeof useFormEvents>;
+export declare function useFormEvents(): {
+    submit: (e?: Event) => Promise<Recordable<any>>;
+};

package/dist/components/core/schema-form/src/hooks/useFormEvents.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),l=require("./useFormContext.js"),f=require("lodash-es");function F(){const r=l.useFormContext(),{emit:c,getFormProps:i,schemaFormRef:m}=r;async function a(t){var o;(o=t==null?void 0:t.preventDefault)==null||o.call(t);const{submitFunc:e}=u.unref(i);if(e&&f.isFunction(e)){await e();return}if(u.unref(m))try{const n=await r.validate(),s=r.handleFormValues(n);return c("submit",s),s}catch(n){return Promise.reject(n)}}return{submit:a}}exports.useFormEvents=F;

package/dist/components/core/schema-form/src/hooks/useFormMethods.d.ts

@@ -0,0 +1,31 @@
+import type { SchemaFormProps } from "../schema-form";
+import type { UnwrapFormSchema } from "../types/form";
+import type { NamePath } from "ant-design-vue/lib/form/interface";
+type FormSchema = UnwrapFormSchema;
+export type FormMethods = ReturnType<typeof useFormMethods>;
+export declare const useFormMethods: () => {
+    setItemRef: (field: string) => (el: any) => void;
+    clearValidate: (name?: string | string[]) => Promise<void>;
+    validate: (nameList?: NamePath[] | undefined) => Promise<{
+        [key: string]: any;
+    }>;
+    validateFields: (nameList?: NamePath[] | undefined) => Promise<{
+        [key: string]: any;
+    }>;
+    getFieldsValue: () => Recordable;
+    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => void;
+    resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    getSchemaByField: (field: string) => FormSchema | undefined;
+    appendSchemaByField: (schemaItem: FormSchema, prefixField?: string, first?: boolean) => Promise<void>;
+    removeSchemaByField: (fields: string | string[]) => Promise<void>;
+    resetFields: () => Promise<void>;
+    setFieldsValue: (values: Recordable) => Promise<void>;
+    scrollToField: (name: NamePath, options?: ScrollOptions | undefined) => Promise<void>;
+    setDefaultValue: (data: FormSchema | FormSchema[]) => void;
+    setFormModel: (key: Key, value: any) => void;
+    delFormModel: (key: Key) => boolean;
+    setSchemaFormProps: (formProps: Partial<SchemaFormProps>) => void;
+    handleFormValues: (values: Recordable) => Recordable<any>;
+    handleEnterPress: (e: KeyboardEvent) => void;
+};
+export {};

package/dist/components/core/schema-form/src/hooks/useFormMethods.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),i=require("lodash-es"),V=require("dayjs"),A=require("../helper.js"),W=require("./useFormContext.js"),v=require("../../../../../utils/dateUtil.js");require("../../../../../utils/eventBus.js");require("file-saver");const w=require("../../../../../utils/helper.js");require("../../../../../utils/i18n.js");const h=require("../../../../../utils/is.js");;/* empty css                                  */require("../../../../../utils/nprogress.js");require("../../../../../utils/performanceMonitor.js");require("../../../../../utils/SignalRConnectionManager.js");require("../../../../../utils/propTypes.js");require("../../../../../utils/request.js");require("../../../../../utils/Storage.js");require("../../../../../utils/uuid.js");const X=()=>{const q=W.useFormContext(),{compRefMap:D,formModel:m,formPropsRef:d,cacheFormModel:S,schemaFormRef:p,getFormProps:g,formSchemasRef:F,defaultFormValues:C,originComponentPropsFnMap:T,emit:N}=q,U=e=>t=>{t&&D.set(e,t)};function M(){return l.unref(p)?R(l.toRaw(l.unref(m))):{}}function x(e){const t=l.unref(d).schemas;return t==null?void 0:t.some(n=>n.field===e&&i.isString(n.component)?A.dateItemType.includes(n.component):!1)}async function j(e){const t=l.unref(F),n=t.map(r=>r.field).filter(Boolean);Object.assign(S,e);const s=[];Object.entries(e).forEach(([r,c])=>{const f=t.find(u=>u.field===r),o=Reflect.has(e,r);if(i.isString(f==null?void 0:f.component)&&(c=A.handleInputNumberValue(f==null?void 0:f.component,c)),o&&n.includes(r)){if(x(r))if(Array.isArray(c)){const u=[];for(const a of c)u.push(a?V(a):null);i.set(m,r,u)}else{const{componentProps:u}=f||{};let a=u;i.isFunction(u)&&(a=a({formPropsRef:d,formModel:m})),i.set(m,r,c?a!=null&&a.valueFormat?c:V(c):null)}else i.set(m,r,c);s.push(r)}}),await P(s).catch(r=>{})}async function B(e){let t=[];h.isObject(e)&&t.push(e),i.isArray(e)&&(t=[...e]),l.unref(d).schemas=t}async function K(e,t,n=!1){const s=i.cloneDeep(l.unref(F)),r=s.findIndex(c=>c.field===t);if(!t||r===-1||n){n?s.unshift(e):s.push(e),d.value.schemas=s;return}r!==-1&&s.splice(r+1,0,e),d.value.schemas=s,b(d.value.schemas)}async function L(e){const t=i.cloneDeep(l.unref(F));if(!e)return;let n=i.isString(e)?[e]:e;i.isString(e)&&(n=[e]);for(const s of n)if(i.isString(s)){const r=t.findIndex(c=>c.field===s);r!==-1&&(i.unset(m,s),t.splice(r,1))}d.value.schemas=t}function O(e){return l.unref(F).find(t=>e===t.field)}const Y=e=>{let t=[];if(h.isObject(e)&&t.push(e),i.isArray(e)&&(t=[...e]),!t.every(c=>c.component==="Divider"||Reflect.has(c,"field")&&c.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}const s=[],r=[];l.unref(F).forEach(c=>{const f=t.find(o=>c.field===o.field);if(f){const o=f.componentProps,u=w.deepMerge(c,f);if(T.has(c.field)){const a=T.get(c.field);u.componentProps=y=>({...a(y),...i.isFunction(o)?o(y):o})}r.push(u),s.push(u)}else s.push(c)}),b(r),d.value.schemas=i.uniqBy(s,"field")};function b(e){let t=[];h.isObject(e)&&t.push(e),i.isArray(e)&&(t=[...e]);const n={},s=M();t.forEach(r=>{r.component!="Divider"&&Reflect.has(r,"field")&&r.field&&!i.isNil(r.defaultValue)&&(!(r.field in s)||i.isNil(s[r.field]))&&(n[r.field]=r.defaultValue)}),j(n)}async function I(){const{resetFunc:e,submitOnReset:t}=l.unref(g);e&&i.isFunction(e)&&await e(),Object.keys(m).forEach(n=>{i.set(m,n,C[n])}),N("reset",m),t&&q.submit(),setTimeout(E)}async function P(e){var t;return(t=p.value)==null?void 0:t.validateFields(e)}async function H(e){return await p.value.validate(e)}async function E(e){var t;await((t=p.value)==null?void 0:t.clearValidate(e))}async function $(e,t){var n;await((n=p.value)==null?void 0:n.scrollToField(e,t))}const z=(e,t)=>{var s;i.set(m,e,t),i.set(S,e,t);const{validateTrigger:n}=l.unref(g);(!n||n==="change")&&((s=p.value)==null||s.validateFields([e]))},G=e=>i.unset(m,e),J=e=>{const{schemas:t}=d.value;d.value=w.deepMerge(l.unref(d)||{},e),d.value.schemas=t!=null&&t.length?t:e.schemas};function R(e){var r,c;if(!h.isObject(e))return{};const t={};for(let[f,o]of Object.entries(e)){if(!f||i.isArray(o)&&o.length===0||i.isFunction(o))continue;const{transformDateFunc:u}=l.unref(g);h.isObject(o)&&(o=u==null?void 0:u(o)),i.isArray(o)&&((r=o[0])!=null&&r.format)&&((c=o[1])!=null&&c.format)&&(o=o.map(y=>u==null?void 0:u(y))),i.isString(o)&&(o=o.trim());const a=O(f);if(i.isFunction(a==null?void 0:a.transform)&&(o=a==null?void 0:a.transform(o),h.isObject(o))){Object.assign(t,o),Reflect.deleteProperty(t,f);continue}i.set(t,f,o)}const n=[],{schemas:s}=d.value;return s==null||s.forEach(f=>n.push({field:f.field,type:f.component})),i.set(t,"HeaderUniqForm",{form:n}),Q(t)}function Q(e){const t=l.unref(g).fieldMapToTime;if(!t||!Array.isArray(t))return e;for(const[n,[s,r],c="YYYY-MM-DD"]of t){if(!n||!s||!r||!e[n])continue;const[f,o]=e[n];e[s]=v.dateUtil(f).format(c),e[r]=v.dateUtil(o).format(c),Reflect.deleteProperty(e,n)}return e}return{setItemRef:U,clearValidate:E,validate:H,validateFields:P,getFieldsValue:M,updateSchema:Y,resetSchema:B,getSchemaByField:O,appendSchemaByField:K,removeSchemaByField:L,resetFields:I,setFieldsValue:j,scrollToField:$,setDefaultValue:b,setFormModel:z,delFormModel:G,setSchemaFormProps:J,handleFormValues:R,handleEnterPress:e=>{const{autoSubmitOnEnter:t}=l.unref(d);if(t&&e.key==="Enter"&&e.target&&e.target instanceof HTMLElement){const n=e.target;n&&n.tagName&&n.tagName.toUpperCase()=="INPUT"&&q.submit(e)}}}};exports.useFormMethods=X;

package/dist/components/core/schema-form/src/hooks/useFormState.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("lodash-es"),P=({props:s,attrs:f})=>{const t=e.ref(n.cloneDeep(s)),d=e.reactive({...s.initialValues}),u=e.reactive({...s.initialValues}),m=e.ref(),p={...s.initialValues},v=new Map,c=new Map,l=e.reactive({isAdvanced:!0,hideAdvanceBtn:!1,isLoad:!1,actionSpan:6}),r=e.computed(()=>({...f,...t.value})),h=e.computed(()=>{const{baseRowStyle:a={},rowProps:o}=e.unref(r);return{style:a,...o}}),F=e.computed(()=>({...r.value,...l}));e.watch(()=>t.value.schemas,()=>{var a;(a=t.value.schemas)==null||a.forEach(o=>{!c.has(o.field)&&n.isFunction(o.componentProps)&&c.set(o.field,o.componentProps),n.isUndefined(o.defaultValue)||n.set(u,o.field,o.defaultValue)})});const i=e.ref(t.value.schemas||[]);return e.watch(()=>t.value.schemas,a=>{i.value=a||[]},{immediate:!0}),{formModel:d,defaultFormValues:u,schemaFormRef:m,formPropsRef:t,cacheFormModel:p,compRefMap:v,getFormProps:r,advanceState:l,getRowConfig:h,getFormActionBindProps:F,originComponentPropsFnMap:c,formSchemasRef:i}};exports.useFormState=P;