@v-c/util 0.0.12 → 0.0.13

package/dist/utils/transition.js

@@ -1,91 +1,96 @@
-import { nextTick as v } from "vue";
-function a(e) {
-  return e !== void 0 && (e === "topLeft" || e === "topRight") ? "slide-down" : "slide-up";
+import { nextTick } from "vue";
+function getTransitionDirection(placement) {
+  if (placement !== void 0 && (placement === "topLeft" || placement === "topRight")) {
+    return `slide-down`;
+  }
+  return `slide-up`;
 }
-function c(e) {
-  const r = `${e}-appear ${e}-appear-prepare ${e}-appear-start`, p = `${e}-enter ${e}-enter-prepare ${e}-enter-start`;
-  return `${e} ${r} ${p}`;
-}
-function u(e) {
-  const r = `${e}-appear ${e}-appear-prepare ${e}-appear-active`, p = `${e}-enter ${e}-enter-prepare ${e}-enter-active`;
-  return `${e} ${r} ${p}`;
-}
-function t(e) {
-  const r = `${e}-appear ${e}-appear-active`, p = `${e}-enter ${e}-enter-active`;
-  return `${e} ${r} ${p}`;
-}
-function f(e, r = {}) {
-  return e ? e ? {
-    name: e,
-    appear: !0,
+function getTransitionProps(transitionName, opt = {}) {
+  if (!transitionName) {
+    return {};
+  }
+  const transitionProps = transitionName ? {
+    name: transitionName,
+    appear: true,
     // type: 'animation',
     // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
     // appearActiveClass: `antdv-base-transtion`,
     // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
-    enterFromClass: c(e),
-    enterActiveClass: u(e),
-    enterToClass: t(e),
-    leaveFromClass: `${e} ${e}-leave`,
-    leaveActiveClass: `${e} ${e}-leave ${e}-leave-active`,
-    leaveToClass: `${e} ${e}-leave ${e}-leave-active`,
-    ...r
-  } : { css: !1, ...r } : {};
+    enterFromClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare ${transitionName}-enter-start`,
+    enterActiveClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-prepare ${transitionName}-enter-prepare `,
+    enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
+    leaveFromClass: ` ${transitionName}-leave`,
+    leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
+    leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
+    ...opt
+  } : { css: false, ...opt };
+  return transitionProps;
 }
-function g(e, r = {}) {
-  return e ? {
-    name: e,
-    appear: !0,
+function getTransitionGroupProps(transitionName, opt = {}) {
+  const transitionProps = transitionName ? {
+    name: transitionName,
+    appear: true,
     // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
-    appearActiveClass: `${e}`,
-    appearToClass: `${e}-appear ${e}-appear-active`,
-    enterFromClass: `${e}-appear ${e}-enter ${e}-appear-prepare ${e}-enter-prepare`,
-    enterActiveClass: `${e}`,
-    enterToClass: `${e}-enter ${e}-appear ${e}-appear-active ${e}-enter-active`,
-    leaveActiveClass: `${e} ${e}-leave`,
-    leaveToClass: `${e}-leave-active`,
-    ...r
-  } : { css: !1, ...r };
+    appearActiveClass: `${transitionName}`,
+    appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
+    enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
+    enterActiveClass: `${transitionName}`,
+    enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
+    leaveActiveClass: `${transitionName} ${transitionName}-leave`,
+    leaveToClass: `${transitionName}-leave-active`,
+    ...opt
+  } : { css: false, ...opt };
+  return transitionProps;
 }
-const l = () => ({ height: 0, opacity: 0 }), o = (e) => ({
-  height: `${e.scrollHeight}px`,
+const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
+const getRealHeight = (node) => ({
+  height: `${node.scrollHeight}px`,
   opacity: 1
-}), s = (e) => ({ height: `${e.offsetHeight}px` });
-function h(e = "ant-motion-collapse", r, p) {
+});
+const getCurrentHeight = (node) => ({ height: `${node.offsetHeight}px` });
+function collapseMotion(name = "ant-motion-collapse", style, className) {
   return {
-    name: e,
-    appear: !0,
-    css: !0,
-    onBeforeEnter: ($) => {
-      p.value = e, r.value = l();
+    name,
+    appear: true,
+    css: true,
+    onBeforeEnter: (node) => {
+      className.value = name;
+      style.value = getCollapsedHeight();
     },
-    onEnter: ($) => {
-      v(() => {
-        r.value = o($);
+    onEnter: (node) => {
+      nextTick(() => {
+        style.value = getRealHeight(node);
       });
     },
     onAfterEnter: () => {
-      p.value = "", r.value = {};
+      className.value = "";
+      style.value = {};
     },
-    onBeforeLeave: ($) => {
-      p.value = e, r.value = s($);
+    onBeforeLeave: (node) => {
+      className.value = name;
+      style.value = getCurrentHeight(node);
     },
-    onLeave: ($) => {
+    onLeave: (node) => {
       setTimeout(() => {
-        r.value = l();
+        style.value = getCollapsedHeight();
       });
     },
     onAfterLeave: () => {
-      p.value = "", r.value = {};
+      className.value = "";
+      style.value = {};
     }
   };
 }
-function T(e, r, p) {
-  return p !== void 0 ? p : `${e}-${r}`;
+function getTransitionName(rootPrefixCls, motion, transitionName) {
+  if (transitionName !== void 0) {
+    return transitionName;
+  }
+  return `${rootPrefixCls}-${motion}`;
 }
 export {
-  h as collapseMotion,
-  a as getTransitionDirection,
-  g as getTransitionGroupProps,
-  T as getTransitionName,
-  f as getTransitionProps
+  collapseMotion,
+  getTransitionDirection,
+  getTransitionGroupProps,
+  getTransitionName,
+  getTransitionProps
 };

package/dist/utils/watchState.cjs

@@ -1 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(){let t=[];return(r,e)=>(t=JSON.stringify(e),r(e,t))}function n(){let t=!1;return(r,e)=>{if(!t)return t=!0,r(e)}}exports.renderFirstTrigger=n;exports.watchState=i;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function watchState() {
+  let states = [];
+  return (fn, args) => {
+    states = JSON.stringify(args);
+    return fn(args, states);
+  };
+}
+function renderFirstTrigger() {
+  let triggered = false;
+  return (fn, args) => {
+    if (!triggered) {
+      triggered = true;
+      return fn(args);
+    }
+  };
+}
+exports.renderFirstTrigger = renderFirstTrigger;
+exports.watchState = watchState;

package/dist/utils/watchState.js

@@ -1,15 +1,20 @@
-function n() {
-  let t = [];
-  return (e, r) => (t = JSON.stringify(r), e(r, t));
+function watchState() {
+  let states = [];
+  return (fn, args) => {
+    states = JSON.stringify(args);
+    return fn(args, states);
+  };
 }
-function i() {
-  let t = !1;
-  return (e, r) => {
-    if (!t)
-      return t = !0, e(r);
+function renderFirstTrigger() {
+  let triggered = false;
+  return (fn, args) => {
+    if (!triggered) {
+      triggered = true;
+      return fn(args);
+    }
   };
 }
 export {
-  i as renderFirstTrigger,
-  n as watchState
+  renderFirstTrigger,
+  watchState
 };

package/dist/vnode.cjs

@@ -1 +1,56 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),a=require("./props-util/index.cjs"),f=require("./warning.cjs");function s(e,r={},n=!0,u=!1){let t=e;if(Array.isArray(e)&&(t=a.filterEmpty(e)[0]),!t)return null;const i=o.cloneVNode(t,r,u);return i.props=n?{...i.props,...r}:i.props,f.warningOnce(typeof i.props.class!="object","class must be string"),i}function p(e,r={},n=!0){return e.map(u=>s(u,r,n))}function l(e,r={},n=!0,u=!1){if(Array.isArray(e))return e.map(t=>l(t,r,n,u));{if(!o.isVNode(e))return e;const t=s(e,r,n,u);return Array.isArray(t.children)&&(t.children=l(t.children)),t}}function d(e,r,n){o.render(o.cloneVNode(e,{...r}),n)}function c(e){return(e||[]).some(r=>o.isVNode(r)?!(r.type===o.Comment||r.type===o.Fragment&&!c(r.children)):!0)?e:null}function m(e,r,n,u){const t=e[r]?.(n);return c(t)?t:u?.()}exports.cloneElement=s;exports.cloneVNodes=p;exports.customRenderSlot=m;exports.deepCloneElement=l;exports.triggerVNodeUpdate=d;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const index = require("./props-util/index.cjs");
+const warning = require("./warning.cjs");
+function cloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
+  let ele = vnode;
+  if (Array.isArray(vnode))
+    ele = index.filterEmpty(vnode)[0];
+  if (!ele)
+    return null;
+  const node = vue.cloneVNode(ele, nodeProps, mergeRef);
+  node.props = override ? { ...node.props, ...nodeProps } : node.props;
+  warning.warningOnce(typeof node.props.class !== "object", "class must be string");
+  return node;
+}
+function cloneVNodes(vnodes, nodeProps = {}, override = true) {
+  return vnodes.map((vnode) => cloneElement(vnode, nodeProps, override));
+}
+function deepCloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
+  if (Array.isArray(vnode)) {
+    return vnode.map((item) => deepCloneElement(item, nodeProps, override, mergeRef));
+  } else {
+    if (!vue.isVNode(vnode))
+      return vnode;
+    const cloned = cloneElement(vnode, nodeProps, override, mergeRef);
+    if (Array.isArray(cloned.children))
+      cloned.children = deepCloneElement(cloned.children);
+    return cloned;
+  }
+}
+function triggerVNodeUpdate(vm, attrs, dom) {
+  vue.render(vue.cloneVNode(vm, { ...attrs }), dom);
+}
+function ensureValidVNode(slot) {
+  return (slot || []).some((child) => {
+    if (!vue.isVNode(child))
+      return true;
+    if (child.type === vue.Comment)
+      return false;
+    if (child.type === vue.Fragment && !ensureValidVNode(child.children))
+      return false;
+    return true;
+  }) ? slot : null;
+}
+function customRenderSlot(slots, name, props, fallback) {
+  const slot = slots[name]?.(props);
+  if (ensureValidVNode(slot))
+    return slot;
+  return fallback?.();
+}
+exports.cloneElement = cloneElement;
+exports.cloneVNodes = cloneVNodes;
+exports.customRenderSlot = customRenderSlot;
+exports.deepCloneElement = deepCloneElement;
+exports.triggerVNodeUpdate = triggerVNodeUpdate;

package/dist/vnode.js

@@ -1,40 +1,56 @@
-import { cloneVNode as l, isVNode as s, render as a, Comment as p, Fragment as m } from "vue";
-import { filterEmpty as y } from "./props-util/index.js";
-import { warningOnce as A } from "./warning.js";
-function f(r, e = {}, n = !0, u = !1) {
-  let t = r;
-  if (Array.isArray(r) && (t = y(r)[0]), !t)
+import { cloneVNode, isVNode, render, Comment, Fragment } from "vue";
+import { filterEmpty } from "./props-util/index.js";
+import { warningOnce } from "./warning.js";
+function cloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
+  let ele = vnode;
+  if (Array.isArray(vnode))
+    ele = filterEmpty(vnode)[0];
+  if (!ele)
     return null;
-  const i = l(t, e, u);
-  return i.props = n ? { ...i.props, ...e } : i.props, A(typeof i.props.class != "object", "class must be string"), i;
+  const node = cloneVNode(ele, nodeProps, mergeRef);
+  node.props = override ? { ...node.props, ...nodeProps } : node.props;
+  warningOnce(typeof node.props.class !== "object", "class must be string");
+  return node;
 }
-function g(r, e = {}, n = !0) {
-  return r.map((u) => f(u, e, n));
+function cloneVNodes(vnodes, nodeProps = {}, override = true) {
+  return vnodes.map((vnode) => cloneElement(vnode, nodeProps, override));
 }
-function o(r, e = {}, n = !0, u = !1) {
-  if (Array.isArray(r))
-    return r.map((t) => o(t, e, n, u));
-  {
-    if (!s(r))
-      return r;
-    const t = f(r, e, n, u);
-    return Array.isArray(t.children) && (t.children = o(t.children)), t;
+function deepCloneElement(vnode, nodeProps = {}, override = true, mergeRef = false) {
+  if (Array.isArray(vnode)) {
+    return vnode.map((item) => deepCloneElement(item, nodeProps, override, mergeRef));
+  } else {
+    if (!isVNode(vnode))
+      return vnode;
+    const cloned = cloneElement(vnode, nodeProps, override, mergeRef);
+    if (Array.isArray(cloned.children))
+      cloned.children = deepCloneElement(cloned.children);
+    return cloned;
   }
 }
-function E(r, e, n) {
-  a(l(r, { ...e }), n);
+function triggerVNodeUpdate(vm, attrs, dom) {
+  render(cloneVNode(vm, { ...attrs }), dom);
 }
-function c(r) {
-  return (r || []).some((e) => s(e) ? !(e.type === p || e.type === m && !c(e.children)) : !0) ? r : null;
+function ensureValidVNode(slot) {
+  return (slot || []).some((child) => {
+    if (!isVNode(child))
+      return true;
+    if (child.type === Comment)
+      return false;
+    if (child.type === Fragment && !ensureValidVNode(child.children))
+      return false;
+    return true;
+  }) ? slot : null;
 }
-function b(r, e, n, u) {
-  const t = r[e]?.(n);
-  return c(t) ? t : u?.();
+function customRenderSlot(slots, name, props, fallback) {
+  const slot = slots[name]?.(props);
+  if (ensureValidVNode(slot))
+    return slot;
+  return fallback?.();
 }
 export {
-  f as cloneElement,
-  g as cloneVNodes,
-  b as customRenderSlot,
-  o as deepCloneElement,
-  E as triggerVNodeUpdate
+  cloneElement,
+  cloneVNodes,
+  customRenderSlot,
+  deepCloneElement,
+  triggerVNodeUpdate
 };

package/dist/vueuse/unref-element.cjs

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");function r(t){const e=n.toValue(t);return e?.$el??e}exports.unrefElement=r;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function unrefElement(elRef) {
+  const plain = vue.toValue(elRef);
+  return plain?.$el ?? plain;
+}
+exports.unrefElement = unrefElement;

package/dist/vueuse/unref-element.js

@@ -1,8 +1,8 @@
-import { toValue as t } from "vue";
-function r(n) {
-  const e = t(n);
-  return e?.$el ?? e;
+import { toValue } from "vue";
+function unrefElement(elRef) {
+  const plain = toValue(elRef);
+  return plain?.$el ?? plain;
 }
 export {
-  r as unrefElement
+  unrefElement
 };

package/dist/warning.cjs

@@ -1 +1,53 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});let i={};const s=[];function u(e){s.push(e)}function l(e,n){if(process.env.NODE_ENV!=="production"&&!e&&console!==void 0){const o=s.reduce((t,c)=>c(t??"","warning"),n);o&&console.error(`Warning: ${o}`)}}function f(e,n){if(process.env.NODE_ENV!=="production"&&!e&&console!==void 0){const o=s.reduce((t,c)=>c(t??"","note"),n);o&&console.warn(`Note: ${o}`)}}function d(){i={}}function a(e,n,o){!n&&!i[o]&&(e(!1,o),i[o]=!0)}function r(e,n){a(l,e,n)}function g(e,n){a(f,e,n)}r.preMessage=u;r.resetWarned=d;r.noteOnce=g;exports.call=a;exports.default=r;exports.note=f;exports.noteOnce=g;exports.preMessage=u;exports.resetWarned=d;exports.warning=l;exports.warningOnce=r;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+let warned = {};
+const 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;
+exports.call = call;
+exports.default = warningOnce;
+exports.note = note;
+exports.noteOnce = noteOnce;
+exports.preMessage = preMessage;
+exports.resetWarned = resetWarned;
+exports.warning = warning;
+exports.warningOnce = warningOnce;

package/dist/warning.js

@@ -1,48 +1,53 @@
-let i = {};
-const t = [];
-function f(n) {
-  t.push(n);
+let warned = {};
+const preWarningFns = [];
+function preMessage(fn) {
+  preWarningFns.push(fn);
 }
-function u(n, e) {
-  if (process.env.NODE_ENV !== "production" && !n && console !== void 0) {
-    const o = t.reduce(
-      (r, c) => c(r ?? "", "warning"),
-      e
+function warning(valid, message) {
+  if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
+    const finalMessage = preWarningFns.reduce(
+      (msg, preMessageFn) => preMessageFn(msg ?? "", "warning"),
+      message
     );
-    o && console.error(`Warning: ${o}`);
+    if (finalMessage)
+      console.error(`Warning: ${finalMessage}`);
   }
 }
-function l(n, e) {
-  if (process.env.NODE_ENV !== "production" && !n && console !== void 0) {
-    const o = t.reduce(
-      (r, c) => c(r ?? "", "note"),
-      e
+function note(valid, message) {
+  if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
+    const finalMessage = preWarningFns.reduce(
+      (msg, preMessageFn) => preMessageFn(msg ?? "", "note"),
+      message
     );
-    o && console.warn(`Note: ${o}`);
+    if (finalMessage)
+      console.warn(`Note: ${finalMessage}`);
   }
 }
-function d() {
-  i = {};
+function resetWarned() {
+  warned = {};
 }
-function a(n, e, o) {
-  !e && !i[o] && (n(!1, o), i[o] = !0);
+function call(method, valid, message) {
+  if (!valid && !warned[message]) {
+    method(false, message);
+    warned[message] = true;
+  }
 }
-function s(n, e) {
-  a(u, n, e);
+function warningOnce(valid, message) {
+  call(warning, valid, message);
 }
-function p(n, e) {
-  a(l, n, e);
+function noteOnce(valid, message) {
+  call(note, valid, message);
 }
-s.preMessage = f;
-s.resetWarned = d;
-s.noteOnce = p;
+warningOnce.preMessage = preMessage;
+warningOnce.resetWarned = resetWarned;
+warningOnce.noteOnce = noteOnce;
 export {
-  a as call,
-  s as default,
-  l as note,
-  p as noteOnce,
-  f as preMessage,
-  d as resetWarned,
-  u as warning,
-  s as warningOnce
+  call,
+  warningOnce as default,
+  note,
+  noteOnce,
+  preMessage,
+  resetWarned,
+  warning,
+  warningOnce
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/util",
   "type": "module",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "Vue3 components utils",
   "publishConfig": {
     "access": "public"