@scvzerng/element-plus-search-vue2 0.0.2 → 0.0.4

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

@@ -1,3 +1,4 @@
+import { SearchBarState } from './SearchBarState';
 import { Searchable } from './types/Searchable';
 type __VLS_Props = {
     searches: Searchable[];
@@ -8,12 +9,7 @@ type __VLS_Props = {
     itemHeight?: number;
     resetAutoSearch?: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    defaultSpan: number;
-    maxRows: number;
-    itemHeight: number;
-    resetAutoSearch: boolean;
-}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     getSearchItems: () => {
         field: string;
         label: string;
@@ -21,40 +17,27 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         required?: boolean | undefined;
         index: number;
         visible: boolean;
+        disabled: boolean | import("./index.js").PredicateCallback;
         span: number;
         initValue?: any;
+        enable: boolean | import("./index.js").PredicateCallback;
         tagFilter?: ((value: any) => boolean) | undefined;
         render: import("./model/SearchItem").SearchItemRender;
-        transform?: import("./types/Searchable").TransformCallback<any> | undefined;
+        transform?: import("./index.js").TransformCallback<any> | undefined;
         clean: () => void;
         reset: () => void;
+        isEnable: (state: SearchBarState) => boolean;
+        isDisabled: (state: SearchBarState) => boolean;
     }[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    defaultSpan: number;
-    maxRows: number;
-    itemHeight: number;
-    resetAutoSearch: boolean;
-}>>>, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
     defaultSpan: number;
     maxRows: number;
     itemHeight: number;
     resetAutoSearch: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/types/SearchBarState.d.ts

@@ -1,18 +1,21 @@
 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: SearchConfig;
+    config: Reactive<SearchConfig>;
     searching: boolean;
     tags: SearchTag[];
     searchCallback: <T>(params: T) => Promise<void>;
     sourceSearchable: Searchable[];
+    private _lastSearchObject;
     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>;
+    setSearchValue(field: string, value: any): void;
 }

package/dist/types/SearchItemRender.d.ts

@@ -1,17 +1,7 @@
+import type { FunctionalComponent } from 'vue';
 import type { SearchItem } from './model/SearchItem';
-import { PropType } from 'vue';
-declare const _default: {
-    functional: boolean;
-    props: {
-        search: {
-            type: PropType<SearchItem>;
-            required: boolean;
-        };
-    };
-    render(h: any, context: {
-        props: {
-            search: SearchItem;
-        };
-    }): import("vue").VNode | undefined;
-};
-export default _default;
+import { SearchBarState } from './SearchBarState';
+export declare const SearchItemRender: FunctionalComponent<{
+    search: SearchItem;
+    api: SearchBarState;
+}>;

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

@@ -1,20 +1,7 @@
+import type { SearchTag } from './model/SearchTag';
 type __VLS_Props = {
-    tags: ({
-        required?: boolean;
-        valueText?: string;
-        label: string;
-        field: string;
-        clean: () => void;
-    } & any)[];
+    tags: SearchTag[];
 };
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+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;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import { TransformCallback } from './types/Searchable';
 import { SearchValueLike } from './types/SearchValueLike';
-export * from "./helper/vModel";
+export * from "./types/Searchable";
 export { default as SearchBar } from './SearchBar.vue';
 export type SearchBarInstance = {
     getSearchItems(): SearchValueLike[];

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

@@ -1,6 +1,7 @@
 import type { VNode } from 'vue';
 import { SearchValueLike } from '../types/SearchValueLike';
-import { Searchable, TransformCallback } from '../types/Searchable';
+import { PredicateCallback, Searchable, TransformCallback } from '../types/Searchable';
+import { SearchBarState } from '../SearchBarState';
 export declare const DEFAULT_SEARCH_SPAN = 6;
 export type SearchItemRender = (value: SearchValueLike) => VNode | undefined;
 export declare class SearchItem {
@@ -10,12 +11,16 @@ export declare class SearchItem {
     required?: boolean;
     index: number;
     visible: boolean;
+    disabled: boolean | PredicateCallback;
     span: number;
     initValue?: any;
+    enable: boolean | PredicateCallback;
     tagFilter?: (value: any) => boolean;
     render: SearchItemRender;
     transform?: TransformCallback<any>;
     constructor(searchable: Searchable, index: number);
     clean(): void;
     reset(): void;
+    isEnable(state: SearchBarState): boolean;
+    isDisabled(state: SearchBarState): boolean;
 }

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

@@ -1,4 +1,5 @@
-declare const _default: import("vue").DefineComponent<{}, {
+declare const __VLS_export: import("vue").DefineComponent<{}, {
     show: (api: import("../SearchBarState").SearchBarState) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, 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

@@ -3,14 +3,6 @@ import { SearchBarState } from '../SearchBarState';
 type __VLS_Props = {
     state: UnwrapNestedRefs<SearchBarState>;
 };
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+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;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -1,14 +1,24 @@
 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<any>;
-    visible: import("vue").Ref<boolean>;
+    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>;
-    drawerWidth: import("vue").Ref<number>;
+    defaultCheckedKeys: import("vue").Ref<string[] | undefined, string[] | undefined>;
+    drawerWidth: import("vue").Ref<number, number>;
     updateSnapshot: (api: SearchBarState) => void;
     show: (api: SearchBarState) => void;
     save: () => void;
@@ -16,4 +26,6 @@ export declare const useSetting: () => {
     keepSelection: () => void;
     restoreSelection: () => void;
     allowDrop: (_: any, __: any, type: string) => boolean;
+    allowDrag: (node: any) => boolean;
 };
+export {};

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

@@ -1,6 +1,8 @@
 import type { VNode } from 'vue';
 import { SearchItem } from '../model/SearchItem';
+import { SearchBarState } from '../SearchBarState';
 export type TransformCallback<T> = (value: T) => Record<string, any>;
+export type PredicateCallback = (value: SearchBarState) => boolean;
 export interface Searchable {
     /**
      * 属性名
@@ -22,8 +24,13 @@ export interface Searchable {
      * 搜索的tag标签是否可以关闭
      */
     required?: boolean;
+    disabled?: boolean | PredicateCallback;
     index?: number;
     visible?: boolean;
+    /**
+     * 搜索项是否启用
+     */
+    enable: boolean | PredicateCallback;
     span?: number;
     /**
      * 渲染器

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scvzerng/element-plus-search-vue2",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "private": false,
   "scripts": {
@@ -17,7 +17,7 @@
       "require": "./dist/ElementPlusSearch.umd.js"
     },
     "./style": {
-      "default": "./dist/element-plus-search.css"
+      "default": "./dist/style.css"
     }
 
   },

package/dist/style.css

@@ -1 +0,0 @@
-@charset "UTF-8";.tags-scroll-container{display:flex}.tags-scroll-container .pointer{cursor:pointer}.tags-scroll-container .search-tags{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px}.tags-scroll-container .search-tags::-webkit-scrollbar{display:none}.tags-scroll-container .scroll-left-bar{cursor:pointer;margin-right:10px}.tags-scroll-container .scroll-right-bar{cursor:pointer;margin-left:10px}.setting-container{display:flex;flex-direction:column;height:100%}.setting-container .tree{flex:1;overflow-y:auto}.setting-container .footer{margin-top:auto;margin-left:auto;padding:10px 15px;display:flex;gap:10px}.setting-container .footer .el-button{width:90px}.search-bar-container{font-size:smaller;width:100%;display:flex;flex-direction:column}.search-bar-container .search{width:100%}.search-bar-container .collapsed{max-height:134px;overflow:hidden}.search-bar-container .el-input-number,.search-bar-container .el-select,.search-bar-container .el-date-editor,.search-bar-container .el-cascader{width:100%}.search-bar-container .search-bottom{display:flex}.search-bar-container .search-bottom .tags-scroll-container{flex:1;min-width:0;margin-right:10px}.search-bar-container .search-bottom .actions{display:flex;margin-left:auto}.search-bar-container .search-bottom .actions .el-button{width:90px}.search-bar-container .search-bottom .actions .icon-button{padding:0 8px;width:34px;font-size:larger}.search-bar-container .search-item{margin-bottom:12px}.search-bar-container .search-item-content{margin-top:4px}.search-bar-container .preview{overflow-x:scroll;overflow-y:hidden}.search-bar-container .scroll-tags{display:flex;align-items:center}.search-bar-container .scroll-tags .left{margin-right:10px}.search-bar-container .scroll-tags .right{margin-left:10px}

package/dist/types/helper/vModel.d.ts

@@ -1,14 +0,0 @@
-import { SearchValueLike } from '../types/SearchValueLike';
-/**
- * vue2 翻译jsx片段时在非组件上下文中会生成this.$set 尝试设置属性导致报错 此时使用此方法绕过生成
- *
- * 此函数为变种专用于search组件
- *
- * @param searchValue
- */
-export declare const vModel: (searchValue: SearchValueLike) => {
-    model: {
-        value: any;
-        callback: (newValue: any) => void;
-    };
-};