yc-pro-components 0.0.19 → 0.0.21

package/lib/components/yc-more-actions/index.d.ts

@@ -5,21 +5,21 @@ import { default as YcMoreActionsComponent } from './src/index.vue';
 export * from './src/type';
 export type YcMoreActionsInstance = InstanceType<typeof YcMoreActionsComponent>;
 export declare const YcMoreActions: DefineComponent<{
-    showArrow: {
-        type: PropType<boolean>;
-        default: boolean;
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "contextmenu">;
+        default: string;
     };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
-    trigger: {
-        type: PropType<"click" | "hover" | "contextmenu">;
-        default: string;
-    };
-    placement: {
-        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: string;
+    showArrow: {
+        type: PropType<boolean>;
+        default: boolean;
     };
     context: {
         type: PropType<object | Record<string, unknown> | null>;
@@ -54,21 +54,21 @@ export declare const YcMoreActions: DefineComponent<{
     "visible-change": (visible: boolean) => void;
     "action-click": (key: string, context?: unknown) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
-    showArrow: {
-        type: PropType<boolean>;
-        default: boolean;
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "contextmenu">;
+        default: string;
     };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
-    trigger: {
-        type: PropType<"click" | "hover" | "contextmenu">;
-        default: string;
-    };
-    placement: {
-        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: string;
+    showArrow: {
+        type: PropType<boolean>;
+        default: boolean;
     };
     context: {
         type: PropType<object | Record<string, unknown> | null>;
@@ -103,10 +103,10 @@ export declare const YcMoreActions: DefineComponent<{
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
 }, {
-    showArrow: boolean;
-    disabled: boolean;
-    trigger: "click" | "hover" | "contextmenu";
     placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    trigger: "hover" | "click" | "contextmenu";
+    disabled: boolean;
+    showArrow: boolean;
     stopPropagation: boolean;
     actions: MoreActionItem[];
     triggerButton: TriggerButtonProps;
@@ -114,21 +114,21 @@ export declare const YcMoreActions: DefineComponent<{
     dropdownStyle: Record<string, string | number>;
 }, {}>;
 export declare const ReMoreActions: DefineComponent<{
-    showArrow: {
-        type: PropType<boolean>;
-        default: boolean;
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "contextmenu">;
+        default: string;
     };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
-    trigger: {
-        type: PropType<"click" | "hover" | "contextmenu">;
-        default: string;
-    };
-    placement: {
-        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: string;
+    showArrow: {
+        type: PropType<boolean>;
+        default: boolean;
     };
     context: {
         type: PropType<object | Record<string, unknown> | null>;
@@ -163,21 +163,21 @@ export declare const ReMoreActions: DefineComponent<{
     "visible-change": (visible: boolean) => void;
     "action-click": (key: string, context?: unknown) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
-    showArrow: {
-        type: PropType<boolean>;
-        default: boolean;
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "contextmenu">;
+        default: string;
     };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
-    trigger: {
-        type: PropType<"click" | "hover" | "contextmenu">;
-        default: string;
-    };
-    placement: {
-        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
-        default: string;
+    showArrow: {
+        type: PropType<boolean>;
+        default: boolean;
     };
     context: {
         type: PropType<object | Record<string, unknown> | null>;
@@ -212,10 +212,10 @@ export declare const ReMoreActions: DefineComponent<{
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
 }, {
-    showArrow: boolean;
-    disabled: boolean;
-    trigger: "click" | "hover" | "contextmenu";
     placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    trigger: "hover" | "click" | "contextmenu";
+    disabled: boolean;
+    showArrow: boolean;
     stopPropagation: boolean;
     actions: MoreActionItem[];
     triggerButton: TriggerButtonProps;

package/lib/components/yc-more-actions/src/index.vue.d.ts

@@ -38,10 +38,10 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
     "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
 }, {
-    showArrow: boolean;
-    disabled: boolean;
-    trigger: "click" | "hover" | "contextmenu";
     placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    trigger: "hover" | "click" | "contextmenu";
+    disabled: boolean;
+    showArrow: boolean;
     stopPropagation: boolean;
     actions: MoreActionItem[];
     triggerButton: TriggerButtonProps;

package/lib/components/yc-plus-page/index.d.ts

@@ -1,8 +1,12 @@
 import { default as YcPlusPageComponent } from './src/index.vue';
 import { DefineComponent } from 'vue';
 
-export type { YcPlusPageProps } from './src/type';
+export type { YcPlusPageProps, FieldCatalogItem, FieldCatalog, OperatorOption, HeaderFilterConfig, ColumnHeaderFilterConfig, HeaderFilterPayload, HeaderFilterResetPayload, FilterItem, HeaderFiltersState, OrderByItem, RequestResponse } from './src/type';
+export { useHeaderFilter } from './src/use-header-filter';
+export type { UseHeaderFilterOptions, UseHeaderFilterReturn } from './src/use-header-filter';
+export { OPERATOR_CATALOG, OPERATOR_LABELS, NO_VALUE_OPERATORS, DEFAULT_OPERATORS } from './src/constants';
 export type YcPlusPageInstance = InstanceType<typeof YcPlusPageComponent>;
 export declare const YcPlusPage: DefineComponent;
+export declare const YcTableHeaderFilterCell: DefineComponent;
 export declare const RePlusPage: DefineComponent;
 export type { YcPlusPageProps as RePlusPageProps } from './src/type';

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

@@ -1,9 +1,19 @@
 'use strict';
 
 var index = require('./src/index.vue.js');
+var headerFilterCell = require('./src/header-filter-cell.vue.js');
+var useHeaderFilter = require('./src/use-header-filter.js');
+var constants = require('./src/constants.js');
 
 const YcPlusPage = index.default;
+const YcTableHeaderFilterCell = headerFilterCell.default;
 const RePlusPage = index.default;
 
+exports.useHeaderFilter = useHeaderFilter.useHeaderFilter;
+exports.DEFAULT_OPERATORS = constants.DEFAULT_OPERATORS;
+exports.NO_VALUE_OPERATORS = constants.NO_VALUE_OPERATORS;
+exports.OPERATOR_CATALOG = constants.OPERATOR_CATALOG;
+exports.OPERATOR_LABELS = constants.OPERATOR_LABELS;
 exports.RePlusPage = RePlusPage;
 exports.YcPlusPage = YcPlusPage;
+exports.YcTableHeaderFilterCell = YcTableHeaderFilterCell;

package/lib/components/yc-plus-page/src/constants.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 表头筛选相关常量
+ */
+/**
+ * 操作符目录 - 按字段类型分组
+ */
+export declare const OPERATOR_CATALOG: Record<string, string[]>;
+/**
+ * 操作符中文映射
+ */
+export declare const OPERATOR_LABELS: Record<string, string>;
+/**
+ * 不需要输入值的操作符
+ */
+export declare const NO_VALUE_OPERATORS: string[];
+/**
+ * 默认操作符
+ */
+export declare const DEFAULT_OPERATORS: {
+    label: string;
+    code: string;
+}[];

package/lib/components/yc-plus-page/src/constants.js

@@ -0,0 +1,46 @@
+'use strict';
+
+const OPERATOR_CATALOG = {
+  string: ["=", "!=", "like", "not like", "in", "not in"],
+  number: ["=", "!=", ">", ">=", "<", "<=", "in", "not in", "between"],
+  date: ["=", ">", ">=", "<", "<=", "between"],
+  boolean: ["is true", "is false", "is null", "is not null"],
+  nullable: ["is null", "is not null"],
+  json: ["contains", "not contains", "is null", "is not null"]
+};
+const OPERATOR_LABELS = {
+  // 通用
+  "=": "\u7B49\u4E8E",
+  "!=": "\u4E0D\u7B49\u4E8E",
+  ">": "\u5927\u4E8E",
+  ">=": "\u5927\u4E8E\u7B49\u4E8E",
+  "<": "\u5C0F\u4E8E",
+  "<=": "\u5C0F\u4E8E\u7B49\u4E8E",
+  like: "\u5305\u542B",
+  "not like": "\u4E0D\u5305\u542B",
+  in: "\u5C5E\u4E8E",
+  "not in": "\u4E0D\u5C5E\u4E8E",
+  between: "\u4ECB\u4E8E",
+  "is null": "\u4E3A\u7A7A",
+  "is not null": "\u4E0D\u4E3A\u7A7A",
+  // 布尔专用
+  "is true": "\u4E3A\u771F",
+  "is false": "\u4E3A\u5047",
+  // JSON 专用
+  contains: "\u5305\u542B\u952E\u503C",
+  "not contains": "\u4E0D\u5305\u542B\u952E\u503C"
+};
+const NO_VALUE_OPERATORS = [
+  "empty",
+  "not_empty",
+  "is null",
+  "is not null",
+  "is true",
+  "is false"
+];
+const DEFAULT_OPERATORS = [{ label: OPERATOR_LABELS["="] || "=", code: "=" }];
+
+exports.DEFAULT_OPERATORS = DEFAULT_OPERATORS;
+exports.NO_VALUE_OPERATORS = NO_VALUE_OPERATORS;
+exports.OPERATOR_CATALOG = OPERATOR_CATALOG;
+exports.OPERATOR_LABELS = OPERATOR_LABELS;

package/lib/components/yc-plus-page/src/header-filter-cell.vue.d.ts

@@ -0,0 +1,85 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { OperatorOption, OrderByItem, FilterItem } from './type';
+import { PlusColumn } from 'yc-pro-components/es/types/plus';
+
+interface Props {
+    /** 列标签 */
+    label: string;
+    /** 列配置 */
+    column: PlusColumn;
+    /** 操作符列表 */
+    operators?: OperatorOption[];
+    /** 当前筛选状态 */
+    filters?: FilterItem[];
+    /** 当前排序状态 */
+    orderBy?: OrderByItem[];
+    /** 是否禁用筛选（仅显示排序） */
+    disableFilter?: boolean;
+    /** 自定义渲染 reference */
+    referenceRenderer?: () => unknown;
+}
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    operators: () => never[];
+    filters: () => never[];
+    orderBy: () => never[];
+    disableFilter: boolean;
+    referenceRenderer: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    reset: (payload: {
+        column: PlusColumn;
+        op: string;
+    }) => void;
+    confirm: (payload: {
+        column: PlusColumn;
+        op: string;
+        value?: string | undefined;
+    }) => void;
+    sortChange: (payload: {
+        field: string;
+        direction?: "desc" | "asc" | undefined;
+    }) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    operators: () => never[];
+    filters: () => never[];
+    orderBy: () => never[];
+    disableFilter: boolean;
+    referenceRenderer: undefined;
+}>>> & {
+    onReset?: ((payload: {
+        column: PlusColumn;
+        op: string;
+    }) => any) | undefined;
+    onConfirm?: ((payload: {
+        column: PlusColumn;
+        op: string;
+        value?: string | undefined;
+    }) => any) | undefined;
+    onSortChange?: ((payload: {
+        field: string;
+        direction?: "desc" | "asc" | undefined;
+    }) => any) | undefined;
+}, {
+    filters: FilterItem[];
+    orderBy: OrderByItem[];
+    operators: OperatorOption[];
+    disableFilter: boolean;
+    referenceRenderer: () => unknown;
+}, {}>;
+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-plus-page/src/header-filter-cell.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var headerFilterCell_vue_vue_type_script_setup_true_lang = require('./header-filter-cell.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var YcTableHeaderFilterCellComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(headerFilterCell_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-87ce6807"], ["__file", "header-filter-cell.vue"]]);
+
+exports.default = YcTableHeaderFilterCellComponent;