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

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

@@ -9,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;
@@ -36,32 +31,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     }[];
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    defaultSpan: number;
-    maxRows: number;
-    itemHeight: number;
-    resetAutoSearch: boolean;
-}>>>, {
+}, 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,11 +1,12 @@
 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>;

package/dist/types/SearchItemRender.d.ts

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

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;
@@ -18,3 +28,4 @@ export declare const useSetting: () => {
     allowDrop: (_: any, __: any, type: string) => boolean;
     allowDrag: (node: any) => boolean;
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scvzerng/element-plus-search-vue2",
-  "version": "0.0.3",
+  "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 div[aria-disabled=true]{display:none}.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:14px;width:100%;display:flex;flex-direction:column}.search-bar-container .search,.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;
-    };
-};