yc-pro-components 0.0.85 → 1.0.0

package/lib/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/lib/components/index.js

@@ -43,6 +43,7 @@ var index$N = require('./yc-animate-selector/index.js');
 var index$P = require('./yc-download-dialog/index.js');
 var index$R = require('./yc-tabs-with-filter/index.js');
 var index$T = require('./yc-batch-import-dialog/index.js');
+var index$V = require('./yc-query-filter/index.js');
 var useColumnAdapter = require('./virtual-table/src/use-column-adapter.js');
 var useVirtualSelection = require('./virtual-table/src/use-virtual-selection.js');
 var useVirtualScroll = require('./virtual-table/src/use-virtual-scroll.js');
@@ -131,6 +132,8 @@ exports.YcAnimateSelectorWithInstall = index$N.YcAnimateSelectorWithInstall;
 exports.YcDownloadDialogWithInstall = index$P.YcDownloadDialogWithInstall;
 exports.YcTabsWithFilterWithInstall = index$R.YcTabsWithFilterWithInstall;
 exports.YcBatchImportDialogWithInstall = index$T.YcBatchImportDialogWithInstall;
+exports.ReQueryFilterManager = index$V.ReQueryFilterManager;
+exports.YcQueryFilterManager = index$V.YcQueryFilterManager;
 exports.useColumnAdapter = useColumnAdapter.useColumnAdapter;
 exports.useVirtualSelection = useVirtualSelection.useVirtualSelection;
 exports.useVirtualScroll = useVirtualScroll.useVirtualScroll;

package/lib/components/page/src/index.vue2.js

@@ -76,14 +76,19 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const plusSearchInstance = vue.ref(null);
     const plusTableInstance = vue.ref(null);
     const plusVirtualTableInstance = vue.ref(null);
-    const values = vue.ref({ ...(_a = props.search) == null ? void 0 : _a.defaultValues });
+    const defaultSearchValues = {
+      ...(_a = props.search) == null ? void 0 : _a.defaultValues
+    };
+    const searchFormValues = vue.ref({ ...defaultSearchValues });
+    const submittedSearchValues = vue.ref({ ...defaultSearchValues });
     const isVirtualMode = vue.computed(() => {
       var _a2;
       return !!((_a2 = props.table) == null ? void 0 : _a2.useVirtual);
     });
     const virtualTableProps = vue.computed(() => {
       if (!isVirtualMode.value) return {};
-      const { useVirtual: _, ...rest } = props.table || {};
+      const rest = { ...props.table || {} };
+      delete rest.useVirtual;
       return rest;
     });
     const virtualColumns = vue.computed(() => {
@@ -119,7 +124,7 @@ var _sfc_main = /* @__PURE__ */ vue.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,
@@ -147,16 +152,18 @@ var _sfc_main = /* @__PURE__ */ vue.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();
@@ -164,19 +171,22 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const setSearchFieldsValue = (val) => {
       if (is.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 = is.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 || [];
@@ -193,6 +203,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
        */
       handleRest: handleReset,
       setSearchFieldsValue,
+      replaceSearchFormValues,
       getSearchFieldsValue,
       clearSearchFieldsValue,
       /**
@@ -208,8 +219,8 @@ var _sfc_main = /* @__PURE__ */ vue.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": vue.unref(loadingStatus),
               onSearch: handleSearch,
@@ -225,6 +236,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 key: "0"
               } : void 0,
+              _ctx.$slots["search-actions-after"] ? {
+                name: "search-actions-after",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "search-actions-after")
+                ]),
+                key: "1"
+              } : void 0,
               vue.renderList(searchSlots.value, (_, key) => {
                 return {
                   name: key,

package/lib/components/search/src/index.vue2.js

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

package/lib/components/yc-plus-page/src/index.vue.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var YcPlusPageComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3ce473db"], ["__file", "index.vue"]]);
+var YcPlusPageComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4b8729a9"], ["__file", "index.vue"]]);
 
 exports.default = YcPlusPageComponent;

package/lib/components/yc-plus-page/src/index.vue2.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var lodashEs = require('lodash-es');
 var index = require('../../page/index.js');
-var index$1 = require('../../yc-svg-icon/src/index.vue.js');
+var index$2 = require('../../yc-svg-icon/src/index.vue.js');
+var index$1 = require('../../yc-query-filter/index.js');
 var useTableDragScroll = require('../../../hooks/useTableDragScroll.js');
 var useHeaderFilter = require('./use-header-filter.js');
 var headerFilterCell = require('./header-filter-cell.vue.js');
@@ -41,7 +42,8 @@ var _sfc_main = /* @__PURE__ */ vue.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 }) {
@@ -53,20 +55,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const plusPageRef = vue.ref();
     const rootRef = vue.ref();
     const dragScrollWrapperRef = vue.ref(null);
-    const dragScrollEnabled = vue.computed(() => props.dragScroll !== false && props.dragScroll != null);
+    const dragScrollEnabled = vue.computed(
+      () => props.dragScroll !== false && props.dragScroll !== null && props.dragScroll !== void 0
+    );
     const dragScrollOptions = vue.computed(() => {
       const value = props.dragScroll;
       if (value && typeof value === "object") return value;
       return {};
     });
-    const { onMouseDown: onDragScrollMouseDown } = useTableDragScroll.useTableDragScroll(
-      dragScrollWrapperRef,
-      void 0,
-      {
-        ...dragScrollOptions.value,
-        enabled: dragScrollEnabled
-      }
-    );
+    const { onMouseDown: onDragScrollMouseDown } = useTableDragScroll.useTableDragScroll(dragScrollWrapperRef, void 0, {
+      ...dragScrollOptions.value,
+      enabled: dragScrollEnabled
+    });
     const plusTableInstance = vue.computed(() => {
       var _a;
       return (_a = plusPageRef.value) == null ? void 0 : _a.plusTableInstance;
@@ -123,7 +123,7 @@ var _sfc_main = /* @__PURE__ */ vue.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 {
@@ -429,7 +429,7 @@ var _sfc_main = /* @__PURE__ */ vue.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();
@@ -531,6 +531,10 @@ var _sfc_main = /* @__PURE__ */ vue.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) => {
@@ -568,6 +572,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onFilterTableHeader: handleFilterTableHeader,
                 onHeaderDragend: handleHeaderDragend
               }), vue.createSlots({
+                "search-actions-after": vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index$1.YcQueryFilterManager), {
+                    "page-instance": plusPageRef.value,
+                    "query-filter-key": props.queryFilterKey
+                  }, null, 8, ["page-instance", "query-filter-key"]),
+                  vue.renderSlot(_ctx.$slots, "search-actions-after", {}, void 0, true)
+                ]),
                 default: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ]),
@@ -584,7 +595,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   name: "column-settings-icon",
                   fn: vue.withCtx(() => [
                     vue.createElementVNode("div", { class: "column-settings-wrapper" }, [
-                      vue.createVNode(vue.unref(index$1.default), {
+                      vue.createVNode(vue.unref(index$2.default), {
                         src: fieldSettingIconUrl.value,
                         size: 16
                       }, null, 8, ["src"]),
@@ -603,7 +614,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   return {
                     name,
                     fn: vue.withCtx((slotProps) => [
-                      name !== "column-settings-icon" && name !== "default" ? vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.mergeProps({ key: 0 }, slotProps)), void 0, true) : vue.createCommentVNode("v-if", true)
+                      name !== "column-settings-icon" && name !== "default" && name !== "search-actions-after" ? vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.mergeProps({ key: 0 }, slotProps)), void 0, true) : vue.createCommentVNode("v-if", true)
                     ])
                   };
                 })

package/lib/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/lib/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/lib/components/yc-query-filter/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+
+const YcQueryFilterManager = index.default;
+const ReQueryFilterManager = YcQueryFilterManager;
+
+exports.ReQueryFilterManager = ReQueryFilterManager;
+exports.YcQueryFilterManager = YcQueryFilterManager;

package/lib/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/lib/components/yc-query-filter/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var QueryFilterManagerComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = QueryFilterManagerComponent;