@oiij/naive-ui 0.0.64 → 0.0.65

package/dist/components/search-input/index.d.ts

@@ -1,13 +1,17 @@
-import { ButtonProps, InputProps } from 'naive-ui';
-import { ClassStyle } from '../data-table-plus';
-export { default as NSearchInput } from './SearchInput.vue';
-export type SearchInputProps = {
-    value?: string | null;
-    type?: ButtonProps['type'];
-    placeholder?: string;
-    loading?: boolean;
-    autoTrigger?: boolean | number;
-    searchButton?: 'text' | 'icon' | boolean;
-    inputProps?: InputProps & ClassStyle;
-    buttonProps?: ButtonProps & ClassStyle;
+import { _default } from "./SearchInput.vue.js";
+import { ClassStyle } from "../data-table-plus/index.js";
+import { ButtonProps, InputProps } from "naive-ui";
+
+//#region src/components/search-input/index.d.ts
+type SearchInputProps = {
+  value?: string | null;
+  type?: ButtonProps['type'];
+  placeholder?: string;
+  loading?: boolean;
+  autoTrigger?: boolean | number;
+  searchButton?: 'text' | 'icon' | boolean;
+  inputProps?: InputProps & ClassStyle;
+  buttonProps?: ButtonProps & ClassStyle;
 };
+//#endregion
+export { SearchInputProps };

package/dist/components/toggle-editor/ToggleEditor.js

@@ -0,0 +1,44 @@
+import { Fragment, createBlock, createElementBlock, createTextVNode, defineComponent, mergeModels, mergeProps, nextTick, openBlock, ref, toDisplayString, unref, useModel, useTemplateRef } from "vue";
+import { NInput } from "naive-ui";
+
+//#region src/components/toggle-editor/ToggleEditor.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "ToggleEditor",
+	props: /* @__PURE__ */ mergeModels({ inputProps: {} }, {
+		"value": {},
+		"valueModifiers": {}
+	}),
+	emits: ["update:value"],
+	setup(__props) {
+		const value = useModel(__props, "value");
+		const editorFlag = ref(false);
+		const inputRef = useTemplateRef("inputRef");
+		const inputValue = ref(value.value);
+		function onClick() {
+			editorFlag.value = true;
+			nextTick(() => {
+				inputRef.value?.focus();
+			});
+		}
+		function onChange() {
+			editorFlag.value = false;
+			value.value = inputValue.value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { onClick }, [editorFlag.value ? (openBlock(), createBlock(unref(NInput), mergeProps({
+				key: 0,
+				ref_key: "inputRef",
+				ref: inputRef,
+				value: inputValue.value
+			}, __props.inputProps, {
+				"onUpdate:value": _cache[0] || (_cache[0] = (val) => inputValue.value = val),
+				onChange,
+				onBlur: onChange
+			}), null, 16, ["value"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(inputValue.value), 1)], 64))]);
+		};
+	}
+});
+var ToggleEditor_default = _sfc_main;
+
+//#endregion
+export { ToggleEditor_default as default };