@mc20230601/keep-up 1.0.18 → 1.0.26

package/es/components/commonEditor/index.module.mjs

@@ -0,0 +1,4 @@
+var styles = {"container":"index-module_container__m2VYe","editMode":"index-module_editMode__AaUsL","footer":"index-module_footer__WU6ip"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.mjs.map

package/es/components/commonEditor/index.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/commonEditor/interfaces.d.ts

@@ -0,0 +1,46 @@
+import type { Form } from '@formily/core';
+import type { ICommonObj } from '@mc20230601/keep-up/interfaces';
+/** 打开侧边栏入参 */
+export interface IOpenParams {
+    /** 查看/创建/编辑态 */
+    mode: 'VIEW' | 'CREATE' | 'EDIT';
+    /** 行内容 */
+    rowData?: any;
+    /** 行下标 */
+    rowIndex?: number;
+}
+/** CommonEditor出参 */
+export type ICommonEditorExpose = {
+    /** 打开抽屉 */
+    open: (p: IOpenParams) => Promise<void>;
+    /** 获取Form实例 */
+    getForm: () => Form;
+};
+/** useModeMap入参 */
+export interface IUseModeMapParams {
+    /** 创建Api */
+    createApi: (p: ICommonObj) => Promise<ICommonObj>;
+    /** 编辑Api */
+    editApi: (p: ICommonObj) => Promise<ICommonObj>;
+}
+/** useModeMap item */
+export interface IUseModeMapResItem {
+    /** 文案 */
+    text: string;
+    /** api */
+    api: (p: ICommonObj) => Promise<ICommonObj>;
+}
+/** useModeMap出参 */
+export type IUseModeMapRes = Record<'VIEW' | 'CREATE' | 'EDIT', IUseModeMapResItem>;
+/** IEditorLayout */
+export interface IEditorLayout {
+    /** 栅格列数 */
+    columns: number;
+    /** labelStyle */
+    labelStyle: {
+        /** 宽度 */
+        width: string;
+        /** 外边距 */
+        margin: string;
+    };
+}

package/es/components/commonEditor/interfaces.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=interfaces.mjs.map

package/es/components/commonEditor/interfaces.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/commonEditor/useModeMap.d.ts

@@ -0,0 +1,4 @@
+import type { IUseModeMapParams, IUseModeMapRes } from './interfaces';
+/** 模式 */
+declare const useModeMap: ({ createApi, editApi }: IUseModeMapParams) => IUseModeMapRes;
+export default useModeMap;

package/es/components/commonEditor/useModeMap.mjs

@@ -0,0 +1,17 @@
+const useModeMap = ({ createApi, editApi }) => ({
+  VIEW: {
+    text: "\u67E5\u770B",
+    api: void 0
+  },
+  CREATE: {
+    text: "\u65B0\u589E",
+    api: createApi
+  },
+  EDIT: {
+    text: "\u7F16\u8F91",
+    api: editApi
+  }
+});
+
+export { useModeMap as default };
+//# sourceMappingURL=useModeMap.mjs.map

package/es/components/commonEditor/useModeMap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModeMap.mjs","sources":["../../../../../packages/components/commonEditor/useModeMap.ts"],"sourcesContent":["import type { IUseModeMapParams, IUseModeMapRes } from './interfaces'\n\n/** 模式 */\nconst useModeMap = ({ createApi, editApi }: IUseModeMapParams): IUseModeMapRes => ({\n  VIEW: {\n    text: '查看',\n    api: undefined,\n  },\n  CREATE: {\n    text: '新增',\n    api: createApi,\n  },\n  EDIT: {\n    text: '编辑',\n    api: editApi,\n  },\n})\n\nexport default useModeMap\n"],"names":[],"mappings":"AAGA,MAAM,UAAa,GAAA,CAAC,EAAE,SAAA,EAAW,SAAkD,MAAA;AAAA,EACjF,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,cAAA;AAAA,IACN,GAAK,EAAA,KAAA,CAAA;AAAA,GACP;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,cAAA;AAAA,IACN,GAAK,EAAA,SAAA;AAAA,GACP;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,cAAA;AAAA,IACN,GAAK,EAAA,OAAA;AAAA,GACP;AACF,CAAA;;;;"}

package/es/components/commonFilter/constants.d.ts

@@ -0,0 +1,2 @@
+/** keepFilter存储localstorage的key */
+export declare const KEEP_FILTER_KEY = "FilterParams";

package/es/components/commonFilter/constants.mjs

@@ -0,0 +1,4 @@
+const KEEP_FILTER_KEY = "FilterParams";
+
+export { KEEP_FILTER_KEY };
+//# sourceMappingURL=constants.mjs.map

package/es/components/commonFilter/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../../packages/components/commonFilter/constants.ts"],"sourcesContent":["/** keepFilter存储localstorage的key */\nexport const KEEP_FILTER_KEY = 'FilterParams'"],"names":[],"mappings":"AACO,MAAM,eAAkB,GAAA;;;;"}

package/es/components/commonFilter/index.d.ts

@@ -0,0 +1,107 @@
+export type * from './interfaces';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    filterFields: {
+        type: import("vue").PropType<import("@formily/json-schema").ISchema>;
+        default: () => {};
+    };
+    maxColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    operateActions: {
+        type: import("vue").PropType<import("packages/keepUp").IOperateActions>;
+        default: () => {};
+    };
+    effectHooks: {
+        type: import("vue").PropType<import("packages/keepUp").IEffectHooks>;
+        default: () => {};
+    };
+    pageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    filterFields: {
+        type: import("vue").PropType<import("@formily/json-schema").ISchema>;
+        default: () => {};
+    };
+    maxColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    operateActions: {
+        type: import("vue").PropType<import("packages/keepUp").IOperateActions>;
+        default: () => {};
+    };
+    effectHooks: {
+        type: import("vue").PropType<import("packages/keepUp").IEffectHooks>;
+        default: () => {};
+    };
+    pageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    effectHooks: import("packages/keepUp").IEffectHooks;
+    maxColumns: number;
+    pageKey: string;
+    filterFields: import("@formily/json-schema").Stringify<{
+        [key: symbol]: any;
+        [key: `x-${string}`]: any;
+        [key: `x-${number}`]: any;
+        version?: string;
+        name?: import("@formily/json-schema").SchemaKey;
+        title?: any;
+        description?: any;
+        default?: any;
+        readOnly?: boolean;
+        writeOnly?: boolean;
+        type?: import("@formily/json-schema").SchemaTypes;
+        enum?: import("@formily/json-schema").SchemaEnum<any>;
+        const?: any;
+        multipleOf?: number;
+        maximum?: number;
+        exclusiveMaximum?: number;
+        minimum?: number;
+        exclusiveMinimum?: number;
+        maxLength?: number;
+        minLength?: number;
+        pattern?: string | RegExp;
+        maxItems?: number;
+        minItems?: number;
+        uniqueItems?: boolean;
+        maxProperties?: number;
+        minProperties?: number;
+        required?: string[] | boolean | string;
+        format?: string;
+        $ref?: string;
+        $namespace?: string;
+        definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any>;
+        additionalItems?: import("@formily/json-schema").Stringify</*elided*/ any>;
+        patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any>;
+        additionalProperties?: import("@formily/json-schema").Stringify</*elided*/ any>;
+        "x-value"?: any;
+        "x-index"?: number;
+        "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>;
+        "x-content"?: any;
+        "x-data"?: any;
+        "x-visible"?: boolean;
+        "x-hidden"?: boolean;
+        "x-disabled"?: boolean;
+        "x-editable"?: boolean;
+        "x-read-only"?: boolean;
+        "x-read-pretty"?: boolean;
+        "x-compile-omitted"?: string[];
+    }>;
+    operateActions: import("packages/keepUp").IOperateActions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/commonFilter/index.mjs

@@ -0,0 +1,103 @@
+import { defineComponent, ref, computed, onMounted, createVNode, createTextVNode } from 'vue';
+import { isEmpty } from 'lodash';
+import { ElButton } from 'element-plus';
+import FormilyForm from '../formilyCmps/formilyForm/index.mjs';
+import '../formilyCmps/formTab/index.mjs';
+import Space from '../space/index.mjs';
+import { getRootSchema } from '../../constants/common.mjs';
+import { setOperateBtnsStyle } from './utils.mjs';
+import { useKeepFilter } from './useKeepFilter.mjs';
+import { props } from './props.mjs';
+import { useFieldsParser } from './useFieldsParser.mjs';
+import { useCollapse } from './useCollapse.mjs';
+import styles from './index.module.mjs';
+
+var CommonFilter = defineComponent({
+  name: "CommonFilter",
+  props,
+  setup(props2, {
+    expose
+  }) {
+    const formilyFormRef = ref();
+    const formRef = computed(() => {
+      var _a;
+      return (_a = formilyFormRef.value) == null ? void 0 : _a.formRef;
+    });
+    const {
+      collapseData
+    } = useFieldsParser(props2);
+    const fields = computed(() => getRootSchema({
+      maxColumns: props2.maxColumns,
+      properties: collapseData.value.allFields
+    }));
+    const {
+      visible,
+      collapse
+    } = useCollapse({
+      formRef,
+      collapseData
+    });
+    const {
+      filterParams,
+      keepFilter,
+      init: keepFilterInit
+    } = useKeepFilter({
+      pageKey: props2.pageKey,
+      formRef
+    });
+    const init = () => {
+      setOperateBtnsStyle(formRef.value, visible.value);
+    };
+    init();
+    onMounted(() => {
+      keepFilterInit();
+      if (!isEmpty(filterParams.value)) {
+        formRef.value.values = filterParams.value;
+      }
+    });
+    expose({
+      collapseData,
+      visible,
+      collapse,
+      keepFilter,
+      getForm: () => formRef.value,
+      reset: () => {
+        formRef.value.reset();
+      },
+      getCommonFilterHeight: () => {
+        return formilyFormRef.value.getContainerRef().clientHeight;
+      }
+    });
+    return () => createVNode(Space, {
+      "class": styles.container,
+      "align": "start",
+      "justify": "start",
+      "size": 12,
+      "fill": true
+    }, {
+      default: () => [createVNode(FormilyForm, {
+        "ref": formilyFormRef,
+        "config": fields.value,
+        "effectHooks": props2.effectHooks
+      }, null), createVNode(Space, {
+        "size": 12
+      }, {
+        default: () => [createVNode(ElButton, {
+          "class": styles.btn,
+          "type": "primary",
+          "onClick": props2.operateActions.query
+        }, {
+          default: () => [createTextVNode("\u67E5\u8BE2")]
+        }), createVNode(ElButton, {
+          "class": styles.btn,
+          "onClick": props2.operateActions.reset
+        }, {
+          default: () => [createTextVNode("\u91CD\u7F6E")]
+        })]
+      })]
+    });
+  }
+});
+
+export { CommonFilter as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/commonFilter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/commonFilter/index.tsx"],"sourcesContent":["import { defineComponent, ref, computed, onMounted } from 'vue'\nimport { isEmpty } from 'lodash'\nimport { ElButton } from 'element-plus'\nimport { FormilyForm } from '../formilyCmps'\nimport Space from '../space'\nimport { getRootSchema } from '../../constants/common'\nimport { setOperateBtnsStyle } from './utils'\nimport { useKeepFilter } from './useKeepFilter'\nimport { props } from './props'\nimport { useFieldsParser } from './useFieldsParser'\nimport { useCollapse } from './useCollapse'\nimport styles from './index.module.scss'\n\nimport type { IFormilyFormExpose } from '../formilyCmps'\n\nexport type * from './interfaces'\nexport default defineComponent({\n  name: 'CommonFilter',\n  props,\n  setup(props, { expose }) {\n    const formilyFormRef = ref<IFormilyFormExpose>()\n    const formRef = computed(() => formilyFormRef.value?.formRef)\n    const { collapseData } = useFieldsParser(props) // 派生展开收起所需所有数据\n    const fields = computed(() => getRootSchema({ \n      maxColumns: props.maxColumns, \n      properties: collapseData.value.allFields,\n    })) // schema\n    const { visible, collapse } = useCollapse({ formRef, collapseData }) // 展开收起\n    const { filterParams, keepFilter, init: keepFilterInit } = useKeepFilter({ pageKey: props.pageKey, formRef }) // 筛选项数据缓存\n    const init = () => {\n      setOperateBtnsStyle(formRef.value, visible.value)\n    } // 初始化\n    init()\n    onMounted(() => {\n      keepFilterInit()\n      if (!isEmpty(filterParams.value)) {\n        formRef.value.values = filterParams.value\n      }\n    })\n    expose({\n      collapseData,\n      visible,\n      collapse,\n      keepFilter,\n      getForm: () => formRef.value,\n      reset: () => {\n        formRef.value.reset()\n      },\n      getCommonFilterHeight: () => {\n        return formilyFormRef.value.getContainerRef().clientHeight\n      },\n    })\n    return () => (\n      <Space class={styles.container} align='start' justify='start'  size={12} fill>\n        <FormilyForm\n          ref={formilyFormRef}\n          config={fields.value}\n          effectHooks={props.effectHooks}\n        />\n        <Space size={12}>\n          <ElButton class={styles.btn} type='primary' onClick={props.operateActions.query}>查询</ElButton>\n          <ElButton class={styles.btn} onClick={props.operateActions.reset}>重置</ElButton>\n        </Space>\n      </Space>\n    )\n  }\n})\n"],"names":["defineComponent","name","props","setup","expose","formilyFormRef","ref","formRef","computed","value","collapseData","useFieldsParser","fields","getRootSchema","maxColumns","properties","allFields","visible","collapse","useCollapse","filterParams","keepFilter","init","keepFilterInit","useKeepFilter","pageKey","setOperateBtnsStyle","onMounted","isEmpty","values","getForm","reset","getCommonFilterHeight","getContainerRef","clientHeight","_createVNode","Space","styles","container","default","FormilyForm","effectHooks","ElButton","btn","operateActions","query","_createTextVNode"],"mappings":"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"}

package/es/components/commonFilter/index.module.mjs

@@ -0,0 +1,4 @@
+var styles = {"container":"index-module_container__Kf-LD","btn":"index-module_btn__4DJ6R"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.mjs.map

package/es/components/commonFilter/index.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/commonFilter/interfaces.d.ts

@@ -0,0 +1,75 @@
+import type { Ref, ComputedRef } from 'vue';
+import type { RemovableRef } from '@vueuse/core';
+import type { ISchema } from '@formily/vue';
+import type { Form } from '@formily/core';
+import type { ICommonObj } from '@mc20230601/keep-up/interfaces';
+/** CommonFilter出参 */
+export type ICommonFilterExpose = {
+    /** 可折叠 */
+    collapseData: ICollapseData;
+    /** 展开收起 */
+    visible: boolean;
+    /** 展开收起 */
+    collapse: () => void;
+    /** 缓存筛选项数据 */
+    keepFilter: (params: ICommonObj) => void;
+    /** 获取form实例 */
+    getForm: () => Form;
+    /** 重置筛选条件 */
+    reset: () => Promise<void>;
+    /** 获取筛选器高度 */
+    getCommonFilterHeight: () => number;
+};
+/** 操作 */
+export interface IOperateActions {
+    /** 查询 */
+    query: (p: ICommonObj) => Promise<void>;
+    /** 重置 */
+    reset: () => Promise<void>;
+}
+/** useKeepFilter入参 */
+export interface IUseKeepFilterParams {
+    /** pageKey */
+    pageKey: string;
+    /** form实例 */
+    formRef: Ref<Form>;
+}
+/** useKeepFilter出参 */
+export interface IUseKeepFilterRes {
+    /** 筛选数据 */
+    filterParams: RemovableRef<{}>;
+    /** 保存筛选数据 */
+    keepFilter: (p: ICommonObj) => void;
+    /** 初始化 */
+    init: () => void;
+}
+/** 展开收起所需数据 */
+export interface ICollapseData {
+    /** 全量字段 */
+    allFields: ISchema;
+    /** 全量字段keys */
+    allFieldKeys: string[];
+    /** 可见字段keys */
+    visibleFieldKeys: string[];
+    /** 全量字段占位 */
+    totalGridSpan: number;
+    /** 可折叠 */
+    collapsible: boolean;
+}
+/** useFieldsParser出参 */
+export interface IUseFieldsParserRes {
+    /** 展开收起所需所有数据 */
+    collapseData: ComputedRef<ICollapseData>;
+}
+/** useCollapse入参 */
+export interface IUseCollapseParams {
+    formRef: Ref<Form>;
+    collapseData: Ref<ICollapseData>;
+}
+/** useCollapse出参 */
+export interface IUseCollapseRes {
+    /** 展开 */
+    visible: Ref<boolean>;
+    /** 展开收起 */
+    collapse: () => void;
+}

package/es/components/commonFilter/interfaces.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=interfaces.mjs.map

package/es/components/commonFilter/interfaces.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/commonFilter/props.d.ts

@@ -0,0 +1,31 @@
+import type { PropType } from 'vue';
+import type { ISchema } from '@formily/vue';
+import type { IEffectHooks } from '..//formilyCmps';
+import type { IOperateActions } from './interfaces';
+export declare const props: {
+    /** 筛选项 */
+    filterFields: {
+        type: PropType<ISchema>;
+        default: () => {};
+    };
+    /** 栅格数量 */
+    maxColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 操作 */
+    operateActions: {
+        type: PropType<IOperateActions>;
+        default: () => {};
+    };
+    /** effectHooks */
+    effectHooks: {
+        type: PropType<IEffectHooks>;
+        default: () => {};
+    };
+    /** 页面标识 */
+    pageKey: {
+        type: StringConstructor;
+        default: string;
+    };
+};

package/es/components/commonFilter/props.mjs

@@ -0,0 +1,30 @@
+const props = {
+  /** 筛选项 */
+  filterFields: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 栅格数量 */
+  maxColumns: {
+    type: Number,
+    default: 3
+  },
+  /** 操作 */
+  operateActions: {
+    type: Object,
+    default: () => ({})
+  },
+  /** effectHooks */
+  effectHooks: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 页面标识 */
+  pageKey: {
+    type: String,
+    default: ""
+  }
+};
+
+export { props };
+//# sourceMappingURL=props.mjs.map

package/es/components/commonFilter/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../../../packages/components/commonFilter/props.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type { ISchema } from '@formily/vue'\nimport type { IEffectHooks } from '..//formilyCmps'\nimport type { IOperateActions } from './interfaces'\n\nexport const props = {\n  /** 筛选项 */\n  filterFields: {\n    type: Object as PropType<ISchema>,\n    default: () => ({}),\n  },\n  /** 栅格数量 */\n  maxColumns: {\n    type: Number,\n    default: 3,\n  },\n  /** 操作 */\n  operateActions: {\n    type: Object as PropType<IOperateActions>,\n    default: () => ({}),\n  },\n  /** effectHooks */\n  effectHooks: {\n    type: Object as PropType<IEffectHooks>,\n    default: () => ({}),\n  },\n  /** 页面标识 */\n  pageKey: {\n    type: String,\n    default: '',\n  },\n}\n"],"names":[],"mappings":"AAKO,MAAM,KAAQ,GAAA;AAAA;AAAA,EAEnB,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA;AAAA,EAEA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF;;;;"}

package/es/components/commonFilter/useCollapse.d.ts

@@ -0,0 +1,2 @@
+import type { IUseCollapseParams, IUseCollapseRes } from './interfaces';
+export declare const useCollapse: ({ formRef, collapseData, }: IUseCollapseParams) => IUseCollapseRes;

package/es/components/commonFilter/useCollapse.mjs

@@ -0,0 +1,29 @@
+import { ref, computed } from 'vue';
+import { setOperateBtnsStyle } from './utils.mjs';
+
+const useCollapse = ({
+  formRef,
+  collapseData
+}) => {
+  const visible = ref(true);
+  const visibleFields = computed(() => visible.value ? collapseData.value.visibleFieldKeys : collapseData.value.allFieldKeys);
+  const collapse = () => {
+    collapseData.value.allFieldKeys.forEach((v) => {
+      var _a;
+      const field = (_a = formRef.value.query(v)) == null ? void 0 : _a.take();
+      if (!field) {
+        return;
+      }
+      field.display = visibleFields.value.includes(v) ? "visible" : "hidden";
+    });
+    visible.value = !visible.value;
+    setOperateBtnsStyle(formRef.value, visible.value);
+  };
+  return {
+    visible,
+    collapse
+  };
+};
+
+export { useCollapse };
+//# sourceMappingURL=useCollapse.mjs.map

package/es/components/commonFilter/useCollapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapse.mjs","sources":["../../../../../packages/components/commonFilter/useCollapse.ts"],"sourcesContent":["import { ref, computed } from 'vue'\nimport { setOperateBtnsStyle } from './utils'\n\nimport type { IUseCollapseParams, IUseCollapseRes } from './interfaces'\n\nexport const useCollapse = ({\n  formRef,\n  collapseData,\n}: IUseCollapseParams): IUseCollapseRes => {\n  const visible = ref(true) // 展开收起\n  const visibleFields = computed(() => visible.value ? collapseData.value.visibleFieldKeys : collapseData.value.allFieldKeys) // 展示字段\n  // 展开收起\n  const collapse = () => {\n    collapseData.value.allFieldKeys.forEach(v => {\n      const field = formRef.value.query(v)?.take()\n      if (!field) {\n        return\n      }\n      field.display = visibleFields.value.includes(v) ? 'visible' : 'hidden'\n    })\n    visible.value = !visible.value\n    setOperateBtnsStyle(formRef.value, visible.value)\n  }\n  return {\n    visible,\n    collapse,\n  }\n}\n"],"names":[],"mappings":";;;AAKO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAA;AAAA,EACA,YAAA;AACF,CAA2C,KAAA;AACzC,EAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AACxB,EAAM,MAAA,aAAA,GAAgB,QAAS,CAAA,MAAM,OAAQ,CAAA,KAAA,GAAQ,aAAa,KAAM,CAAA,gBAAA,GAAmB,YAAa,CAAA,KAAA,CAAM,YAAY,CAAA,CAAA;AAE1H,EAAA,MAAM,WAAW,MAAM;AACrB,IAAa,YAAA,CAAA,KAAA,CAAM,YAAa,CAAA,OAAA,CAAQ,CAAK,CAAA,KAAA;AAbjD,MAAA,IAAA,EAAA,CAAA;AAcM,MAAA,MAAM,SAAQ,EAAQ,GAAA,OAAA,CAAA,KAAA,CAAM,KAAM,CAAA,CAAC,MAArB,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,EAAA,CAAA;AACtC,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAA;AAAA,OACF;AACA,MAAA,KAAA,CAAM,UAAU,aAAc,CAAA,KAAA,CAAM,QAAS,CAAA,CAAC,IAAI,SAAY,GAAA,QAAA,CAAA;AAAA,KAC/D,CAAA,CAAA;AACD,IAAQ,OAAA,CAAA,KAAA,GAAQ,CAAC,OAAQ,CAAA,KAAA,CAAA;AACzB,IAAoB,mBAAA,CAAA,OAAA,CAAQ,KAAO,EAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,GAClD,CAAA;AACA,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,QAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/es/components/commonFilter/useFieldsParser.d.ts

@@ -0,0 +1,5 @@
+import { props as CommonProps } from './props';
+import type { ExtractPropTypes } from 'vue';
+import type { IUseFieldsParserRes } from './interfaces';
+/** 拆分派生字段数据 */
+export declare const useFieldsParser: (props: ExtractPropTypes<typeof CommonProps>) => IUseFieldsParserRes;

package/es/components/commonFilter/useFieldsParser.mjs

@@ -0,0 +1,34 @@
+import { toRefs, computed } from 'vue';
+
+const useFieldsParser = (props) => {
+  const { filterFields, maxColumns } = toRefs(props);
+  const collapseData = computed(() => {
+    const filterFieldsEntries = Object.entries(filterFields.value);
+    return filterFieldsEntries.reduce((acc, [k, v]) => {
+      var _a;
+      const gridSpan = ((_a = v["x-component-props"]) == null ? void 0 : _a.gridSpan) || 1;
+      const curTotalGridSpan = acc.totalGridSpan + gridSpan;
+      const isOverflow = curTotalGridSpan > maxColumns.value;
+      acc.totalGridSpan = curTotalGridSpan;
+      acc.allFieldKeys.push(k);
+      acc.collapsible = isOverflow;
+      Object.assign(acc.allFields, { [k]: v });
+      if (!isOverflow) {
+        acc.visibleFieldKeys.push(k);
+      }
+      return acc;
+    }, {
+      allFields: {},
+      allFieldKeys: [],
+      visibleFieldKeys: [],
+      totalGridSpan: 0,
+      collapsible: false
+    });
+  });
+  return {
+    collapseData
+  };
+};
+
+export { useFieldsParser };
+//# sourceMappingURL=useFieldsParser.mjs.map

package/es/components/commonFilter/useFieldsParser.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldsParser.mjs","sources":["../../../../../packages/components/commonFilter/useFieldsParser.ts"],"sourcesContent":["import { toRefs, computed } from 'vue'\nimport { props as CommonProps } from './props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ICollapseData, IUseFieldsParserRes } from './interfaces'\n\n/** 拆分派生字段数据 */\nexport const useFieldsParser = (props: ExtractPropTypes<typeof CommonProps>): IUseFieldsParserRes => {\n  const { filterFields, maxColumns } = toRefs(props)\n  const collapseData = computed<ICollapseData>(() => {\n    const filterFieldsEntries = Object.entries(filterFields.value)\n    return filterFieldsEntries\n      .reduce((acc, [k, v]) => {\n        const gridSpan = v['x-component-props']?.gridSpan || 1\n        const curTotalGridSpan = acc.totalGridSpan + gridSpan\n        const isOverflow = curTotalGridSpan > maxColumns.value\n        acc.totalGridSpan = curTotalGridSpan\n        acc.allFieldKeys.push(k)\n        acc.collapsible = isOverflow\n        Object.assign(acc.allFields, { [k]: v })\n        if (!isOverflow) {\n          acc.visibleFieldKeys.push(k)\n        }\n        return acc\n      }, { \n        allFields: {}, \n        allFieldKeys: [], \n        visibleFieldKeys: [], \n        totalGridSpan: 0, \n        collapsible: false as boolean,\n      })\n  })\n  return {\n    collapseData,\n  }\n}\n"],"names":[],"mappings":";;AAOa,MAAA,eAAA,GAAkB,CAAC,KAAqE,KAAA;AACnG,EAAA,MAAM,EAAE,YAAA,EAAc,UAAW,EAAA,GAAI,OAAO,KAAK,CAAA,CAAA;AACjD,EAAM,MAAA,YAAA,GAAe,SAAwB,MAAM;AACjD,IAAA,MAAM,mBAAsB,GAAA,MAAA,CAAO,OAAQ,CAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAC7D,IAAA,OAAO,oBACJ,MAAO,CAAA,CAAC,KAAK,CAAC,CAAA,EAAG,CAAC,CAAM,KAAA;AAZ/B,MAAA,IAAA,EAAA,CAAA;AAaQ,MAAA,MAAM,QAAW,GAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAE,mBAAmB,CAAA,KAArB,mBAAwB,QAAY,KAAA,CAAA,CAAA;AACrD,MAAM,MAAA,gBAAA,GAAmB,IAAI,aAAgB,GAAA,QAAA,CAAA;AAC7C,MAAM,MAAA,UAAA,GAAa,mBAAmB,UAAW,CAAA,KAAA,CAAA;AACjD,MAAA,GAAA,CAAI,aAAgB,GAAA,gBAAA,CAAA;AACpB,MAAI,GAAA,CAAA,YAAA,CAAa,KAAK,CAAC,CAAA,CAAA;AACvB,MAAA,GAAA,CAAI,WAAc,GAAA,UAAA,CAAA;AAClB,MAAO,MAAA,CAAA,MAAA,CAAO,IAAI,SAAW,EAAA,EAAE,CAAC,CAAC,GAAG,GAAG,CAAA,CAAA;AACvC,MAAA,IAAI,CAAC,UAAY,EAAA;AACf,QAAI,GAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,CAAA,CAAA;AAAA,OAC7B;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACN,EAAA;AAAA,MACD,WAAW,EAAC;AAAA,MACZ,cAAc,EAAC;AAAA,MACf,kBAAkB,EAAC;AAAA,MACnB,aAAe,EAAA,CAAA;AAAA,MACf,WAAa,EAAA,KAAA;AAAA,KACd,CAAA,CAAA;AAAA,GACJ,CAAA,CAAA;AACD,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/es/components/commonFilter/useKeepFilter.d.ts

@@ -0,0 +1,3 @@
+import type { IUseKeepFilterParams, IUseKeepFilterRes } from './interfaces';
+/** 保存filter数据，在页面初始化时取出数据回显在filter区域 */
+export declare const useKeepFilter: ({ pageKey, formRef, }: IUseKeepFilterParams) => IUseKeepFilterRes;

package/es/components/commonFilter/useKeepFilter.mjs

@@ -0,0 +1,36 @@
+import { ref } from 'vue';
+import '../../utils/emitter.mjs';
+import { setStorage, getStorage } from '../../utils/storage.mjs';
+import { KEEP_FILTER_KEY } from './constants.mjs';
+
+const useKeepFilter = ({
+  pageKey,
+  formRef
+}) => {
+  const filterParams = ref({});
+  const keepFilter = (params) => {
+    if (!pageKey) {
+      console.error(`\u4FDD\u5B58\u7B5B\u9009\u6570\u636E\u5931\u8D25\uFF0C\u5931\u8D25\u539F\u56E0\uFF1A\u7F3A\u5C11pageKey`);
+      return;
+    }
+    setStorage(`${pageKey}${KEEP_FILTER_KEY}`, params);
+  };
+  const init = () => {
+    var _a;
+    const formValues = (_a = formRef == null ? void 0 : formRef.value) == null ? void 0 : _a.values;
+    if (pageKey) {
+      const cache = getStorage(`${pageKey}${KEEP_FILTER_KEY}`);
+      filterParams.value = cache || formValues;
+    } else {
+      filterParams.value = formValues;
+    }
+  };
+  return {
+    filterParams,
+    keepFilter,
+    init
+  };
+};
+
+export { useKeepFilter };
+//# sourceMappingURL=useKeepFilter.mjs.map

package/es/components/commonFilter/useKeepFilter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeepFilter.mjs","sources":["../../../../../packages/components/commonFilter/useKeepFilter.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { setStorage, getStorage } from '../../utils'\nimport { KEEP_FILTER_KEY } from './constants'\n\nimport type { ICommonObj } from '../../interfaces/common'\nimport type { IUseKeepFilterParams, IUseKeepFilterRes } from './interfaces'\n\n/** 保存filter数据，在页面初始化时取出数据回显在filter区域 */\nexport const useKeepFilter = ({\n  pageKey,\n  formRef,\n}: IUseKeepFilterParams): IUseKeepFilterRes => {\n  /** 筛选项数据 */\n  const filterParams = ref({})\n  /** 缓存筛选项数据 */\n  const keepFilter = (params: ICommonObj) => {\n    if (!pageKey) {\n      console.error(`保存筛选数据失败，失败原因：缺少pageKey`)\n      return\n    }\n    setStorage(`${pageKey}${KEEP_FILTER_KEY}`, params)\n  }\n  /** 初始化 */\n  const init = () => {\n    const formValues = formRef?.value?.values\n    if (pageKey) {\n      const cache = getStorage(`${pageKey}${KEEP_FILTER_KEY}`)\n      filterParams.value = cache || formValues\n    } else {\n      filterParams.value = formValues\n    }\n  }\n  return {\n    filterParams,\n    keepFilter,\n    init,\n  }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA,OAAA;AACF,CAA+C,KAAA;AAE7C,EAAM,MAAA,YAAA,GAAe,GAAI,CAAA,EAAE,CAAA,CAAA;AAE3B,EAAM,MAAA,UAAA,GAAa,CAAC,MAAuB,KAAA;AACzC,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAA,OAAA,CAAQ,MAAM,CAAyB,uGAAA,CAAA,CAAA,CAAA;AACvC,MAAA,OAAA;AAAA,KACF;AACA,IAAA,UAAA,CAAW,CAAG,EAAA,OAAO,CAAG,EAAA,eAAe,IAAI,MAAM,CAAA,CAAA;AAAA,GACnD,CAAA;AAEA,EAAA,MAAM,OAAO,MAAM;AAvBrB,IAAA,IAAA,EAAA,CAAA;AAwBI,IAAM,MAAA,UAAA,GAAA,CAAa,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,KAAA,KAAT,IAAgB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAA;AACnC,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,MAAM,QAAQ,UAAW,CAAA,CAAA,EAAG,OAAO,CAAA,EAAG,eAAe,CAAE,CAAA,CAAA,CAAA;AACvD,MAAA,YAAA,CAAa,QAAQ,KAAS,IAAA,UAAA,CAAA;AAAA,KACzB,MAAA;AACL,MAAA,YAAA,CAAa,KAAQ,GAAA,UAAA,CAAA;AAAA,KACvB;AAAA,GACF,CAAA;AACA,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/es/components/commonFilter/utils.d.ts

@@ -0,0 +1,3 @@
+import type { Form } from '@formily/core';
+/** 设置操作栏样式 */
+export declare const setOperateBtnsStyle: (form: Form, visible: boolean) => void;

package/es/components/commonFilter/utils.mjs

@@ -0,0 +1,14 @@
+const setOperateBtnsStyle = (form, visible) => {
+  var _a;
+  const operateBtnsField = (_a = form == null ? void 0 : form.query("operateBtns")) == null ? void 0 : _a.take();
+  operateBtnsField == null ? void 0 : operateBtnsField.setComponentProps({
+    ...operateBtnsField.componentProps || {},
+    style: {
+      ...operateBtnsField.componentProps.style || {},
+      justifyContent: visible ? "start" : "end"
+    }
+  });
+};
+
+export { setOperateBtnsStyle };
+//# sourceMappingURL=utils.mjs.map