@oiij/naive-ui 0.0.64 → 0.0.66

package/dist/components/remote-request/RemoteRequest.vue.d.ts

@@ -1,50 +1,56 @@
-import { DataObject } from '../../composables/useDataRequest';
-import { RemoteRequestEmits, RemoteRequestExpose, RemoteRequestProps } from './index';
-declare const _default: <P extends DataObject, D extends DataObject, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onError?: ((err: Error, params: P[]) => any) | undefined;
-        readonly onSuccess?: ((data: D, params: P[]) => any) | undefined;
-        readonly onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
-        readonly onBefore?: ((params: P[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onBefore" | "onSuccess" | "onError" | "onFinally"> & RemoteRequestProps<P, D> & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<RemoteRequestExpose<P, D, R>>): void;
-    attrs: any;
-    slots: {
-        default?(_: {
-            loading: boolean;
-            data: D | undefined;
-            error: Error | undefined;
-            params: [] | P[];
-            list: R[];
-            pagination: {
-                page: number;
-                pageSize: number;
-                itemCount: number;
-            } | {
-                page: number;
-                pageSize: number;
-                itemCount: number;
-            };
-            run: (...params: P[]) => void;
-            runAsync: (...params: P[]) => Promise<D>;
-            refresh: () => void;
-            refreshAsync: () => Promise<D>;
-            cancel: () => void;
-            mutate: (data?: D | ((oldData?: D | undefined) => D | undefined) | undefined) => void;
-            setParams: (_params: Partial<P>) => void;
-            runParams: (_params: Partial<P>) => void;
-            runParamsAsync: (_params: Partial<P>) => Promise<D>;
-            onBefore: import('@vueuse/core').EventHookOn<[P[]]>;
-            onSuccess: import('@vueuse/core').EventHookOn<[D, P[]]>;
-            onError: import('@vueuse/core').EventHookOn<[Error, P[]]>;
-            onFinally: import('@vueuse/core').EventHookOn<[P[], D | undefined, Error | undefined]>;
-        }): any;
-    };
-    emit: RemoteRequestEmits<P, D>;
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+import { DataObject } from "../../composables/useDataRequest.js";
+import { RemoteRequestEmits, RemoteRequestExpose, RemoteRequestProps } from "./index.js";
+import * as _vueuse_core57 from "@vueuse/core";
+import * as vue68 from "vue";
+
+//#region src/components/remote-request/RemoteRequest.vue.d.ts
+declare const __VLS_export: <P extends DataObject, D extends DataObject, R extends DataObject>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<RemoteRequestProps<P, D> & {
+    onSuccess?: ((data: D, params: P[]) => any) | undefined;
+    onError?: ((err: Error, params: P[]) => any) | undefined;
+    onBefore?: ((params: P[]) => any) | undefined;
+    onFinally?: ((params: P[], data?: D | undefined, err?: Error | undefined) => any) | undefined;
+  }> & vue68.PublicProps & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P_1;
+  } ? P_1 : {});
+  expose: (exposed: vue68.ShallowUnwrapRef<RemoteRequestExpose<P, D, R>>) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      loading: boolean;
+      data: D | undefined;
+      error: Error | undefined;
+      params: [] | P[];
+      list: R[];
+      pagination: {
+        page: number;
+        pageSize: number;
+        itemCount: number;
+      } | {
+        page: number;
+        pageSize: number;
+        itemCount: number;
+      };
+      run: (...params: P[]) => void;
+      runAsync: (...params: P[]) => Promise<D>;
+      refresh: () => void;
+      refreshAsync: () => Promise<D>;
+      cancel: () => void;
+      mutate: (data?: D | ((oldData?: D | undefined) => D | undefined) | undefined) => void;
+      setParams: (_params: Partial<P>) => void;
+      runParams: (_params: Partial<P>) => void;
+      runParamsAsync: (_params: Partial<P>) => Promise<D>;
+      onBefore: _vueuse_core57.EventHookOn<[P[]]>;
+      onSuccess: _vueuse_core57.EventHookOn<[D, P[]]>;
+      onError: _vueuse_core57.EventHookOn<[Error, P[]]>;
+      onFinally: _vueuse_core57.EventHookOn<[P[], D | undefined, Error | undefined]>;
+    }) => any;
+  };
+  emit: RemoteRequestEmits<P, D>;
+}>) => vue68.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
 };
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/remote-request/index.d.ts

@@ -1,19 +1,25 @@
-import { UseRequestOptions, UseRequestPlugin } from 'vue-hooks-plus/es/useRequest/types';
-import { DataObject, DataRequestFields, UseDataRequestReturns } from '../../composables/useDataRequest';
-export { default as NRemoteRequest } from './RemoteRequest.vue';
-export type RemoteRequestFields = DataRequestFields & {};
-export type RemoteRequestExpose<P extends DataObject = DataObject, D extends DataObject = DataObject, R extends DataObject = DataObject> = UseDataRequestReturns<P, D, R>;
-export type RemoteRequestProps<P extends DataObject = DataObject, D extends DataObject = DataObject> = {
-    api: (...args: P[]) => Promise<D>;
-    defaultParams?: Partial<P>;
-    manual?: boolean;
-    fields?: RemoteRequestFields;
-    requestOptions?: UseRequestOptions<D, P[]>;
-    requestPlugins?: UseRequestPlugin<D, P[]>[];
+import { DataObject, DataRequestFields, UseDataRequestReturns } from "../../composables/useDataRequest.js";
+import { _default } from "./RemoteRequest.vue.js";
+import { ComponentExposed } from "vue-component-type-helpers";
+import { UseRequestOptions, UseRequestPlugin } from "vue-hooks-plus/es/useRequest/types";
+
+//#region src/components/remote-request/index.d.ts
+type RemoteRequestFields = DataRequestFields & {};
+type RemoteRequestExpose<P extends DataObject = DataObject, D extends DataObject = DataObject, R extends DataObject = DataObject> = UseDataRequestReturns<P, D, R>;
+type RemoteRequestProps<P extends DataObject = DataObject, D extends DataObject = DataObject> = {
+  api: (...args: P[]) => Promise<D>;
+  defaultParams?: Partial<P>;
+  manual?: boolean;
+  fields?: RemoteRequestFields;
+  requestOptions?: UseRequestOptions<D, P[]>;
+  requestPlugins?: UseRequestPlugin<D, P[]>[];
 };
-export type RemoteRequestEmits<P extends DataObject = DataObject, D extends DataObject = DataObject> = {
-    (e: 'before', params: P[]): void;
-    (e: 'success', data: D, params: P[]): void;
-    (e: 'error', err: Error, params: P[]): void;
-    (e: 'finally', params: P[], data?: D, err?: Error): void;
+type RemoteRequestEmits<P extends DataObject = DataObject, D extends DataObject = DataObject> = {
+  (e: 'before', params: P[]): void;
+  (e: 'success', data: D, params: P[]): void;
+  (e: 'error', err: Error, params: P[]): void;
+  (e: 'finally', params: P[], data?: D, err?: Error): void;
 };
+type RemoteRequestInst = ComponentExposed<typeof _default>;
+//#endregion
+export { RemoteRequestEmits, RemoteRequestExpose, RemoteRequestFields, RemoteRequestInst, RemoteRequestProps };

package/dist/components/search-input/SearchInput.js

@@ -0,0 +1,85 @@
+import MageSearch_default from "../icons/MageSearch.js";
+import { useDebounceFn, useTimeoutFn } from "@vueuse/core";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watch, watchEffect, withCtx } from "vue";
+import { NButton, NInput, NInputGroup } from "naive-ui";
+
+//#region src/components/search-input/SearchInput.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "SearchInput",
+	props: {
+		value: {},
+		type: {},
+		placeholder: { default: "Type A Search" },
+		loading: { type: Boolean },
+		autoTrigger: {
+			type: [Boolean, Number],
+			default: true
+		},
+		searchButton: { type: [String, Boolean] },
+		inputProps: {},
+		buttonProps: {}
+	},
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const inputRef = useTemplateRef("input-ref");
+		const _value = ref(__props.value ?? null);
+		const _searchButtonType = computed(() => typeof __props.searchButton === "boolean" ? "text" : __props.searchButton);
+		const { start } = useTimeoutFn(() => {}, typeof __props.autoTrigger === "number" ? __props.autoTrigger : 500);
+		watchEffect(() => {
+			_value.value = __props.value ?? null;
+		});
+		const debounceEmit = useDebounceFn(() => {
+			emit("update:value", _value.value);
+		}, typeof __props.autoTrigger === "number" ? __props.autoTrigger : 500);
+		watch(_value, () => {
+			start();
+			if (__props.autoTrigger) debounceEmit();
+		});
+		function handleClick() {
+			emit("update:value", _value.value);
+		}
+		function handleKeyDown(e) {
+			if (e.key === "Enter") handleClick();
+		}
+		watchEffect(() => {
+			if (!__props.loading && _value.value) inputRef.value?.focus();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(NInputGroup), null, {
+				default: withCtx(() => [createVNode(unref(NInput), mergeProps({
+					ref: "input-ref",
+					value: _value.value,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => _value.value = $event),
+					clearable: "",
+					placeholder: __props.placeholder
+				}, __props.inputProps, { onKeydown: handleKeyDown }), {
+					prefix: withCtx(() => [renderSlot(_ctx.$slots, "prefix", {}, () => [renderSlot(_ctx.$slots, "prefix-icon", {}, () => [createVNode(MageSearch_default, { style: {
+						"width": "18px",
+						"height": "18px"
+					} })])])]),
+					_: 3
+				}, 16, ["value", "placeholder"]), renderSlot(_ctx.$slots, "button", {
+					value: __props.value,
+					loading: __props.loading
+				}, () => [_searchButtonType.value ? (openBlock(), createBlock(unref(NButton), mergeProps({
+					key: 0,
+					type: __props.type,
+					loading: __props.loading
+				}, __props.buttonProps, { onClick: handleClick }), createSlots({
+					default: withCtx(() => [_searchButtonType.value === "text" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" 搜索 ")], 64)) : createCommentVNode("v-if", true)]),
+					_: 2
+				}, [_searchButtonType.value === "icon" ? {
+					name: "icon",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "button-icon", {}, () => [createVNode(MageSearch_default)])]),
+					key: "0"
+				} : void 0]), 1040, ["type", "loading"])) : createCommentVNode("v-if", true)])]),
+				_: 3
+			});
+		};
+	}
+});
+var SearchInput_default = _sfc_main;
+
+//#endregion
+export { SearchInput_default as default };