fast-element-plus 1.0.0 → 1.0.1

package/es/components/table/src/tablePagination.mjs

@@ -0,0 +1,56 @@
+import { defineComponent, inject, createVNode } from "vue";
+import { ElMessageBox, ElPagination } from "element-plus";
+import { useRender, definePropType } from "@fast-china/utils";
+import { isNumber, isNull } from "lodash-unified";
+import { tableStateKey } from "./useTable.mjs";
+const TablePagination = /* @__PURE__ */ defineComponent({
+  name: "FaTablePagination",
+  props: {
+    /** @description 页码 */
+    pageSizes: {
+      type: definePropType(Array),
+      default: [20, 30, 50, 100, 200, 300, 500, 1e3]
+    }
+  },
+  emits: {
+    /** @description 页码改变 */
+    sizeChange: (pageSize) => isNumber(pageSize) || isNull(pageSize),
+    /** @description 当前页数改变 */
+    currentChange: (currentPage) => isNumber(currentPage) || isNull(currentPage)
+  },
+  setup(props, {
+    emit
+  }) {
+    const tableState = inject(tableStateKey);
+    const handleSizeChange = (pageSize) => {
+      if (pageSize > 100) {
+        ElMessageBox.confirm("当前页码已经超过100条/页，可能会造成页面卡顿，是否继续？", {
+          confirmButtonText: "继续",
+          type: "warning"
+        }).then(() => {
+          emit("sizeChange", pageSize);
+        });
+      } else {
+        emit("sizeChange", pageSize);
+      }
+    };
+    useRender(() => createVNode(ElPagination, {
+      "class": "fa-table-pagination",
+      "size": "small",
+      "currentPage": tableState.tablePagination.pageIndex,
+      "onUpdate:currentPage": ($event) => tableState.tablePagination.pageIndex = $event,
+      "pageSize": tableState.tablePagination.pageSize,
+      "onUpdate:pageSize": ($event) => tableState.tablePagination.pageSize = $event,
+      "pageSizes": props.pageSizes,
+      "background": true,
+      "layout": "jumper, prev, pager, next, sizes, total",
+      "total": tableState.tablePagination.totalRows,
+      "onSizeChange": handleSizeChange,
+      "onCurrentChange": (currentPage) => emit("currentChange", currentPage)
+    }, null));
+  }
+});
+export {
+  TablePagination as default
+};
+//# sourceMappingURL=tablePagination.mjs.map

package/es/components/table/src/tablePagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablePagination.mjs","sources":["../../../../../packages/components/table/src/tablePagination.tsx"],"sourcesContent":["import { defineComponent, inject } from \"vue\";\nimport { ElMessageBox, ElPagination } from \"element-plus\";\nimport { definePropType, useRender } from \"@fast-china/utils\";\nimport { isNull, isNumber } from \"lodash-unified\";\nimport { tableStateKey } from \"./useTable\";\n\nexport default defineComponent({\n\tname: \"FaTablePagination\",\n\tprops: {\n\t\t/** @description 页码 */\n\t\tpageSizes: {\n\t\t\ttype: definePropType<number[]>(Array),\n\t\t\tdefault: [20, 30, 50, 100, 200, 300, 500, 1000],\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 页码改变 */\n\t\tsizeChange: (pageSize: number) => isNumber(pageSize) || isNull(pageSize),\n\t\t/** @description 当前页数改变 */\n\t\tcurrentChange: (currentPage: number) => isNumber(currentPage) || isNull(currentPage),\n\t},\n\tsetup(props, { emit }) {\n\t\tconst tableState = inject(tableStateKey);\n\n\t\tconst handleSizeChange = (pageSize: number): void => {\n\t\t\tif (pageSize > 100) {\n\t\t\t\tElMessageBox.confirm(\"当前页码已经超过100条/页，可能会造成页面卡顿，是否继续？\", {\n\t\t\t\t\tconfirmButtonText: \"继续\",\n\t\t\t\t\ttype: \"warning\",\n\t\t\t\t}).then(() => {\n\t\t\t\t\temit(\"sizeChange\", pageSize);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\temit(\"sizeChange\", pageSize);\n\t\t\t}\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<ElPagination\n\t\t\t\tclass=\"fa-table-pagination\"\n\t\t\t\tsize=\"small\"\n\t\t\t\tvModel:currentPage={tableState.tablePagination.pageIndex}\n\t\t\t\tvModel:pageSize={tableState.tablePagination.pageSize}\n\t\t\t\tpageSizes={props.pageSizes}\n\t\t\t\tbackground\n\t\t\t\tlayout=\"jumper, prev, pager, next, sizes, total\"\n\t\t\t\ttotal={tableState.tablePagination.totalRows}\n\t\t\t\tonSizeChange={handleSizeChange}\n\t\t\t\tonCurrentChange={(currentPage: number) => emit(\"currentChange\", currentPage)}\n\t\t\t/>\n\t\t));\n\t},\n});\n"],"names":["name","props","pageSizes","type","definePropType","Array","default","emits","sizeChange","pageSize","isNumber","isNull","currentChange","currentPage","setup","emit","tableState","inject","tableStateKey","handleSizeChange","ElMessageBox","confirm","confirmButtonText","then","useRender","_createVNode","ElPagination","tablePagination","pageIndex","$event","totalRows"],"mappings":";;;;;AAMA,MAAA,kDAA+B;AAAA,EAC9BA,MAAM;AAAA,EACNC,OAAO;AAAA;AAAA,IAENC,WAAW;AAAA,MACVC,MAAMC,eAAyBC,KAAK;AAAA,MACpCC,SAAS,CAAC,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,KAAK,GAAI;AAAA,IAC/C;AAAA;EAEDC,OAAO;AAAA;AAAA,IAENC,YAAaC,cAAqBC,SAASD,QAAQ,KAAKE,OAAOF,QAAQ;AAAA;AAAA,IAEvEG,eAAgBC,iBAAwBH,SAASG,WAAW,KAAKF,OAAOE,WAAW;AAAA;EAEpFC,MAAMb,OAAO;AAAA,IAAEc;AAAAA,EAAK,GAAG;AACtB,UAAMC,aAAaC,OAAOC,aAAa;AAEvC,UAAMC,mBAAoBV,cAA2B;AACpD,UAAIA,WAAW,KAAK;AACnBW,qBAAaC,QAAQ,kCAAkC;AAAA,UACtDC,mBAAmB;AAAA,UACnBnB,MAAM;AAAA,QACP,CAAC,EAAEoB,KAAK,MAAM;AACbR,eAAK,cAAcN,QAAQ;AAAA,QAC5B,CAAC;AAAA,MACF,OAAO;AACNM,aAAK,cAAcN,QAAQ;AAAA,MAC5B;AAAA,IACD;AAEAe,cAAU,MAAAC,YAAAC,cAAA;AAAA,MAAA,SAAA;AAAA,MAAA,QAAA;AAAA,MAAA,eAIYV,WAAWW,gBAAgBC;AAAAA,MAAS,wBAAAC,YAApCb,WAAWW,gBAAgBC,YAASC;AAAAA,MAAA,YACvCb,WAAWW,gBAAgBlB;AAAAA,MAAQ,qBAAAoB,YAAnCb,WAAWW,gBAAgBlB,WAAQoB;AAAAA,MAAA,aACzC5B,MAAMC;AAAAA,MAAS,cAAA;AAAA,MAAA,UAAA;AAAA,MAAA,SAGnBc,WAAWW,gBAAgBG;AAAAA,MAAS,gBAC7BX;AAAAA,MAAgB,mBACZN,iBAAwBE,KAAK,iBAAiBF,WAAW;AAAA,IAAC,GAAA,IAAA,CAE7E;AAAA,EACF;AACD,CAAC;"}

package/es/components/table/src/tableSearchForm.d.ts

@@ -0,0 +1,88 @@
+import { FaTableColumnCtx, FaTableDefaultSlotsResult } from './table.type';
+import { FaLayoutGridBreakPoint } from '../../layoutGrid';
+type FaTableSearchFormSlots = {
+    [key: string]: FaTableDefaultSlotsResult & {
+        column?: FaTableColumnCtx;
+        search?: () => void;
+    };
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description 显示 */
+    show: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /** @description 折叠搜素 */
+    collapsedSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 高级搜素抽屉 */
+    advancedSearchDrawer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description Grid布局列配置 */
+    cols: {
+        type: import('vue').PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
+        default: () => {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+    };
+    /** @description 搜索 */
+    search: {
+        type: import('vue').PropType<() => void>;
+        required: true;
+    };
+    /** @description 重置 */
+    reset: {
+        type: import('vue').PropType<() => void>;
+        required: true;
+    };
+}>, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description 显示 */
+    show: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /** @description 折叠搜素 */
+    collapsedSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 高级搜素抽屉 */
+    advancedSearchDrawer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description Grid布局列配置 */
+    cols: {
+        type: import('vue').PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
+        default: () => {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+    };
+    /** @description 搜索 */
+    search: {
+        type: import('vue').PropType<() => void>;
+        required: true;
+    };
+    /** @description 重置 */
+    reset: {
+        type: import('vue').PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    cols: string | number | Record<FaLayoutGridBreakPoint, number>;
+    collapsedSearch: boolean;
+    advancedSearchDrawer: boolean;
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaTableSearchFormSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/table/src/tableSearchForm.mjs

@@ -0,0 +1,269 @@
+import { isVNode, defineComponent, ref, inject, computed, reactive, watch, createVNode, mergeProps, createTextVNode } from "vue";
+import { useGlobalSize, ElButton, ElIcon } from "element-plus";
+import { Refresh, Eleme, Search, ArrowDown, ArrowUp } from "@element-plus/icons-vue";
+import { FaDrawer } from "../../drawer/index.mjs";
+import { FaLayoutGrid, FaLayoutGridItem } from "../../layoutGrid/index.mjs";
+import { Brush } from "@fast-element-plus/icons-vue";
+import { withDefineType, useRender, makeSlots, definePropType } from "@fast-china/utils";
+import { getTableDefaultSlots } from "./table.type.mjs";
+import TableSearchFormItem from "./tableSearchFormItem.mjs";
+import { tableStateKey } from "./useTable.mjs";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const TableSearchForm = /* @__PURE__ */ defineComponent({
+  name: "FaTableSearchForm",
+  props: {
+    /** @description 显示 */
+    show: {
+      type: Boolean,
+      required: true
+    },
+    /** @description 折叠搜素 */
+    collapsedSearch: {
+      type: Boolean,
+      default: true
+    },
+    /** @description 高级搜素抽屉 */
+    advancedSearchDrawer: {
+      type: Boolean,
+      default: false
+    },
+    /** @description Grid布局列配置 */
+    cols: {
+      type: definePropType([String, Number, Object]),
+      default: () => ({
+        xs: 2,
+        sm: 3,
+        md: 4,
+        lg: 5,
+        xl: 6
+      })
+    },
+    /** @description 搜索 */
+    search: {
+      type: definePropType(Function),
+      required: true
+    },
+    /** @description 重置 */
+    reset: {
+      type: definePropType(Function),
+      required: true
+    }
+  },
+  slots: makeSlots(),
+  setup(props, {
+    slots,
+    expose
+  }) {
+    const _globalSize = useGlobalSize();
+    const gridRef = ref();
+    const tableState = inject(tableStateKey);
+    const breakPoint = computed(() => gridRef.value?.breakPoint);
+    const state = reactive({
+      refreshing: false,
+      height: "auto",
+      /** 折叠 */
+      collapsed: true,
+      /** 显示折叠 */
+      showCollapsed: computed(() => {
+        let show = false;
+        tableState.searchColumns.reduce((prev, current) => {
+          prev += (current.search[breakPoint.value]?.span ?? current.search?.span ?? 1) + (current.search[breakPoint.value]?.offset ?? current.search?.offset ?? 0);
+          if (typeof props.cols !== "number") {
+            if (prev >= props.cols[breakPoint.value]) show = true;
+          } else {
+            if (prev >= props.cols) show = true;
+          }
+          return prev;
+        }, 0);
+        return show;
+      }),
+      searchColumns: withDefineType([]),
+      advancedSearchColumns: withDefineType([]),
+      breakPoint: void 0
+    });
+    const faTableSearchFormRef = ref();
+    const advancedSearchRef = ref();
+    const getResponsive = (item) => {
+      return {
+        span: item?.span,
+        offset: item?.offset ?? 0,
+        xs: item?.xs,
+        sm: item?.sm,
+        md: item?.md,
+        lg: item?.lg,
+        xl: item?.xl
+      };
+    };
+    const handleBreakPointChange = ({
+      breakPoint: breakPoint2
+    }) => {
+      state.breakPoint = props.cols[breakPoint2] - 1;
+      state.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);
+      state.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);
+    };
+    watch(() => tableState.searchColumns, () => {
+      if (state.breakPoint) {
+        state.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);
+        state.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);
+      }
+    });
+    const searchColumns = computed(() => props.advancedSearchDrawer ? state.searchColumns : tableState.searchColumns);
+    watch(() => props.advancedSearchDrawer, (newValue) => {
+      if (newValue) {
+        state.collapsed = true;
+      } else {
+        state.collapsed = props.collapsedSearch;
+      }
+      state.refreshing = true;
+      setTimeout(() => {
+        state.refreshing = false;
+      }, 1);
+    });
+    watch(() => props.collapsedSearch, (newValue) => {
+      if (!props.collapsedSearch) {
+        state.collapsed = newValue;
+      } else {
+        state.collapsed = true;
+      }
+    }, {
+      immediate: true
+    });
+    useRender(() => {
+      let _slot;
+      return tableState.searchColumns.length > 0 && createVNode("div", {
+        "ref": faTableSearchFormRef,
+        "class": ["el-card fa-table__search", {
+          "fa-table__search-hidden": !props.show,
+          "fa-table__search__disable": tableState.loading
+        }]
+      }, [createVNode("form", {
+        "class": "el-form el-form--default el-form--label-right"
+      }, [!state.refreshing && createVNode(FaLayoutGrid, {
+        "ref": gridRef,
+        "collapsed": state.collapsed,
+        "gap": _globalSize.value === "small" ? [20, 0] : [20, 10],
+        "cols": props.cols,
+        "onBreakPointChange": handleBreakPointChange
+      }, {
+        default: () => [searchColumns.value.map((item, index) => createVNode(FaLayoutGridItem, mergeProps({
+          "key": item?.search?.key ?? item.prop
+        }, getResponsive(item.search), {
+          "index": index
+        }), {
+          default: () => [createVNode("div", {
+            "class": "el-form-item el-form-item--default el-form-item--label-right"
+          }, [createVNode("label", {
+            "class": "el-form-item__label"
+          }, [item.search.label]), createVNode("div", {
+            "class": "el-form-item__content"
+          }, [item.search?.slot ? slots[item.search.slot] && slots[item.search.slot]({
+            column: item,
+            search: props.search,
+            ...getTableDefaultSlots(tableState)
+          }) : createVNode(TableSearchFormItem, {
+            "column": item,
+            "search": props.search
+          }, null)])])]
+        })), createVNode(FaLayoutGridItem, {
+          "suffix": true
+        }, {
+          default: () => [createVNode("div", {
+            "class": "fa-table__search-operation"
+          }, [createVNode(ElButton, {
+            "loading": tableState.loading,
+            "loadingIcon": Eleme,
+            "title": "搜索",
+            "type": "primary",
+            "plain": true,
+            "icon": Refresh,
+            "onClick": () => props.search()
+          }, {
+            default: () => [createTextVNode("搜索")]
+          }), createVNode(ElButton, {
+            "loading": tableState.loading,
+            "loadingIcon": Eleme,
+            "title": "重置",
+            "icon": Brush,
+            "onClick": () => props.reset()
+          }, {
+            default: () => [createTextVNode("重置")]
+          }), props.advancedSearchDrawer ? state.advancedSearchColumns.length > 0 && createVNode(ElButton, {
+            "loading": tableState.loading,
+            "loadingIcon": Eleme,
+            "title": "高级搜索",
+            "type": "info",
+            "plain": true,
+            "icon": Search,
+            "onClick": () => advancedSearchRef.value.open()
+          }, {
+            default: () => [createTextVNode("高级搜索")]
+          }) : state.showCollapsed && createVNode(ElButton, {
+            "loading": tableState.loading,
+            "loadingIcon": Eleme,
+            "title": state.collapsed ? "展开" : "折叠",
+            "link": true,
+            "type": "primary",
+            "onClick": () => {
+              state.collapsed = !state.collapsed;
+            }
+          }, {
+            default: () => [state.collapsed ? "展开" : "折叠", createVNode(ElIcon, null, {
+              default: () => [state.collapsed ? createVNode(ArrowDown, null, null) : createVNode(ArrowUp, null, null)]
+            })]
+          })])]
+        })]
+      })]), props.advancedSearchDrawer && state.advancedSearchColumns.length > 0 && createVNode(FaDrawer, {
+        "ref": advancedSearchRef,
+        "class": "fa-table__search-advanced",
+        "size": "20%",
+        "title": "高级搜索",
+        "appendToBody": false,
+        "showCloseButton": false,
+        "showConfirmButton": false,
+        "showFullscreen": false,
+        "showRefresh": false,
+        "onConfirmClick": () => props.search()
+      }, {
+        default: () => [createVNode("form", {
+          "class": "el-form el-form--default el-form--label-top"
+        }, [createVNode(FaLayoutGrid, {
+          "gap": [20, 0],
+          "cols": {
+            xs: 2,
+            sm: 3,
+            md: 4,
+            lg: 5,
+            xl: 6
+          }
+        }, _isSlot(_slot = state.advancedSearchColumns.map((item, index) => createVNode(FaLayoutGridItem, mergeProps({
+          "key": item.prop ?? item?.search?.key
+        }, getResponsive(item.search), {
+          "index": index
+        }), {
+          default: () => [createVNode("div", {
+            "class": "el-form-item el-form-item--default el-form-item--label-top"
+          }, [createVNode("label", {
+            "class": "el-form-item__label"
+          }, [item.search.label]), createVNode("div", {
+            "class": "el-form-item__content"
+          }, [item.search.slot ? slots[item.search.slot] && slots[item.search.slot]({
+            column: item,
+            search: props.search,
+            ...getTableDefaultSlots(tableState)
+          }) : createVNode(TableSearchFormItem, {
+            "column": item,
+            "search": props.search
+          }, null)])])]
+        }))) ? _slot : {
+          default: () => [_slot]
+        })])]
+      })]);
+    });
+  }
+});
+export {
+  TableSearchForm as default
+};
+//# sourceMappingURL=tableSearchForm.mjs.map

package/es/components/table/src/tableSearchForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableSearchForm.mjs","sources":["../../../../../packages/components/table/src/tableSearchForm.tsx"],"sourcesContent":["import { computed, defineComponent, inject, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElIcon, useGlobalSize } from \"element-plus\";\nimport { ArrowDown, ArrowUp, Eleme, Refresh, Search } from \"@element-plus/icons-vue\";\nimport { FaDrawer } from \"@fast-element-plus/components/drawer\";\nimport { FaLayoutGrid, FaLayoutGridItem } from \"@fast-element-plus/components/layoutGrid\";\nimport { Brush } from \"@fast-element-plus/icons-vue\";\nimport { definePropType, makeSlots, useRender, withDefineType } from \"@fast-china/utils\";\nimport { getTableDefaultSlots } from \"./table.type\";\nimport FaTableSearchFormItem from \"./tableSearchFormItem\";\nimport { tableStateKey } from \"./useTable\";\nimport type { FaTableColumnCtx, FaTableDefaultSlotsResult, FaTableSearchColumnCtx } from \"./table.type\";\nimport type { FaDrawerInstance } from \"@fast-element-plus/components/drawer\";\nimport type { FaLayoutGridBreakPoint, FaLayoutGridInstance, FaLayoutGridItemResponsive } from \"@fast-element-plus/components/layoutGrid\";\n\ntype FaTableSearchFormSlots = {\n\t[key: string]: FaTableDefaultSlotsResult & {\n\t\tcolumn?: FaTableColumnCtx;\n\t\tsearch?: () => void;\n\t};\n};\n\nexport default defineComponent({\n\tname: \"FaTableSearchForm\",\n\tprops: {\n\t\t/** @description 显示 */\n\t\tshow: {\n\t\t\ttype: Boolean,\n\t\t\trequired: true,\n\t\t},\n\t\t/** @description 折叠搜素 */\n\t\tcollapsedSearch: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/** @description 高级搜素抽屉 */\n\t\tadvancedSearchDrawer: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/** @description Grid布局列配置 */\n\t\tcols: {\n\t\t\ttype: definePropType<string | number | Record<FaLayoutGridBreakPoint, number>>([String, Number, Object]),\n\t\t\tdefault: () => ({ xs: 2, sm: 3, md: 4, lg: 5, xl: 6 }),\n\t\t},\n\t\t/** @description 搜索 */\n\t\tsearch: {\n\t\t\ttype: definePropType<() => void>(Function),\n\t\t\trequired: true,\n\t\t},\n\t\t/** @description 重置 */\n\t\treset: {\n\t\t\ttype: definePropType<() => void>(Function),\n\t\t\trequired: true,\n\t\t},\n\t},\n\tslots: makeSlots<FaTableSearchFormSlots>(),\n\tsetup(props, { slots, expose }) {\n\t\tconst _globalSize = useGlobalSize();\n\n\t\t// 获取响应式断点\n\t\tconst gridRef = ref<FaLayoutGridInstance>();\n\n\t\tconst tableState = inject(tableStateKey);\n\n\t\tconst breakPoint = computed<FaLayoutGridBreakPoint>(() => gridRef.value?.breakPoint);\n\n\t\tconst state = reactive({\n\t\t\trefreshing: false,\n\t\t\theight: \"auto\",\n\t\t\t/** 折叠 */\n\t\t\tcollapsed: true,\n\t\t\t/** 显示折叠 */\n\t\t\tshowCollapsed: computed(() => {\n\t\t\t\tlet show = false;\n\t\t\t\ttableState.searchColumns.reduce((prev, current) => {\n\t\t\t\t\tprev +=\n\t\t\t\t\t\t(current.search[breakPoint.value]?.span ?? current.search?.span ?? 1) +\n\t\t\t\t\t\t(current.search[breakPoint.value]?.offset ?? current.search?.offset ?? 0);\n\t\t\t\t\tif (typeof props.cols !== \"number\") {\n\t\t\t\t\t\tif (prev >= props.cols[breakPoint.value]) show = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (prev >= props.cols) show = true;\n\t\t\t\t\t}\n\t\t\t\t\treturn prev;\n\t\t\t\t}, 0);\n\t\t\t\treturn show;\n\t\t\t}),\n\t\t\tsearchColumns: withDefineType<FaTableColumnCtx[]>([]),\n\t\t\tadvancedSearchColumns: withDefineType<FaTableColumnCtx[]>([]),\n\t\t\tbreakPoint: undefined,\n\t\t});\n\n\t\tconst faTableSearchFormRef = ref<HTMLElement>();\n\t\tconst advancedSearchRef = ref<FaDrawerInstance>();\n\n\t\t// 获取响应式设置\n\t\tconst getResponsive = (\n\t\t\titem: FaTableSearchColumnCtx\n\t\t): {\n\t\t\tspan: number;\n\t\t\toffset: number;\n\t\t\txs: FaLayoutGridItemResponsive;\n\t\t\tsm: FaLayoutGridItemResponsive;\n\t\t\tmd: FaLayoutGridItemResponsive;\n\t\t\tlg: FaLayoutGridItemResponsive;\n\t\t\txl: FaLayoutGridItemResponsive;\n\t\t} => {\n\t\t\treturn {\n\t\t\t\tspan: item?.span,\n\t\t\t\toffset: item?.offset ?? 0,\n\t\t\t\txs: item?.xs,\n\t\t\t\tsm: item?.sm,\n\t\t\t\tmd: item?.md,\n\t\t\t\tlg: item?.lg,\n\t\t\t\txl: item?.xl,\n\t\t\t};\n\t\t};\n\n\t\tconst handleBreakPointChange = ({ breakPoint }: { breakPoint: FaLayoutGridBreakPoint }): void => {\n\t\t\t// 这里 -1 是排除固定的\n\t\t\tstate.breakPoint = props.cols[breakPoint] - 1;\n\t\t\tstate.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);\n\t\t\tstate.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);\n\t\t};\n\n\t\twatch(\n\t\t\t() => tableState.searchColumns,\n\t\t\t() => {\n\t\t\t\tif (state.breakPoint) {\n\t\t\t\t\tstate.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);\n\t\t\t\t\tstate.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tconst searchColumns = computed(() => (props.advancedSearchDrawer ? state.searchColumns : tableState.searchColumns));\n\n\t\twatch(\n\t\t\t() => props.advancedSearchDrawer,\n\t\t\t(newValue) => {\n\t\t\t\tif (newValue) {\n\t\t\t\t\t// 抽屉默认折叠\n\t\t\t\t\tstate.collapsed = true;\n\t\t\t\t} else {\n\t\t\t\t\tstate.collapsed = props.collapsedSearch;\n\t\t\t\t}\n\t\t\t\tstate.refreshing = true;\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tstate.refreshing = false;\n\t\t\t\t}, 1);\n\t\t\t}\n\t\t);\n\n\t\twatch(\n\t\t\t() => props.collapsedSearch,\n\t\t\t(newValue) => {\n\t\t\t\tif (!props.collapsedSearch) {\n\t\t\t\t\tstate.collapsed = newValue;\n\t\t\t\t} else {\n\t\t\t\t\t// 抽屉默认折叠\n\t\t\t\t\tstate.collapsed = true;\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t}\n\t\t);\n\n\t\tuseRender(\n\t\t\t() =>\n\t\t\t\ttableState.searchColumns.length > 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={faTableSearchFormRef}\n\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\"el-card fa-table__search\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\"fa-table__search-hidden\": !props.show,\n\t\t\t\t\t\t\t\t\"fa-table__search__disable\": tableState.loading,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<form class=\"el-form el-form--default el-form--label-right\">\n\t\t\t\t\t\t\t{!state.refreshing && (\n\t\t\t\t\t\t\t\t<FaLayoutGrid\n\t\t\t\t\t\t\t\t\tref={gridRef}\n\t\t\t\t\t\t\t\t\tcollapsed={state.collapsed}\n\t\t\t\t\t\t\t\t\tgap={_globalSize.value === \"small\" ? [20, 0] : [20, 10]}\n\t\t\t\t\t\t\t\t\tcols={props.cols}\n\t\t\t\t\t\t\t\t\tonBreakPointChange={handleBreakPointChange}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{searchColumns.value.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t<FaLayoutGridItem key={item?.search?.key ?? item.prop} {...getResponsive(item.search)} index={index}>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item el-form-item--default el-form-item--label-right\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"el-form-item__label\">{item.search.label}</label>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.search?.slot ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot]({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn: item,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch: props.search,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...getTableDefaultSlots(tableState),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<FaTableSearchFormItem column={item} search={props.search} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t<FaLayoutGridItem suffix>\n\t\t\t\t\t\t\t\t\t\t<div class=\"fa-table__search-operation\">\n\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"搜索\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\tplain\n\t\t\t\t\t\t\t\t\t\t\t\ticon={Refresh}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.search()}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t搜索\n\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"重置\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={Brush}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.reset()}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t重置\n\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t{props.advancedSearchDrawer\n\t\t\t\t\t\t\t\t\t\t\t\t? state.advancedSearchColumns.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"高级搜索\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"info\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplain\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={Search}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => advancedSearchRef.value.open()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t高级搜索\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t: state.showCollapsed && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle={state.collapsed ? \"展开\" : \"折叠\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlink\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstate.collapsed = !state.collapsed;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{state.collapsed ? \"展开\" : \"折叠\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElIcon>{state.collapsed ? <ArrowDown /> : <ArrowUp />}</ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t</FaLayoutGrid>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</form>\n\t\t\t\t\t\t{props.advancedSearchDrawer && state.advancedSearchColumns.length > 0 && (\n\t\t\t\t\t\t\t<FaDrawer\n\t\t\t\t\t\t\t\tref={advancedSearchRef}\n\t\t\t\t\t\t\t\tclass=\"fa-table__search-advanced\"\n\t\t\t\t\t\t\t\tsize=\"20%\"\n\t\t\t\t\t\t\t\ttitle=\"高级搜索\"\n\t\t\t\t\t\t\t\tappendToBody={false}\n\t\t\t\t\t\t\t\tshowCloseButton={false}\n\t\t\t\t\t\t\t\tshowConfirmButton={false}\n\t\t\t\t\t\t\t\tshowFullscreen={false}\n\t\t\t\t\t\t\t\tshowRefresh={false}\n\t\t\t\t\t\t\t\tonConfirmClick={() => props.search()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<form class=\"el-form el-form--default el-form--label-top\">\n\t\t\t\t\t\t\t\t\t<FaLayoutGrid gap={[20, 0]} cols={{ xs: 2, sm: 3, md: 4, lg: 5, xl: 6 }}>\n\t\t\t\t\t\t\t\t\t\t{state.advancedSearchColumns.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<FaLayoutGridItem key={item.prop ?? item?.search?.key} {...getResponsive(item.search)} index={index}>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item el-form-item--default el-form-item--label-top\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"el-form-item__label\">{item.search.label}</label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.search.slot ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot]({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn: item,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch: props.search,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...getTableDefaultSlots(tableState),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<FaTableSearchFormItem column={item} search={props.search} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</FaLayoutGrid>\n\t\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t\t</FaDrawer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t);\n\t},\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","show","type","Boolean","required","collapsedSearch","default","advancedSearchDrawer","cols","definePropType","String","Number","xs","sm","md","lg","xl","search","Function","reset","slots","makeSlots","setup","expose","_globalSize","useGlobalSize","gridRef","ref","tableState","inject","tableStateKey","breakPoint","computed","value","state","reactive","refreshing","height","collapsed","showCollapsed","searchColumns","reduce","prev","current","span","offset","withDefineType","advancedSearchColumns","undefined","faTableSearchFormRef","advancedSearchRef","getResponsive","item","handleBreakPointChange","filter","f","slice","watch","newValue","setTimeout","immediate","useRender","_slot","length","_createVNode","loading","FaLayoutGrid","map","index","FaLayoutGridItem","_mergeProps","key","prop","label","slot","column","getTableDefaultSlots","FaTableSearchFormItem","ElButton","Eleme","Refresh","onClick","_createTextVNode","Brush","Search","open","ElIcon","ArrowDown","ArrowUp","FaDrawer","onConfirmClick"],"mappings":"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"}

package/es/components/table/src/tableSearchFormItem.d.ts

@@ -0,0 +1,37 @@
+import { FaTableColumnCtx, FaTableDefaultSlotsResult } from './table.type';
+type FaTableSearchFormItemSlots = {
+    [key: string]: FaTableDefaultSlotsResult & {
+        column?: FaTableColumnCtx;
+        search?: () => void;
+    };
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description 列配置 */
+    column: {
+        type: import('vue').PropType<FaTableColumnCtx>;
+        required: true;
+        /** 这里的 default 不知道为什么，不写识别不出来类型 */
+        default: FaTableColumnCtx;
+    };
+    /** @description 搜索 */
+    search: {
+        type: import('vue').PropType<() => void>;
+        required: true;
+    };
+}>, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description 列配置 */
+    column: {
+        type: import('vue').PropType<FaTableColumnCtx>;
+        required: true;
+        /** 这里的 default 不知道为什么，不写识别不出来类型 */
+        default: FaTableColumnCtx;
+    };
+    /** @description 搜索 */
+    search: {
+        type: import('vue').PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    column: FaTableColumnCtx;
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaTableSearchFormItemSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/table/src/tableSearchFormItem.mjs

@@ -0,0 +1,121 @@
+import { defineComponent, inject, reactive, createVNode, Fragment, h, resolveComponent } from "vue";
+import { ElOption } from "element-plus";
+import { withDefineType, dateUtil, useRender, makeSlots, definePropType } from "@fast-china/utils";
+import { isString } from "lodash-unified";
+import { getTableDefaultSlots } from "./table.type.mjs";
+import { tableStateKey, enumMapKey } from "./useTable.mjs";
+const clearableEls = ["el-input", "ELInput", "el-input-number", "ELInputNumber", "el-select", "ElSelect", "el-select-v2", "ElSelectV2", "el-tree-select", "ElTreeSelect", "el-cascader", "ElCascader", "el-date-picker", "ElDatePicker", "el-time-picker", "ElTimePicker", "el-time-select", "ElTimeSelect"];
+const filterableEls = ["el-select", "ElSelect", "el-select-v2", "ElSelectV2", "el-tree-select", "ElTreeSelect"];
+const inputPlaceholderEls = ["el-input", "ELInput", "el-input-number", "ELInputNumber"];
+const selectPlaceholderEls = ["el-select", "ElSelect", "el-select-v2", "ElSelectV2", "el-tree-select", "ElTreeSelect", "el-cascader", "ElCascader"];
+const TableSearchFormItem = /* @__PURE__ */ defineComponent({
+  name: "FaTableSearchFormItem",
+  props: {
+    /** @description 列配置 */
+    column: {
+      type: definePropType(Object),
+      required: true,
+      /** 这里的 default 不知道为什么，不写识别不出来类型 */
+      default: {}
+    },
+    /** @description 搜索 */
+    search: {
+      type: definePropType(Function),
+      required: true
+    }
+  },
+  slots: makeSlots(),
+  setup(props, {
+    slots
+  }) {
+    const tableState = inject(tableStateKey);
+    const enumMap = inject(enumMapKey);
+    const state = reactive({
+      enumDict: withDefineType([]),
+      oldValue: void 0
+    });
+    const handleUpdateModelValue = (value) => {
+      if (isString(value)) {
+        value = value.trim();
+      }
+      state.oldValue = tableState.searchParam[props.column?.search?.key ?? props.column.prop];
+      tableState.searchParam[props.column?.search?.key ?? props.column.prop] = value;
+    };
+    const handleChange = (value) => {
+      props.search();
+    };
+    const handleDefaultProps = () => {
+      const search = props.column.search;
+      const defaultProps = {};
+      if (clearableEls.includes(search?.el)) {
+        defaultProps.clearable = true;
+      }
+      if (filterableEls.includes(search?.el)) {
+        defaultProps.filterable = true;
+      }
+      if (inputPlaceholderEls.includes(search?.el)) {
+        defaultProps.placeholder = "请输入";
+      }
+      if (selectPlaceholderEls.includes(search?.el)) {
+        defaultProps.placeholder = "请选择";
+      }
+      if (["el-date-picker", "ElDatePicker"].includes(search?.el)) {
+        defaultProps.unlinkPanels = true;
+        if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(search?.props?.type)) {
+          defaultProps.defaultTime = dateUtil.getDefaultTime();
+          defaultProps.shortcuts = dateUtil.getShortcuts();
+          defaultProps.rangeSeparator = "至";
+          defaultProps.startPlaceholder = "开始时间";
+          defaultProps.endPlaceholder = "结束时间";
+        } else {
+          defaultProps.defaultTime = dateUtil.getSimpleTime();
+          defaultProps.shortcuts = dateUtil.getSimpleShortcuts();
+        }
+      }
+      if (["el-time-picker", "ElTimePicker"].includes(search?.el) && search?.props?.isRange) {
+        defaultProps.rangeSeparator = "至";
+        defaultProps.startPlaceholder = "开始时间";
+        defaultProps.endPlaceholder = "结束时间";
+      }
+      if (["el-select", "ElSelect", "el-select-v2", "ElSelectV2", "el-cascader", "ElCascader", "el-tree-select", "ElTreeSelect"].includes(search?.el)) {
+        let enumData;
+        if (props.column.enum && isString(props.column.enum)) {
+          enumData = enumMap.get(props.column.enum);
+        } else {
+          enumData = enumMap.get(props.column.prop ?? props.column.search?.key);
+        }
+        enumData = enumData.filter((f) => f?.show !== false);
+        state.enumDict = enumData ?? [];
+      }
+      if (["el-select-v2", "ElSelectV2", "el-cascader", "ElCascader"].includes(search?.el)) {
+        defaultProps.options = state.enumDict;
+      }
+      if (["el-tree-select", "ElTreeSelect"].includes(search?.el)) {
+        defaultProps.data = state.enumDict;
+      }
+      return defaultProps;
+    };
+    useRender(() => createVNode(Fragment, null, [props.column.search?.el && h(resolveComponent(props.column.search.el), {
+      ...handleDefaultProps(),
+      ...props.column.search.props,
+      modelValue: tableState.searchParam[props.column?.search?.key ?? props.column.prop],
+      "onUpdate:modelValue": handleUpdateModelValue,
+      onChange: handleChange
+    }, {
+      default: () => ["el-select", "ElSelect"].includes(props.column.search.el) ? state.enumDict.map((selData, index) => h(ElOption, {
+        key: index,
+        label: selData[props.column.search.props?.label ?? "label"],
+        value: selData[props.column.search.props?.value ?? "value"],
+        disabled: selData[props.column.search.props?.disabled ?? "disabled"]
+      })) : slots.default && slots.default({
+        column: props.column,
+        search: props.search,
+        ...getTableDefaultSlots(tableState)
+      })
+    })]));
+  }
+});
+export {
+  TableSearchFormItem as default
+};
+//# sourceMappingURL=tableSearchFormItem.mjs.map