@tagplus/components 5.2.19 → 5.3.0

package/dist/es/src/utils/use-form-item.mjs

@@ -0,0 +1,61 @@
+import { inject, ref, computed, onMounted, watch, toRef, onUnmounted } from "vue";
+import { formContextKey, formItemContextKey } from "./constants.mjs";
+import { useId } from "./use-id.mjs";
+const useFormItem = () => {
+  const form = inject(formContextKey, void 0);
+  const formItem = inject(formItemContextKey, void 0);
+  return {
+    form,
+    formItem
+  };
+};
+const useFormItemInputId = (props, {
+  formItemContext,
+  disableIdGeneration,
+  disableIdManagement
+}) => {
+  if (!disableIdGeneration) {
+    disableIdGeneration = ref(false);
+  }
+  if (!disableIdManagement) {
+    disableIdManagement = ref(false);
+  }
+  const inputId = ref();
+  let idUnwatch;
+  const isLabeledByFormItem = computed(() => {
+    var _a;
+    return !!(!props.label && formItemContext && formItemContext.inputIds && ((_a = formItemContext.inputIds) == null ? void 0 : _a.length) <= 1);
+  });
+  onMounted(() => {
+    idUnwatch = watch(
+      [toRef(props, "id"), disableIdGeneration],
+      ([id, disableIdGeneration2]) => {
+        const newId = id ?? (!disableIdGeneration2 ? useId().value : void 0);
+        if (newId !== inputId.value) {
+          if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
+            inputId.value && formItemContext.removeInputId(inputId.value);
+            if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) {
+              formItemContext.addInputId(newId);
+            }
+          }
+          inputId.value = newId;
+        }
+      },
+      { immediate: true }
+    );
+  });
+  onUnmounted(() => {
+    idUnwatch && idUnwatch();
+    if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
+      inputId.value && formItemContext.removeInputId(inputId.value);
+    }
+  });
+  return {
+    isLabeledByFormItem,
+    inputId
+  };
+};
+export {
+  useFormItem,
+  useFormItemInputId
+};

package/dist/es/src/utils/use-id.mjs

@@ -0,0 +1,35 @@
+import { computed, unref, inject, getCurrentInstance } from "vue";
+import { debugWarn } from "./error.mjs";
+import { useGetDerivedNamespace } from "./use-derived-namespace.mjs";
+import { isClient } from "../../node_modules/@vueuse/shared/index.mjs";
+const defaultIdInjection = {
+  prefix: Math.floor(Math.random() * 1e4),
+  current: 0
+};
+const ID_INJECTION_KEY = Symbol("elIdInjection");
+const useIdInjection = () => {
+  return getCurrentInstance() ? inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
+};
+const useId = (deterministicId) => {
+  const idInjection = useIdInjection();
+  if (!isClient && idInjection === defaultIdInjection) {
+    debugWarn(
+      "IdInjection",
+      `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+usage: app.provide(ID_INJECTION_KEY, {
+  prefix: number,
+  current: number,
+})`
+    );
+  }
+  const namespace = useGetDerivedNamespace();
+  const idRef = computed(
+    () => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`
+  );
+  return idRef;
+};
+export {
+  ID_INJECTION_KEY,
+  useId,
+  useIdInjection
+};

package/dist/es/src/utils/use-input.mjs

@@ -0,0 +1,31 @@
+import { ref } from "vue";
+import { isFunction } from "../../node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
+import { isKorean } from "./i18n.mjs";
+function useInput(handleInput = (event) => {
+}) {
+  const isComposing = ref(false);
+  const handleCompositionStart = () => {
+    isComposing.value = true;
+  };
+  const handleCompositionUpdate = (event) => {
+    const text = event.target.value;
+    const lastCharacter = text[text.length - 1] || "";
+    isComposing.value = !isKorean(lastCharacter);
+  };
+  const handleCompositionEnd = (event) => {
+    if (isComposing.value) {
+      isComposing.value = false;
+      if (isFunction(handleInput)) {
+        handleInput(event);
+      }
+    }
+  };
+  return {
+    handleCompositionStart,
+    handleCompositionUpdate,
+    handleCompositionEnd
+  };
+}
+export {
+  useInput
+};

package/dist/lib/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+exports.default = _export_sfc;