@scvzerng/element-plus-search-vue2 0.0.1

package/dist/types/SearchBar.vue.d.ts

@@ -0,0 +1,34 @@
+import { Searchable } from './types/Searchable';
+type __VLS_Props = {
+    searches: Searchable[];
+    id: string;
+    onSearch: (params: any) => Promise<void>;
+    defaultSpan?: number;
+    maxRows?: number;
+    itemHeight?: number;
+    resetAutoSearch?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    getSearchItems: () => {
+        field: string;
+        label: string;
+        value?: any;
+        required?: boolean | undefined;
+        index: number;
+        visible: boolean;
+        span: number;
+        initValue?: any;
+        tagFilter?: ((value: any) => boolean) | undefined;
+        render: import("./model/SearchItem").SearchItemRender;
+        transform?: import("./types/Searchable").TransformCallback<any> | undefined;
+        clean: () => void;
+        reset: () => void;
+    }[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    defaultSpan: number;
+    maxRows: number;
+    itemHeight: number;
+    resetAutoSearch: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/SearchBarState.d.ts

@@ -0,0 +1,19 @@
+import { SearchItem } from './model/SearchItem';
+import { SearchConfig } from './model/SearchConfig';
+import { SearchTag } from './model/SearchTag';
+import { Reactive } from 'vue';
+import { Searchable } from './types/Searchable';
+export declare class SearchBarState {
+    id: string;
+    items: SearchItem[];
+    config: Reactive<SearchConfig>;
+    searching: boolean;
+    tags: SearchTag[];
+    searchCallback: <T>(params: T) => Promise<void>;
+    sourceSearchable: Searchable[];
+    constructor(id: string, searches: Searchable[], onSearch: (params: any) => Promise<void>);
+    updateTags(): void;
+    getSearchObject<T>(ext?: any): T;
+    doSearch(): Promise<void>;
+    reset(search?: boolean): Promise<void>;
+}

package/dist/types/SearchItemRender.d.ts

@@ -0,0 +1,5 @@
+import type { FunctionalComponent } from 'vue';
+import type { SearchItem } from './model/SearchItem';
+export declare const SearchItemRender: FunctionalComponent<{
+    search: SearchItem;
+}>;

package/dist/types/SearchTagsRender.vue.d.ts

@@ -0,0 +1,7 @@
+import type { SearchTag } from './model/SearchTag';
+type __VLS_Props = {
+    tags: SearchTag[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/index.d.ts

@@ -0,0 +1,13 @@
+import { TransformCallback } from './types/Searchable';
+import { SearchValueLike } from './types/SearchValueLike';
+export { default as SearchBar } from './SearchBar.vue';
+export type SearchBarInstance = {
+    getSearchItems(): SearchValueLike[];
+};
+export declare class Searches {
+    record: Record<string, any>;
+    constructor(record: Record<string, any>);
+    static from(searches: SearchValueLike[]): Searches;
+    transform<T>(field: string, transformCallback: TransformCallback<T>): Searches;
+    toCondition<T>(record?: Record<string, any>): T;
+}

package/dist/types/model/SearchConfig.d.ts

@@ -0,0 +1,38 @@
+import type { SearchItem } from './SearchItem';
+import type { SearchBarState } from '../SearchBarState';
+import { Searchable } from '../types/Searchable';
+/**
+ * 搜索项布局
+ */
+export declare class SearchItemLayout {
+    field: string;
+    span: number;
+    index: number;
+    visible: boolean;
+    constructor(field: string, span: number, index: number, visible: boolean);
+    static fromSearchItem(searchItem: SearchItem, index?: number): SearchItemLayout;
+    static formSearchConfig(searchable: Searchable, index?: number): SearchItemLayout;
+    static fromString(str: string): SearchItemLayout;
+    toString(): string;
+    merge(layout: SearchItemLayout): void;
+}
+type Layout = Record<string, SearchItemLayout>;
+/**
+ * 搜索配置
+ */
+export declare class SearchConfig {
+    id: string;
+    state: SearchBarState;
+    itemLayouts: Layout;
+    initialLayouts: SearchItemLayout[];
+    constructor(state: SearchBarState, initialLayouts: SearchItemLayout[]);
+    /**
+     * 恢复自缓存中的布局信息
+     * @private
+     */
+    private restoreCachedLayouts;
+    sync(sortedKeys: string[], visibleKeys: Set<string>): void;
+    persistent(): void;
+    reset(): void;
+}
+export {};

package/dist/types/model/SearchItem.d.ts

@@ -0,0 +1,21 @@
+import type { VNode } from 'vue';
+import { SearchValueLike } from '../types/SearchValueLike';
+import { Searchable, TransformCallback } from '../types/Searchable';
+export declare const DEFAULT_SEARCH_SPAN = 6;
+export type SearchItemRender = (value: SearchValueLike) => VNode | undefined;
+export declare class SearchItem {
+    field: string;
+    label: string;
+    value?: any;
+    required?: boolean;
+    index: number;
+    visible: boolean;
+    span: number;
+    initValue?: any;
+    tagFilter?: (value: any) => boolean;
+    render: SearchItemRender;
+    transform?: TransformCallback<any>;
+    constructor(searchable: Searchable, index: number);
+    clean(): void;
+    reset(): void;
+}

package/dist/types/model/SearchTag.d.ts

@@ -0,0 +1,22 @@
+import type { SearchBarState } from '../SearchBarState';
+import type { SearchItem } from './SearchItem';
+type ComponentTextGetter = {
+    isApply: (el: DOMTokenList) => boolean;
+    getText: (el: Element, search: SearchTag) => string;
+};
+export declare const COMPONENT_TEXT_GETTER: ComponentTextGetter[];
+export declare class SearchTag {
+    private readonly id;
+    field: string;
+    value: any;
+    label: string;
+    valueText?: string;
+    required: boolean;
+    private item;
+    private state;
+    constructor(state: SearchBarState, item: SearchItem);
+    static hasValue(item: SearchItem): boolean;
+    private updateValueText;
+    clean(): Promise<void>;
+}
+export {};

package/dist/types/setting/SearchSettingsDrawer.vue.d.ts

@@ -0,0 +1,5 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    show: (api: import("../SearchBarState").SearchBarState) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/setting/SettingButton.vue.d.ts

@@ -0,0 +1,8 @@
+import { UnwrapNestedRefs } from 'vue';
+import { SearchBarState } from '../SearchBarState';
+type __VLS_Props = {
+    state: UnwrapNestedRefs<SearchBarState>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/setting/use-setting.d.ts

@@ -0,0 +1,30 @@
+import type { SearchBarState } from '../SearchBarState';
+import { TreeInstance } from 'element-plus';
+type TreeNode = {
+    label: string;
+    id: string;
+    children?: TreeNode[];
+};
+export declare const useSetting: () => {
+    treeRef: import("vue").Ref<TreeInstance | undefined, TreeInstance | undefined>;
+    visible: import("vue").Ref<boolean, boolean>;
+    snapshot: import("vue").Ref<{
+        label: string;
+        id: string;
+        children?: /*elided*/ any[] | undefined;
+    }[], TreeNode[] | {
+        label: string;
+        id: string;
+        children?: /*elided*/ any[] | undefined;
+    }[]>;
+    defaultCheckedKeys: import("vue").Ref<string[] | undefined, string[] | undefined>;
+    drawerWidth: import("vue").Ref<number, number>;
+    updateSnapshot: (api: SearchBarState) => void;
+    show: (api: SearchBarState) => void;
+    save: () => void;
+    reset: () => void;
+    keepSelection: () => void;
+    restoreSelection: () => void;
+    allowDrop: (_: any, __: any, type: string) => boolean;
+};
+export {};

package/dist/types/types/SearchValueLike.d.ts

@@ -0,0 +1,5 @@
+import { TransformCallback } from './Searchable';
+export type SearchValueLike = any & {
+    value?: any;
+    transform?: TransformCallback<any>;
+};

package/dist/types/types/Searchable.d.ts

@@ -0,0 +1,35 @@
+import type { VNode } from 'vue';
+import { SearchItem } from '../model/SearchItem';
+export type TransformCallback<T> = (value: T) => Record<string, any>;
+export interface Searchable {
+    /**
+     * 属性名
+     */
+    field: string;
+    /**
+     * 描述
+     */
+    label: string;
+    /**
+     * 绑定数据
+     */
+    value?: any;
+    /**
+     * 初始化数据
+     */
+    initValue?: any;
+    /**
+     * 搜索的tag标签是否可以关闭
+     */
+    required?: boolean;
+    index?: number;
+    visible?: boolean;
+    span?: number;
+    /**
+     * 渲染器
+     * @param row
+     */
+    render: (value: SearchItem) => VNode | undefined;
+    transform?: TransformCallback<any>;
+    tagFilter?: (value: any) => boolean;
+}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@scvzerng/element-plus-search-vue2",
+  "version": "0.0.1",
+  "type": "module",
+  "private": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly",
+    "lint:oxlint": "oxlint . --fix -D correctness --ignore-path .gitignore",
+    "lint": "run-s lint:*",
+    "format": "prettier --write src/"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/ElementPlusSearch.es.js",
+      "require": "./dist/ElementPlusSearch.umd.js"
+    },
+    "./style": {
+      "default": "./dist/element-plus-search.css"
+    }
+
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@vueuse/core": "9.13.0",
+    "element-ui": "2.15.14",
+    "lodash-unified": "^1.0.3",
+    "vue": "2.7.16"
+  },
+  "devDependencies": {
+    "unplugin-vue-macros": "2.14.5",
+    "@prettier/plugin-oxc": "0.0.4",
+    "@types/md5": "2.3.5",
+    "@types/node": "22.16.5",
+    "@vitejs/plugin-vue2": "2.3.3",
+    "@vitejs/plugin-vue2-jsx": "1.1.1",
+    "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
+    "@vue/eslint-config-prettier": "10.2.0",
+    "@vue/eslint-config-typescript": "14.6.0",
+    "eslint": "9.31.0",
+    "eslint-plugin-oxlint": "1.8.0",
+    "eslint-plugin-vue": "10.3.0",
+    "jiti": "2.4.2",
+    "npm-run-all2": "8.0.4",
+    "oxlint": "~1.8.0",
+    "prettier": "3.6.2",
+    "sass-embedded": "1.90.0",
+    "typescript": "5.9.2",
+    "vite": "5.4.19",
+    "vue-tsc": "2.1.10"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}