@v-c/image 1.0.0 → 1.0.2

package/dist/util/dist/Dom/dynamicCSS.cjs

@@ -1,80 +0,0 @@
-const require_canUseDom = require("./canUseDom.cjs");
-const require_contains = require("./contains.cjs");
-var APPEND_ORDER = "data-vc-order";
-var APPEND_PRIORITY = "data-vc-priority";
-var MARK_KEY = `vc-util-key`;
-var containerCache = /* @__PURE__ */ new Map();
-function getMark({ mark } = {}) {
-	if (mark) return mark.startsWith("data-") ? mark : `data-${mark}`;
-	return MARK_KEY;
-}
-function getContainer(option) {
-	if (option.attachTo) return option.attachTo;
-	return document.querySelector("head") || document.body;
-}
-function getOrder(prepend) {
-	if (prepend === "queue") return "prependQueue";
-	return prepend ? "prepend" : "append";
-}
-function findStyles(container) {
-	return Array.from((containerCache.get(container) || container).children).filter((node) => node.tagName === "STYLE");
-}
-function injectCSS(css, option = {}) {
-	if (!require_canUseDom.canUseDom()) return null;
-	const { csp, prepend, priority = 0 } = option;
-	const mergedOrder = getOrder(prepend);
-	const isPrependQueue = mergedOrder === "prependQueue";
-	const styleNode = document.createElement("style");
-	styleNode.setAttribute(APPEND_ORDER, mergedOrder);
-	if (isPrependQueue && priority) styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
-	if (csp?.nonce) styleNode.nonce = csp?.nonce;
-	styleNode.innerHTML = css;
-	const container = getContainer(option);
-	const { firstChild } = container;
-	if (prepend) {
-		if (isPrependQueue) {
-			const existStyle = findStyles(container).filter((node) => {
-				if (!["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER))) return false;
-				return priority >= Number(node.getAttribute(APPEND_PRIORITY) || 0);
-			});
-			if (existStyle.length) {
-				container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
-				return styleNode;
-			}
-		}
-		container.insertBefore(styleNode, firstChild);
-	} else container.appendChild(styleNode);
-	return styleNode;
-}
-function findExistNode(key, option = {}) {
-	return findStyles(getContainer(option)).find((node) => node.getAttribute(getMark(option)) === key);
-}
-function removeCSS(key, option = {}) {
-	if (!require_canUseDom.canUseDom()) return null;
-	const existNode = findExistNode(key, option);
-	if (existNode) getContainer(option).removeChild(existNode);
-}
-function syncRealContainer(container, option) {
-	const cachedRealContainer = containerCache.get(container);
-	if (!cachedRealContainer || !require_contains.contains(document, cachedRealContainer)) {
-		const placeholderStyle = injectCSS("", option);
-		const { parentNode } = placeholderStyle;
-		containerCache.set(container, parentNode);
-		container.removeChild(placeholderStyle);
-	}
-}
-function updateCSS(css, key, option = {}) {
-	if (!require_canUseDom.canUseDom()) return null;
-	syncRealContainer(getContainer(option), option);
-	const existNode = findExistNode(key, option);
-	if (existNode) {
-		if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce) existNode.nonce = option.csp?.nonce;
-		if (existNode.innerHTML !== css) existNode.innerHTML = css;
-		return existNode;
-	}
-	const newNode = injectCSS(css, option);
-	newNode.setAttribute(getMark(option), key);
-	return newNode;
-}
-exports.removeCSS = removeCSS;
-exports.updateCSS = updateCSS;

package/dist/util/dist/KeyCode.cjs

@@ -1,81 +0,0 @@
-var KeyCodeStr = {
-	Enter: "Enter",
-	Backspace: "Backspace",
-	Tab: "Tab",
-	Space: " ",
-	Escape: "Escape",
-	Shift: "Shift",
-	Control: "Control",
-	Alt: "Alt",
-	Meta: "Meta",
-	ArrowLeft: "ArrowLeft",
-	ArrowUp: "ArrowUp",
-	ArrowRight: "ArrowRight",
-	ArrowDown: "ArrowDown",
-	Home: "Home",
-	End: "End",
-	PageUp: "PageUp",
-	PageDown: "PageDown",
-	Insert: "Insert",
-	Delete: "Delete",
-	F1: "F1",
-	F2: "F2",
-	F3: "F3",
-	F4: "F4",
-	F5: "F5",
-	F6: "F6",
-	F7: "F7",
-	F8: "F8",
-	F9: "F9",
-	F10: "F10",
-	F11: "F11",
-	F12: "F12",
-	Digit0: "0",
-	Digit1: "1",
-	Digit2: "2",
-	Digit3: "3",
-	Digit4: "4",
-	Digit5: "5",
-	Digit6: "6",
-	Digit7: "7",
-	Digit8: "8",
-	Digit9: "9",
-	KeyA: "a",
-	KeyB: "b",
-	KeyC: "c",
-	KeyD: "d",
-	KeyE: "e",
-	KeyF: "f",
-	KeyG: "g",
-	KeyH: "h",
-	KeyI: "i",
-	KeyJ: "j",
-	KeyK: "k",
-	KeyL: "l",
-	KeyM: "m",
-	KeyN: "n",
-	KeyO: "o",
-	KeyP: "p",
-	KeyQ: "q",
-	KeyR: "r",
-	KeyS: "s",
-	KeyT: "t",
-	KeyU: "u",
-	KeyV: "v",
-	KeyW: "w",
-	KeyX: "x",
-	KeyY: "y",
-	KeyZ: "z",
-	Semicolon: ";",
-	Equal: "=",
-	Comma: ",",
-	Minus: "-",
-	Period: ".",
-	Slash: "/",
-	Backquote: "`",
-	BracketLeft: "[",
-	Backslash: "\\",
-	BracketRight: "]",
-	Quote: "'"
-};
-exports.KeyCodeStr = KeyCodeStr;

package/dist/util/dist/RenderComponent.cjs

@@ -1,29 +0,0 @@
-const require_index = require("./props-util/index.cjs");
-let vue = require("vue");
-function checkIsBaseType(value) {
-	if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return true;
-	return typeof value === "undefined" || value === null;
-}
-var RenderComponent_default = (0, vue.defineComponent)((props, { attrs }) => {
-	return () => {
-		const render$1 = props.render;
-		if (render$1 && typeof render$1 === "function") {
-			const _render = render$1?.();
-			if (Array.isArray(_render)) return require_index.filterEmpty(_render).map((v) => {
-				if ((0, vue.isVNode)(v)) return (0, vue.createVNode)(v, { ...attrs });
-				else return v;
-			});
-			return _render;
-		} else if (Array.isArray(render$1)) return require_index.filterEmpty(render$1).map((v) => {
-			if ((0, vue.isVNode)(v)) return (0, vue.createVNode)(v, { ...attrs });
-			return v;
-		});
-		else if (checkIsBaseType(render$1)) return render$1;
-		if ((0, vue.isVNode)(render$1)) return (0, vue.createVNode)(render$1, { ...attrs });
-		return render$1;
-	};
-}, {
-	inheritAttrs: false,
-	name: "RenderComponent",
-	props: ["render"]
-});

package/dist/util/dist/classnames.cjs

@@ -1,36 +0,0 @@
-function toVal(mix) {
-	let str = "";
-	if (typeof mix === "string" || typeof mix === "number") str += mix;
-	else if (typeof mix === "object") {
-		if (Array.isArray(mix)) {
-			for (let k = 0; k < mix.length; k++) if (mix[k]) {
-				const y = toVal(mix[k]);
-				if (y) {
-					str && (str += " ");
-					str += y;
-				}
-			}
-		} else for (const k in mix) if (mix[k]) {
-			str && (str += " ");
-			str += k;
-		}
-	}
-	return str;
-}
-function classNames(...args) {
-	let str = "";
-	for (let i = 0; i < args.length; i++) {
-		const tmp = args[i];
-		if (tmp) {
-			const x = toVal(tmp);
-			if (x) {
-				str && (str += " ");
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-var clsx = classNames;
-exports.classNames = classNames;
-exports.clsx = clsx;

package/dist/util/dist/getScrollBarSize.cjs

@@ -1,53 +0,0 @@
-var cached;
-function getScrollBarSize(fresh) {
-	if (typeof document === "undefined") return 0;
-	if (fresh || cached === void 0) {
-		const inner = document.createElement("div");
-		inner.style.width = "100%";
-		inner.style.height = "200px";
-		const outer = document.createElement("div");
-		const outerStyle = outer.style;
-		outerStyle.position = "absolute";
-		outerStyle.top = "0";
-		outerStyle.left = "0";
-		outerStyle.pointerEvents = "none";
-		outerStyle.visibility = "hidden";
-		outerStyle.width = "200px";
-		outerStyle.height = "150px";
-		outerStyle.overflow = "hidden";
-		outer.appendChild(inner);
-		document.body.appendChild(outer);
-		const widthContained = inner.offsetWidth;
-		outer.style.overflow = "scroll";
-		let widthScroll = inner.offsetWidth;
-		if (widthContained === widthScroll) widthScroll = outer.clientWidth;
-		document.body.removeChild(outer);
-		cached = widthContained - widthScroll;
-	}
-	return cached;
-}
-function ensureSize(str) {
-	const match = str.match(/^(.*)px$/);
-	const value = Number(match?.[1]);
-	return Number.isNaN(value) ? getScrollBarSize() : value;
-}
-function getTargetScrollBarSize(target) {
-	if (typeof document === "undefined" || !target || !(target instanceof Element)) return {
-		width: 0,
-		height: 0
-	};
-	if (typeof navigator !== "undefined" && /jsdom/i.test(navigator.userAgent)) return {
-		width: 0,
-		height: 0
-	};
-	let width = "0px";
-	let height = "0px";
-	try {
-		({width, height} = getComputedStyle(target, "::-webkit-scrollbar"));
-	} catch {}
-	return {
-		width: ensureSize(width),
-		height: ensureSize(height)
-	};
-}
-exports.getTargetScrollBarSize = getTargetScrollBarSize;

package/dist/util/dist/hooks/useId.cjs

@@ -1,5 +0,0 @@
-let vue = require("vue");
-function getUseId() {
-	return vue.useId;
-}
-var useOriginalId = getUseId();

package/dist/util/dist/hooks/useMergedState.cjs

@@ -1,24 +0,0 @@
-let vue = require("vue");
-function useMergedState(defaultStateValue, option) {
-	const { defaultValue, value = (0, vue.ref)() } = option || {};
-	let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
-	if (value.value !== void 0) initValue = (0, vue.unref)(value);
-	if (defaultValue !== void 0) initValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
-	const innerValue = (0, vue.ref)(initValue);
-	const mergedValue = (0, vue.ref)(initValue);
-	(0, vue.watchEffect)(() => {
-		let val = value.value !== void 0 ? value.value : innerValue.value;
-		if (option?.postState) val = option.postState(val);
-		mergedValue.value = val;
-	});
-	function triggerChange(newValue) {
-		const preVal = mergedValue.value;
-		innerValue.value = newValue;
-		if ((0, vue.toRaw)(mergedValue.value) !== newValue && option?.onChange) option.onChange(newValue, preVal);
-	}
-	(0, vue.watch)(value, () => {
-		innerValue.value = value.value;
-	});
-	return [mergedValue, triggerChange];
-}
-exports.useMergedState = useMergedState;

package/dist/util/dist/index.cjs

@@ -1,7 +0,0 @@
-const require_raf = require("./raf.cjs");
-const require_omit = require("./omit.cjs");
-require("./RenderComponent.cjs");
-const require_classnames = require("./classnames.cjs");
-require("./hooks/useId.cjs");
-const require_useMergedState = require("./hooks/useMergedState.cjs");
-const require_warning = require("./warning.cjs");

package/dist/util/dist/isEqual.cjs

@@ -1,27 +0,0 @@
-const require_warning = require("./warning.cjs");
-function isEqual(obj1, obj2, shallow = false) {
-	const refSet = /* @__PURE__ */ new Set();
-	function deepEqual(a, b, level = 1) {
-		const circular = refSet.has(a);
-		require_warning.warning_default(!circular, "Warning: There may be circular references");
-		if (circular) return false;
-		if (a === b) return true;
-		if (shallow && level > 1) return false;
-		refSet.add(a);
-		const newLevel = level + 1;
-		if (Array.isArray(a)) {
-			if (!Array.isArray(b) || a.length !== b.length) return false;
-			for (let i = 0; i < a.length; i++) if (!deepEqual(a[i], b[i], newLevel)) return false;
-			return true;
-		}
-		if (a && b && typeof a === "object" && typeof b === "object") {
-			const keys = Object.keys(a);
-			if (keys.length !== Object.keys(b).length) return false;
-			return keys.every((key) => deepEqual(a[key], b[key], newLevel));
-		}
-		return false;
-	}
-	return deepEqual(obj1, obj2);
-}
-var isEqual_default = isEqual;
-exports.isEqual_default = isEqual_default;

package/dist/util/dist/omit.cjs

@@ -1,8 +0,0 @@
-function omit(obj, fields) {
-	const clone = { ...obj };
-	if (Array.isArray(fields)) fields.forEach((key) => {
-		delete clone[key];
-	});
-	return clone;
-}
-exports.omit = omit;

package/dist/util/dist/pickAttrs.cjs

@@ -1,39 +0,0 @@
-var propList = `accept acceptCharset accessKey action allowFullScreen allowTransparency
-    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
-    charSet checked classID className colSpan cols content contentEditable contextMenu
-    controls coords crossOrigin data dateTime default defer dir disabled download draggable
-    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
-    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity
-    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media
-    mediaGroup method min minLength multiple muted name noValidate nonce open
-    optimum pattern placeholder poster preload radioGroup readOnly rel required
-    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected
-    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style
-    summary tabIndex target title type useMap value width wmode wrap onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown
-    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick
-    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown
-    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel
-    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough
-    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata
-    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError`.split(/\s+/);
-var ariaPrefix = "aria-";
-var dataPrefix = "data-";
-function match(key, prefix) {
-	return key.indexOf(prefix) === 0;
-}
-function pickAttrs(props, ariaOnly = false) {
-	let mergedConfig;
-	if (ariaOnly === false) mergedConfig = {
-		aria: true,
-		data: true,
-		attr: true
-	};
-	else if (ariaOnly === true) mergedConfig = { aria: true };
-	else mergedConfig = { ...ariaOnly };
-	const attrs = {};
-	Object.keys(props).forEach((key) => {
-		if (mergedConfig.aria && (key === "role" || match(key, ariaPrefix)) || mergedConfig.data && match(key, dataPrefix) || mergedConfig.attr && propList.includes(key)) attrs[key] = props[key];
-	});
-	return attrs;
-}
-exports.pickAttrs = pickAttrs;

package/dist/util/dist/props-util/index.cjs

@@ -1,47 +0,0 @@
-const require_omit = require("../omit.cjs");
-let vue = require("vue");
-function isEmptyElement(c) {
-	return c && (c.type === vue.Comment || c.type === vue.Fragment && c.children.length === 0 || c.type === vue.Text && c.children.trim() === "");
-}
-function filterEmpty(children = []) {
-	if (!Array.isArray(children)) children = [children];
-	const res = [];
-	children.forEach((child) => {
-		if (Array.isArray(child)) res.push(...child);
-		else if (child?.type === vue.Fragment) res.push(...filterEmpty(child.children));
-		else res.push(child);
-	});
-	return res.filter((c) => !isEmptyElement(c));
-}
-var defaultOptions = {
-	class: true,
-	style: true
-};
-function pureAttrs(attrs, options = defaultOptions) {
-	const enableClass = options.class ?? defaultOptions.class;
-	const enableStyle = options.style ?? defaultOptions.style;
-	const newAttrs = { ...attrs };
-	if (enableClass) delete newAttrs.class;
-	if (enableStyle) delete newAttrs.style;
-	if (options.omits && options.omits.length > 0) return require_omit.omit(newAttrs, options.omits);
-	return newAttrs;
-}
-function getAttrStyleAndClass(attrs, options) {
-	return {
-		className: attrs.class,
-		style: attrs.style,
-		restAttrs: pureAttrs(attrs, options)
-	};
-}
-function getStylePxValue(value) {
-	if (typeof value === "number") return `${value}px`;
-	else if (typeof value === "string") {
-		const trimed = value.trim();
-		if (Number.isNaN(Number(trimed))) return trimed;
-		else return `${Number(trimed)}px`;
-	}
-	return value;
-}
-exports.filterEmpty = filterEmpty;
-exports.getAttrStyleAndClass = getAttrStyleAndClass;
-exports.getStylePxValue = getStylePxValue;

package/dist/util/dist/raf.cjs

@@ -1,36 +0,0 @@
-var raf = (callback) => +setTimeout(callback, 16);
-var caf = (num) => clearTimeout(num);
-if (typeof window !== "undefined" && "requestAnimationFrame" in window) {
-	raf = (callback) => window.requestAnimationFrame(callback);
-	caf = (handle) => window.cancelAnimationFrame(handle);
-}
-var rafUUID = 0;
-var rafIds = /* @__PURE__ */ new Map();
-function cleanup(id) {
-	rafIds.delete(id);
-}
-function wrapperRaf(callback, times = 1) {
-	rafUUID += 1;
-	const id = rafUUID;
-	function callRef(leftTimes) {
-		if (leftTimes === 0) {
-			cleanup(id);
-			callback();
-		} else {
-			const realId = raf(() => {
-				callRef(leftTimes - 1);
-			});
-			rafIds.set(id, realId);
-		}
-	}
-	callRef(times);
-	return id;
-}
-wrapperRaf.cancel = (id) => {
-	const realId = rafIds.get(id);
-	cleanup(id);
-	return caf(realId);
-};
-if (process.env.NODE_ENV !== "production") wrapperRaf.ids = () => rafIds;
-var raf_default = wrapperRaf;
-exports.raf_default = raf_default;

package/dist/util/dist/type.cjs

@@ -1,2 +0,0 @@
-var tuple = (...args) => args;
-exports.tuple = tuple;

package/dist/util/dist/utils/transition.cjs

@@ -1,21 +0,0 @@
-const require_type = require("../type.cjs");
-let vue = require("vue");
-require_type.tuple("bottomLeft", "bottomRight", "topLeft", "topRight");
-function getTransitionProps(transitionName, opt = {}) {
-	if (!transitionName) return {};
-	return transitionName ? {
-		name: transitionName,
-		appear: true,
-		enterFromClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
-		enterActiveClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
-		enterToClass: `${transitionName} ${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
-		leaveFromClass: `${transitionName} ${transitionName}-leave`,
-		leaveActiveClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
-		leaveToClass: `${transitionName} ${transitionName}-leave ${transitionName}-leave-active`,
-		...opt
-	} : {
-		css: false,
-		...opt
-	};
-}
-exports.getTransitionProps = getTransitionProps;

package/dist/util/dist/warning.cjs

@@ -1,37 +0,0 @@
-var warned = {};
-var preWarningFns = [];
-function preMessage(fn) {
-	preWarningFns.push(fn);
-}
-function warning(valid, message) {
-	if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-		const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "warning"), message);
-		if (finalMessage) console.error(`Warning: ${finalMessage}`);
-	}
-}
-function note(valid, message) {
-	if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
-		const finalMessage = preWarningFns.reduce((msg, preMessageFn) => preMessageFn(msg ?? "", "note"), message);
-		if (finalMessage) console.warn(`Note: ${finalMessage}`);
-	}
-}
-function resetWarned() {
-	warned = {};
-}
-function call(method, valid, message) {
-	if (!valid && !warned[message]) {
-		method(false, message);
-		warned[message] = true;
-	}
-}
-function warningOnce(valid, message) {
-	call(warning, valid, message);
-}
-function noteOnce(valid, message) {
-	call(note, valid, message);
-}
-warningOnce.preMessage = preMessage;
-warningOnce.resetWarned = resetWarned;
-warningOnce.noteOnce = noteOnce;
-var warning_default = warningOnce;
-exports.warning_default = warning_default;

package/dist/util.cjs

@@ -1,27 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function isImageValid(src) {
-	return new Promise((resolve) => {
-		if (!src) {
-			resolve(false);
-			return;
-		}
-		const isTestEnv = typeof process !== "undefined" && process.env.NODE_ENV === "test";
-		const isJSDomUA = typeof navigator !== "undefined" && /jsdom/i.test(navigator.userAgent);
-		if (isTestEnv || isJSDomUA) {
-			resolve(/^(https?:)?\/\//.test(src) || /^(data|blob):/.test(src) || src.startsWith("/") || src.startsWith("./") || src.startsWith("../"));
-			return;
-		}
-		const img = document.createElement("img");
-		img.onerror = () => resolve(false);
-		img.onload = () => resolve(true);
-		img.src = src;
-	});
-}
-function getClientSize() {
-	return {
-		width: document.documentElement.clientWidth,
-		height: window.innerHeight || document.documentElement.clientHeight
-	};
-}
-exports.getClientSize = getClientSize;
-exports.isImageValid = isImageValid;