yc-pro-components 0.0.85 → 1.0.0

package/es/components/index.d.ts

@@ -44,3 +44,4 @@ export * from './yc-animate-selector';
 export * from './yc-download-dialog';
 export * from './yc-tabs-with-filter';
 export * from './yc-batch-import-dialog';
+export * from './yc-query-filter';

package/es/components/index.mjs

@@ -41,6 +41,7 @@ export { YcAnimateSelectorWithInstall } from './yc-animate-selector/index.mjs';
 export { YcDownloadDialogWithInstall } from './yc-download-dialog/index.mjs';
 export { YcTabsWithFilterWithInstall } from './yc-tabs-with-filter/index.mjs';
 export { YcBatchImportDialogWithInstall } from './yc-batch-import-dialog/index.mjs';
+export { ReQueryFilterManager, YcQueryFilterManager } from './yc-query-filter/index.mjs';
 export { useColumnAdapter } from './virtual-table/src/use-column-adapter.mjs';
 export { useVirtualSelection } from './virtual-table/src/use-virtual-selection.mjs';
 export { useVirtualScroll } from './virtual-table/src/use-virtual-scroll.mjs';

package/es/components/page/src/index.vue2.mjs

@@ -72,14 +72,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const plusSearchInstance = ref(null);
     const plusTableInstance = ref(null);
     const plusVirtualTableInstance = ref(null);
-    const values = ref({ ...(_a = props.search) == null ? void 0 : _a.defaultValues });
+    const defaultSearchValues = {
+      ...(_a = props.search) == null ? void 0 : _a.defaultValues
+    };
+    const searchFormValues = ref({ ...defaultSearchValues });
+    const submittedSearchValues = ref({ ...defaultSearchValues });
     const isVirtualMode = computed(() => {
       var _a2;
       return !!((_a2 = props.table) == null ? void 0 : _a2.useVirtual);
     });
     const virtualTableProps = computed(() => {
       if (!isVirtualMode.value) return {};
-      const { useVirtual: _, ...rest } = props.table || {};
+      const rest = { ...props.table || {} };
+      delete rest.useVirtual;
       return rest;
     });
     const virtualColumns = computed(() => {
@@ -115,7 +120,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         loadingStatus.value = true;
         const payload = {
-          ...values.value,
+          ...submittedSearchValues.value,
           // eslint-disabled no-useless-spread
           ...{
             [((_a2 = props.pageInfoMap) == null ? void 0 : _a2.page) || "page"]: pageInfo.value.page,
@@ -143,16 +148,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleSearch = (val) => {
       const data = props.beforeSearchSubmit && props.beforeSearchSubmit(val) || val;
-      values.value = data;
+      searchFormValues.value = data;
+      submittedSearchValues.value = { ...data };
       pageInfo.value.page = 1;
       getList();
-      emit("search", values.value);
+      emit("search", submittedSearchValues.value);
     };
     const handleReset = (val) => {
-      values.value = { ...val };
+      searchFormValues.value = { ...val };
+      submittedSearchValues.value = { ...val };
       pageInfo.value.page = 1;
       getList();
-      emit("reset", values.value);
+      emit("reset", submittedSearchValues.value);
     };
     const handleRefresh = () => {
       getList();
@@ -160,19 +167,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const setSearchFieldsValue = (val) => {
       if (isPlainObject(val)) {
         Object.keys(val).forEach((key) => {
-          Reflect.set(values.value, key, val[key]);
+          Reflect.set(searchFormValues.value, key, val[key]);
         });
       }
     };
+    const replaceSearchFormValues = (val) => {
+      searchFormValues.value = isPlainObject(val) ? { ...val } : {};
+    };
     const getSearchFieldsValue = (key) => {
       if (key !== void 0 && key !== null) {
-        return Reflect.get(values.value, key);
+        return Reflect.get(searchFormValues.value, key);
       } else {
-        return { ...values.value };
+        return { ...searchFormValues.value };
       }
     };
     const clearSearchFieldsValue = () => {
-      values.value = {};
+      searchFormValues.value = {};
     };
     const setTableData = (data, _total) => {
       tableData.value = data || [];
@@ -189,6 +199,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
        */
       handleRest: handleReset,
       setSearchFieldsValue,
+      replaceSearchFormValues,
       getSearchFieldsValue,
       clearSearchFieldsValue,
       /**
@@ -204,8 +215,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               ref_key: "plusSearchInstance",
               ref: plusSearchInstance
             }, _ctx.search, {
-              modelValue: values.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => values.value = $event),
+              modelValue: searchFormValues.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchFormValues.value = $event),
               columns: _ctx.columns,
               "search-loading": unref(loadingStatus),
               onSearch: handleSearch,
@@ -221,6 +232,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0,
+              _ctx.$slots["search-actions-after"] ? {
+                name: "search-actions-after",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "search-actions-after")
+                ]),
+                key: "1"
+              } : void 0,
               renderList(searchSlots.value, (_, key) => {
                 return {
                   name: key,

package/es/components/search/src/index.vue2.mjs

@@ -154,6 +154,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 handleUnfold,
                 searchLoading: _ctx.searchLoading
               }, () => [
+                renderSlot(_ctx.$slots, "search-actions-after"),
                 createCommentVNode(' :icon="computedResetIcon" '),
                 _ctx.hasReset ? (openBlock(), createBlock(unref(ElButton), {
                   key: 0,

package/es/components/yc-plus-page/src/index.vue.mjs

@@ -1,6 +1,6 @@
 import _sfc_main from './index.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ce473db"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b8729a9"], ["__file", "index.vue"]]);
 
 export { YcPlusPageComponent as default };

package/es/components/yc-plus-page/src/index.vue2.mjs

@@ -2,6 +2,7 @@ import { defineComponent, ref, computed, useSlots, h, watch, onMounted, nextTick
 import { merge } from 'lodash-es';
 import { PlusPage } from '../../page/index.mjs';
 import YcSvgIcon from '../../yc-svg-icon/src/index.vue.mjs';
+import { YcQueryFilterManager } from '../../yc-query-filter/index.mjs';
 import { useTableDragScroll } from '../../../hooks/useTableDragScroll.mjs';
 import { useHeaderFilter } from './use-header-filter.mjs';
 import YcTableHeaderFilterCellComponent from './header-filter-cell.vue.mjs';
@@ -37,7 +38,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     columnCacheKey: { default: void 0 },
     disableColumnCache: { type: Boolean, default: false },
     columnSettingsText: { default: void 0 },
-    dragScroll: { type: [Boolean, Object], default: false }
+    dragScroll: { type: [Boolean, Object], default: false },
+    queryFilterKey: { default: "main" }
   },
   emits: ["header-filter-confirm", "header-filter-reset"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -49,20 +51,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const plusPageRef = ref();
     const rootRef = ref();
     const dragScrollWrapperRef = ref(null);
-    const dragScrollEnabled = computed(() => props.dragScroll !== false && props.dragScroll != null);
+    const dragScrollEnabled = computed(
+      () => props.dragScroll !== false && props.dragScroll !== null && props.dragScroll !== void 0
+    );
     const dragScrollOptions = computed(() => {
       const value = props.dragScroll;
       if (value && typeof value === "object") return value;
       return {};
     });
-    const { onMouseDown: onDragScrollMouseDown } = useTableDragScroll(
-      dragScrollWrapperRef,
-      void 0,
-      {
-        ...dragScrollOptions.value,
-        enabled: dragScrollEnabled
-      }
-    );
+    const { onMouseDown: onDragScrollMouseDown } = useTableDragScroll(dragScrollWrapperRef, void 0, {
+      ...dragScrollOptions.value,
+      enabled: dragScrollEnabled
+    });
     const plusTableInstance = computed(() => {
       var _a;
       return (_a = plusPageRef.value) == null ? void 0 : _a.plusTableInstance;
@@ -119,7 +119,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const handleFilterConfirm = (payload) => {
       var _a;
       const field = String(((_a = payload.column) == null ? void 0 : _a.prop) || "");
-      const isEmpty = payload.value == null || String(payload.value).trim() === "";
+      const isEmpty = payload.value === null || payload.value === void 0 || String(payload.value).trim() === "";
       if (isEmpty) {
         removeHeaderFilter(field);
       } else {
@@ -425,7 +425,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       return sorted;
     };
-    const handleFilterTableHeader = (columns, eventType) => {
+    const handleFilterTableHeader = (columns, _eventType) => {
       const order = columns.map((col) => String(col.prop || "")).filter(Boolean);
       const checked = columns.filter((col) => col.headerIsChecked !== false).map((col) => String(col.prop || "")).filter(Boolean);
       const existingCache = loadColumnCache();
@@ -527,6 +527,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       clearSearchFieldsValue: () => {
         var _a, _b;
         return (_b = (_a = plusPageRef.value) == null ? void 0 : _a.clearSearchFieldsValue) == null ? void 0 : _b.call(_a);
+      },
+      replaceSearchFormValues: (values) => {
+        var _a, _b;
+        return (_b = (_a = plusPageRef.value) == null ? void 0 : _a.replaceSearchFormValues) == null ? void 0 : _b.call(_a, values);
       }
     });
     return (_ctx, _cache) => {
@@ -564,6 +568,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 onFilterTableHeader: handleFilterTableHeader,
                 onHeaderDragend: handleHeaderDragend
               }), createSlots({
+                "search-actions-after": withCtx(() => [
+                  createVNode(unref(YcQueryFilterManager), {
+                    "page-instance": plusPageRef.value,
+                    "query-filter-key": props.queryFilterKey
+                  }, null, 8, ["page-instance", "query-filter-key"]),
+                  renderSlot(_ctx.$slots, "search-actions-after", {}, void 0, true)
+                ]),
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ]),
@@ -599,7 +610,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   return {
                     name,
                     fn: withCtx((slotProps) => [
-                      name !== "column-settings-icon" && name !== "default" ? renderSlot(_ctx.$slots, name, normalizeProps(mergeProps({ key: 0 }, slotProps)), void 0, true) : createCommentVNode("v-if", true)
+                      name !== "column-settings-icon" && name !== "default" && name !== "search-actions-after" ? renderSlot(_ctx.$slots, name, normalizeProps(mergeProps({ key: 0 }, slotProps)), void 0, true) : createCommentVNode("v-if", true)
                     ])
                   };
                 })

package/es/components/yc-plus-page/src/type.d.ts

@@ -187,6 +187,11 @@ export interface YcPlusPageProps extends /* @vue-ignore */ Omit<Partial<PlusPage
      * @default false
      */
     dragScroll?: boolean | UseTableDragScrollOptions;
+    /**
+     * 查询条件 pageCode 第三段，默认 main
+     * 完整 pageCode 为 `{appCode}:{routeName}:{queryFilterKey}`
+     */
+    queryFilterKey?: string;
 }
 /**
  * 列设置缓存数据

package/es/components/yc-query-filter/index.d.ts

@@ -0,0 +1,7 @@
+import { default as QueryFilterManagerComponent } from './src/index.vue';
+import { DefineComponent } from 'vue';
+
+export type { QueryFilterConfig, QueryFilterApi, QueryFilterItem } from 'yc-pro-components/es/constants';
+export declare const YcQueryFilterManager: DefineComponent;
+export declare const ReQueryFilterManager: DefineComponent;
+export type YcQueryFilterManagerInstance = InstanceType<typeof QueryFilterManagerComponent>;

package/es/components/yc-query-filter/index.mjs

@@ -0,0 +1,6 @@
+import QueryFilterManagerComponent from './src/index.vue.mjs';
+
+const YcQueryFilterManager = QueryFilterManagerComponent;
+const ReQueryFilterManager = YcQueryFilterManager;
+
+export { ReQueryFilterManager, YcQueryFilterManager };

package/es/components/yc-query-filter/src/index.vue.d.ts

@@ -0,0 +1,32 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    pageInstance?: any;
+    queryFilterKey?: string | undefined;
+}>, {
+    queryFilterKey: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    pageInstance?: any;
+    queryFilterKey?: string | undefined;
+}>, {
+    queryFilterKey: string;
+}>>>, {
+    queryFilterKey: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/components/yc-query-filter/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var QueryFilterManagerComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { QueryFilterManagerComponent as default };