@king-one/antdv 1.2.21 → 2.0.0

package/dist/es/components/scroll-bar/src/types.mjs

@@ -1,4 +1,4 @@
-const o = {
+const scrollbarProps = {
   container: Function,
   content: Function,
   onScroll: Function,
@@ -9,5 +9,5 @@ const o = {
   }
 };
 export {
-  o as scrollbarProps
+  scrollbarProps
 };

package/dist/es/components/utils/install.mjs

@@ -1,21 +1,23 @@
-const i = "K";
-function c(t) {
-  return t.install = (n) => {
-    const e = t;
-    n.component(i + e.name, e);
-  }, t;
+const defaultNamePrefix = "K";
+function withInstall(main) {
+  ;
+  main.install = (app) => {
+    const comp = main;
+    app.component(defaultNamePrefix + comp.name, comp);
+  };
+  return main;
 }
-function o(t, n) {
+function withInstallDirectives(main, name) {
   return {
-    install: (e) => {
-      e.directive(n, t);
+    install: (app) => {
+      app.directive(name, main);
     },
-    directive: t
+    directive: main
   };
 }
-const r = (t) => t;
+const definePropType = (val) => val;
 export {
-  r as definePropType,
-  c as withInstall,
-  o as withInstallDirectives
+  definePropType,
+  withInstall,
+  withInstallDirectives
 };

package/dist/es/hooks/index.mjs

@@ -1,7 +1,5 @@
-import { useProForm as e, useProFormInit as m } from "./useProForm.mjs";
-import { useModelValue as s } from "./useModelValue.mjs";
+import { useProForm, useProFormInit } from "./useProForm.mjs";
 export {
-  s as useModelValue,
-  e as useProForm,
-  m as useProFormInit
+  useProForm,
+  useProFormInit
 };

package/dist/es/hooks/use-namespace/index.mjs

@@ -1,49 +1,80 @@
-import { getCurrentInstance as p, inject as N, ref as v, computed as V, unref as y } from "vue";
-const m = "king", i = "is-";
-function c(t, r, n, o, $) {
-  let u = `${t}-${r}`;
-  return n && (u += `-${n}`), o && (u += `__${o}`), $ && (u += `--${$}`), u;
+import { getCurrentInstance, inject, ref, computed, unref } from "vue";
+const defaultNamespace = "king";
+const statePrefix = "is-";
+function _bem(namespace, block, blockSuffix, element, modifier) {
+  let cls = `${namespace}-${block}`;
+  if (blockSuffix) {
+    cls += `-${blockSuffix}`;
+  }
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
 }
-const l = Symbol("namespaceContextKey");
-function B(t) {
-  const r = t || (p() ? N(l, v(m)) : v(m));
-  return V(() => y(r) || m);
+const namespaceContextKey = Symbol("namespaceContextKey");
+function useGetDerivedNamespace(namespaceOverrides) {
+  const derivedNamespace = namespaceOverrides || (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
+  const namespace = computed(() => {
+    return unref(derivedNamespace) || defaultNamespace;
+  });
+  return namespace;
 }
-function d(t, r) {
-  const n = B(r);
+function useNamespace(block, namespaceOverrides) {
+  const namespace = useGetDerivedNamespace(namespaceOverrides);
+  const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
+  const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
+  const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
+  const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
+  const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
+  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
+  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
+  const is = (name, ...args) => {
+    const state = args.length >= 1 ? args[0] : true;
+    return name && state ? `${statePrefix}${name}` : "";
+  };
+  const cssVar = (object) => {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[`--${namespace.value}-${key}`] = object[key];
+      }
+    }
+    return styles;
+  };
+  const cssVarBlock = (object) => {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[`--${namespace.value}-${block}-${key}`] = object[key];
+      }
+    }
+    return styles;
+  };
+  const cssVarName = (name) => `--${namespace.value}-${name}`;
+  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
   return {
-    namespace: n,
-    b: (s = "") => c(n.value, t, s, "", ""),
-    e: (s) => s ? c(n.value, t, "", s, "") : "",
-    m: (s) => s ? c(n.value, t, "", "", s) : "",
-    be: (s, e) => s && e ? c(n.value, t, s, e, "") : "",
-    em: (s, e) => s && e ? c(n.value, t, "", s, e) : "",
-    bm: (s, e) => s && e ? c(n.value, t, s, "", e) : "",
-    bem: (s, e, a) => s && e && a ? c(n.value, t, s, e, a) : "",
-    is: (s, ...e) => {
-      const a = e.length >= 1 ? e[0] : !0;
-      return s && a ? `${i}${s}` : "";
-    },
+    namespace,
+    b,
+    e,
+    m,
+    be,
+    em,
+    bm,
+    bem,
+    is,
     // css
-    cssVar: (s) => {
-      const e = {};
-      for (const a in s)
-        s[a] && (e[`--${n.value}-${a}`] = s[a]);
-      return e;
-    },
-    cssVarName: (s) => `--${n.value}-${s}`,
-    cssVarBlock: (s) => {
-      const e = {};
-      for (const a in s)
-        s[a] && (e[`--${n.value}-${t}-${a}`] = s[a]);
-      return e;
-    },
-    cssVarBlockName: (s) => `--${n.value}-${t}-${s}`
+    cssVar,
+    cssVarName,
+    cssVarBlock,
+    cssVarBlockName
   };
 }
 export {
-  m as defaultNamespace,
-  l as namespaceContextKey,
-  B as useGetDerivedNamespace,
-  d as useNamespace
+  defaultNamespace,
+  namespaceContextKey,
+  useGetDerivedNamespace,
+  useNamespace
 };

package/dist/es/hooks/useProForm.mjs

@@ -1,35 +1,50 @@
-import { cloneDeep as i } from "lodash-es";
-import { ref as a, getCurrentInstance as u, unref as l } from "vue";
-function d(o) {
-  const t = a(o), m = a(), n = u(), e = (s) => {
-    t.value = i(s);
-  }, r = () => {
-    var s;
-    t.value = o, (s = m.value) == null || s.resetFields();
-  }, c = {
-    setFormData: e
+import { cloneDeep } from "lodash-es";
+import { ref, getCurrentInstance, unref } from "vue";
+function useProForm(init) {
+  const ruleForm = ref(init);
+  const formRef = ref();
+  const currentInstance = getCurrentInstance();
+  const setFormData = (data) => {
+    ruleForm.value = cloneDeep(data);
   };
-  return n && (n == null || n.emit("initForm", c)), {
-    ruleForm: t,
-    formRef: m,
-    resetForm: r
+  const resetForm = () => {
+    var _a;
+    ruleForm.value = init;
+    (_a = formRef.value) == null ? void 0 : _a.resetFields();
+  };
+  const modalMethods = {
+    setFormData
+  };
+  if (currentInstance) {
+    currentInstance == null ? void 0 : currentInstance.emit("initForm", modalMethods);
+  }
+  return {
+    ruleForm,
+    formRef,
+    resetForm
   };
 }
-function v() {
-  const o = a(null), t = () => {
-    const e = l(o.value);
-    return e || console.error("useModal instance is undefined!"), e;
+function useProFormInit() {
+  const modalRef = ref(null);
+  const getInstance = () => {
+    const instance = unref(modalRef.value);
+    if (!instance) {
+      console.error("useModal instance is undefined!");
+    }
+    return instance;
   };
-  return [(e) => {
-    o.value = e;
-  }, {
-    setFormData: (e) => {
-      var r;
-      return (r = t()) == null ? void 0 : r.setFormData(e);
+  const initForm = (modalInstance) => {
+    modalRef.value = modalInstance;
+  };
+  const methods = {
+    setFormData: (data) => {
+      var _a;
+      return (_a = getInstance()) == null ? void 0 : _a.setFormData(data);
     }
-  }];
+  };
+  return [initForm, methods];
 }
 export {
-  d as useProForm,
-  v as useProFormInit
+  useProForm,
+  useProFormInit
 };

package/dist/es/index.mjs

@@ -1,111 +1,93 @@
-import o from "./installer.mjs";
+import plugin from "./installer.mjs";
 import "./components/index.mjs";
 import "./hooks/index.mjs";
-import { collapseProps as f } from "./components/collapse-transtion/src/types.mjs";
-import { KCollapseTranstion as x } from "./components/collapse-transtion/index.mjs";
-import { useProModal as s, useProModalInit as a } from "./components/pro-modal/hooks/useProModal.mjs";
-import { KProModal as c } from "./components/pro-modal/index.mjs";
-import { TitleProps as K } from "./components/pro-title/src/types.mjs";
-import { KProTitle as u } from "./components/pro-title/index.mjs";
-import { scrollbarProps as T } from "./components/scroll-bar/src/types.mjs";
-import { KScrollBar as g } from "./components/scroll-bar/index.mjs";
-import { CoverScrollbarProps as C } from "./components/cover-scroll-bar/src/types.mjs";
-import { KCoverScrollBar as _ } from "./components/cover-scroll-bar/index.mjs";
-import { KScaleVirtualList as v } from "./components/scale-virtual-list/index.mjs";
-import { proTagProps as b } from "./components/pro-tag/src/types.mjs";
-import { KProTag as L } from "./components/pro-tag/index.mjs";
-import { PickerApiEnum as O, ProPickerProps as V } from "./components/pro-picker/src/types.mjs";
-import { KProPicker as y } from "./components/pro-picker/index.mjs";
-import { ProAreaProps as B } from "./components/pro-area/src/types.mjs";
-import { useProArea as F } from "./components/pro-area/hooks/use-pro-area.mjs";
-import { KProArea as h } from "./components/pro-area/index.mjs";
-import { ProSignatureProps as q } from "./components/pro-signature/src/types.mjs";
-import { KProSignature as H } from "./components/pro-signature/index.mjs";
-import { useProTable as Q } from "./components/pro-table/hooks/use-pro-table.mjs";
-import { KProTable as X } from "./components/pro-table/index.mjs";
-import { KIcon as Z } from "./components/icon/index.mjs";
-import { UploadContextKey as rr } from "./components/pro-upload/src/types.mjs";
-import { useUpload as er } from "./components/pro-upload/src/hooks/useUpload.mjs";
-import { KProUpload as pr } from "./components/pro-upload/index.mjs";
-import { useProContractView as fr } from "./components/pro-contract-view/hooks/use-contract-view.mjs";
-import { KProContractView as xr } from "./components/pro-contract-view/index.mjs";
-import { default as sr } from "./components/pro-loading/src/pro-loading.mjs";
-import { KPlusUpload as ir } from "./components/plus-upload/index.mjs";
-import { KProOverlay as nr } from "./components/pro-overlay/index.mjs";
-import { onSignConfirm as Sr, onSignInit as ur, onSignSuccess as dr } from "./components/pro-sign/src/effects/onEffects.mjs";
-import { initProSign as Ur } from "./components/pro-sign/src/core/index.mjs";
-import { useProSign as Er } from "./components/pro-sign/src/hook/useProSign.mjs";
-import { KProSign as Rr } from "./components/pro-sign/index.mjs";
-import { GTE_ORGTREE_URL as Ar, UserSelectorProps as vr, selectUserContextKey as Ir } from "./components/pro-selector/src/types.mjs";
-import { useUserSelector as Gr } from "./components/pro-selector/src/hooks/useUserSelector.mjs";
-import { KUserSelector as Mr } from "./components/pro-selector/index.mjs";
-import { default as Vr } from "./components/pro-selector/src/pro-user.mjs";
-import { KProUserAvatar as yr, KUserAvatar as wr } from "./components/pro-user-avatar/index.mjs";
-import { GTE_OPTIONS_URL as Dr, roleSelectorEmits as Fr, roleSelectorProps as Nr } from "./components/role-selector/src/types.mjs";
-import { KProRoleSelector as jr, KRoleSelector as qr } from "./components/role-selector/index.mjs";
-import { GET_DEPT_TREE_URL as Hr, deptSelectorEmits as Jr, deptSelectorProps as Qr } from "./components/dept-selector/src/types.mjs";
-import { KDeptSelector as Xr } from "./components/dept-selector/index.mjs";
-import { useProForm as Zr, useProFormInit as $r } from "./hooks/useProForm.mjs";
-import { useModelValue as oo } from "./hooks/useModelValue.mjs";
+import { definePropType, formItemProps } from "./components/form/component/form.mjs";
+import { KForm, KFormItem } from "./components/form/index.mjs";
+import { collapseProps } from "./components/collapse-transtion/src/types.mjs";
+import { KCollapseTranstion } from "./components/collapse-transtion/index.mjs";
+import { useProModal, useProModalInit } from "./components/pro-modal/hooks/useProModal.mjs";
+import { KProModal } from "./components/pro-modal/index.mjs";
+import { TitleProps } from "./components/pro-title/src/types.mjs";
+import { KProTitle } from "./components/pro-title/index.mjs";
+import { scrollbarProps } from "./components/scroll-bar/src/types.mjs";
+import { KScrollBar } from "./components/scroll-bar/index.mjs";
+import { CoverScrollbarProps } from "./components/cover-scroll-bar/src/types.mjs";
+import { KCoverScrollBar } from "./components/cover-scroll-bar/index.mjs";
+import { KScaleVirtualList } from "./components/scale-virtual-list/index.mjs";
+import { proTagProps } from "./components/pro-tag/src/types.mjs";
+import { KProTag } from "./components/pro-tag/index.mjs";
+import { PickerApiEnum, ProPickerProps } from "./components/pro-picker/src/types.mjs";
+import { KProPicker } from "./components/pro-picker/index.mjs";
+import { ProAreaProps } from "./components/pro-area/src/types.mjs";
+import { useProArea } from "./components/pro-area/hooks/use-pro-area.mjs";
+import { KProArea } from "./components/pro-area/index.mjs";
+import { ProSignatureProps } from "./components/pro-signature/src/types.mjs";
+import { KProSignature } from "./components/pro-signature/index.mjs";
+import { useProTable } from "./components/pro-table/hooks/use-pro-table.mjs";
+import { KProTable } from "./components/pro-table/index.mjs";
+import { KIcon } from "./components/icon/index.mjs";
+import { useUpload } from "./components/pro-upload/src/hooks/useUpload.mjs";
+import { KProUpload } from "./components/pro-upload/index.mjs";
+import { useProContractView } from "./components/pro-contract-view/hooks/use-contract-view.mjs";
+import { KProContractView } from "./components/pro-contract-view/index.mjs";
+import { default as default2 } from "./components/pro-loading/src/pro-loading.mjs";
+import { KPlusUpload } from "./components/plus-upload/index.mjs";
+import { KProOverlay } from "./components/pro-overlay/index.mjs";
+import { onSignConfirm, onSignInit, onSignSuccess } from "./components/pro-sign/src/effects/onEffects.mjs";
+import { initProSign } from "./components/pro-sign/src/core/index.mjs";
+import { useProSign } from "./components/pro-sign/src/hook/useProSign.mjs";
+import { KProSign } from "./components/pro-sign/index.mjs";
+import { useUserSelector } from "./components/pro-selector/src/hooks/useUserSelector.mjs";
+import { default as default3 } from "./components/pro-selector/src/pro-user.mjs";
+import { KUserAvatar } from "./components/pro-user-avatar/index.mjs";
+import { useProForm, useProFormInit } from "./hooks/useProForm.mjs";
 export {
-  C as CoverScrollbarProps,
-  Hr as GET_DEPT_TREE_URL,
-  Dr as GTE_OPTIONS_URL,
-  Ar as GTE_ORGTREE_URL,
-  x as KCollapseTranstion,
-  _ as KCoverScrollBar,
-  Xr as KDeptSelector,
-  Z as KIcon,
-  ir as KPlusUpload,
-  h as KProArea,
-  xr as KProContractView,
-  c as KProModal,
-  nr as KProOverlay,
-  y as KProPicker,
-  jr as KProRoleSelector,
-  Rr as KProSign,
-  H as KProSignature,
-  X as KProTable,
-  L as KProTag,
-  u as KProTitle,
-  pr as KProUpload,
-  yr as KProUserAvatar,
-  sr as KProloading,
-  qr as KRoleSelector,
-  v as KScaleVirtualList,
-  g as KScrollBar,
-  wr as KUserAvatar,
-  Mr as KUserSelector,
-  O as PickerApiEnum,
-  B as ProAreaProps,
-  V as ProPickerProps,
-  q as ProSignatureProps,
-  Vr as ProUserSelector,
-  K as TitleProps,
-  rr as UploadContextKey,
-  vr as UserSelectorProps,
-  f as collapseProps,
-  o as default,
-  Jr as deptSelectorEmits,
-  Qr as deptSelectorProps,
-  Ur as initProSign,
-  Sr as onSignConfirm,
-  ur as onSignInit,
-  dr as onSignSuccess,
-  b as proTagProps,
-  Fr as roleSelectorEmits,
-  Nr as roleSelectorProps,
-  T as scrollbarProps,
-  Ir as selectUserContextKey,
-  oo as useModelValue,
-  F as useProArea,
-  fr as useProContractView,
-  Zr as useProForm,
-  $r as useProFormInit,
-  s as useProModal,
-  a as useProModalInit,
-  Er as useProSign,
-  Q as useProTable,
-  er as useUpload,
-  Gr as useUserSelector
+  CoverScrollbarProps,
+  KCollapseTranstion,
+  KCoverScrollBar,
+  KForm,
+  KFormItem,
+  KIcon,
+  KPlusUpload,
+  KProArea,
+  KProContractView,
+  KProModal,
+  KProOverlay,
+  KProPicker,
+  KProSign,
+  KProSignature,
+  KProTable,
+  KProTag,
+  KProTitle,
+  KProUpload,
+  default2 as KProloading,
+  KScaleVirtualList,
+  KScrollBar,
+  KUserAvatar,
+  PickerApiEnum,
+  ProAreaProps,
+  ProPickerProps,
+  ProSignatureProps,
+  default3 as ProUserSelector,
+  TitleProps,
+  collapseProps,
+  plugin as default,
+  definePropType,
+  formItemProps,
+  initProSign,
+  onSignConfirm,
+  onSignInit,
+  onSignSuccess,
+  proTagProps,
+  scrollbarProps,
+  useProArea,
+  useProContractView,
+  useProForm,
+  useProFormInit,
+  useProModal,
+  useProModalInit,
+  useProSign,
+  useProTable,
+  useUpload,
+  useUserSelector
 };

package/dist/es/installer.mjs

@@ -1,13 +1,13 @@
 import "./components/index.mjs";
-import { KProPicker as n } from "./components/pro-picker/index.mjs";
-const r = [n];
-function c(o) {
-  r.forEach((t) => o.use(t));
+import { KForm } from "./components/form/index.mjs";
+const component = [KForm];
+function install(app) {
+  component.forEach((i) => app.use(i));
 }
-const p = {
-  install: c
+const plugin = {
+  install
 };
 export {
-  p as default,
-  c as install
+  plugin as default,
+  install
 };

package/dist/lib/components/base/style/index.js

@@ -1 +1,2 @@
-"use strict";require("@king-one/antdv/dist/theme-chalk/base.css");
+"use strict";
+require("@king-one/antdv/dist/theme-chalk/base.css");

package/dist/lib/components/collapse-transtion/hooks/use-collapse-transtion.js

@@ -1 +1,134 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom}function a(t){t.style.maxWidth="",t.style.overflow=t.dataset.oldOverflow,t.style.paddingLeft=t.dataset.oldPaddingLeft,t.style.paddingRight=t.dataset.oldPaddingRight}const e={beforeEnter(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.style.height&&(t.dataset.elExistsHeight=t.style.height),t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0},enter(t){requestAnimationFrame(()=>{t.dataset.oldOverflow=t.style.overflow,t.dataset.elExistsHeight?t.style.maxHeight=t.dataset.elExistsHeight:t.scrollHeight!==0?t.style.maxHeight=`${t.scrollHeight}px`:t.style.maxHeight=0,t.style.paddingTop=t.dataset.oldPaddingTop,t.style.paddingBottom=t.dataset.oldPaddingBottom,t.style.overflow="hidden"})},afterEnter(t){t.style.maxHeight="",t.style.overflow=t.dataset.oldOverflow},enterCancelled(t){d(t)},beforeLeave(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingBottom=t.style.paddingBottom,t.dataset.oldOverflow=t.style.overflow,t.style.maxHeight=`${t.scrollHeight}px`,t.style.overflow="hidden"},leave(t){t.scrollHeight!==0&&(t.style.maxHeight=0,t.style.paddingTop=0,t.style.paddingBottom=0)},afterLeave(t){d(t)},leaveCancelled(t){d(t)}},s={beforeEnter(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingLeft=t.style.paddingLeft,t.dataset.oldPaddingRight=t.style.paddingRight,t.style.width&&(t.dataset.elExistsWidth=t.style.width),t.style.maxWidth=0,t.style.paddingLeft=0,t.style.paddingRight=0},enter(t){requestAnimationFrame(()=>{t.dataset.oldOverflow=t.style.overflow,t.dataset.elExistsWidth?t.style.maxWidth=t.dataset.elExistsWidth:t.scrollWidth!==0?t.style.maxWidth=`${t.scrollWidth}px`:t.style.maxWidth=0,t.style.paddingLeft=t.dataset.oldPaddingLeft,t.style.paddingRight=t.dataset.oldPaddingRight,t.style.overflow="hidden"})},afterEnter(t){t.style.maxWidth="",t.style.overflow=t.dataset.oldOverflow},enterCancelled(t){a(t)},beforeLeave(t){t.dataset||(t.dataset={}),t.dataset.oldPaddingTop=t.style.paddingTop,t.dataset.oldPaddingRight=t.style.paddingRight,t.dataset.oldOverflow=t.style.overflow,t.style.maxWidth=`${t.scrollWidth}px`,t.style.overflow="hidden"},leave(t){t.scrollWidth!==0&&(t.style.maxWidth=0,t.style.paddingTop=0,t.style.paddingRight=0)},afterLeave(t){a(t)},leaveCancelled(t){a(t)}};function i(t){return t.mode==="vertical"?e:s}exports.useCollapseTranstion=i;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function hreset(el) {
+  el.style.maxHeight = "";
+  el.style.overflow = el.dataset.oldOverflow;
+  el.style.paddingTop = el.dataset.oldPaddingTop;
+  el.style.paddingBottom = el.dataset.oldPaddingBottom;
+}
+function wreset(el) {
+  el.style.maxWidth = "";
+  el.style.overflow = el.dataset.oldOverflow;
+  el.style.paddingLeft = el.dataset.oldPaddingLeft;
+  el.style.paddingRight = el.dataset.oldPaddingRight;
+}
+const onheight = {
+  beforeEnter(el) {
+    if (!el.dataset)
+      el.dataset = {};
+    el.dataset.oldPaddingTop = el.style.paddingTop;
+    el.dataset.oldPaddingBottom = el.style.paddingBottom;
+    if (el.style.height) {
+      el.dataset.elExistsHeight = el.style.height;
+    }
+    el.style.maxHeight = 0;
+    el.style.paddingTop = 0;
+    el.style.paddingBottom = 0;
+  },
+  enter(el) {
+    requestAnimationFrame(() => {
+      el.dataset.oldOverflow = el.style.overflow;
+      if (el.dataset.elExistsHeight) {
+        el.style.maxHeight = el.dataset.elExistsHeight;
+      } else if (el.scrollHeight !== 0) {
+        el.style.maxHeight = `${el.scrollHeight}px`;
+      } else {
+        el.style.maxHeight = 0;
+      }
+      el.style.paddingTop = el.dataset.oldPaddingTop;
+      el.style.paddingBottom = el.dataset.oldPaddingBottom;
+      el.style.overflow = "hidden";
+    });
+  },
+  afterEnter(el) {
+    el.style.maxHeight = "";
+    el.style.overflow = el.dataset.oldOverflow;
+  },
+  enterCancelled(el) {
+    hreset(el);
+  },
+  beforeLeave(el) {
+    if (!el.dataset)
+      el.dataset = {};
+    el.dataset.oldPaddingTop = el.style.paddingTop;
+    el.dataset.oldPaddingBottom = el.style.paddingBottom;
+    el.dataset.oldOverflow = el.style.overflow;
+    el.style.maxHeight = `${el.scrollHeight}px`;
+    el.style.overflow = "hidden";
+  },
+  leave(el) {
+    if (el.scrollHeight !== 0) {
+      el.style.maxHeight = 0;
+      el.style.paddingTop = 0;
+      el.style.paddingBottom = 0;
+    }
+  },
+  afterLeave(el) {
+    hreset(el);
+  },
+  leaveCancelled(el) {
+    hreset(el);
+  }
+};
+const onwidth = {
+  beforeEnter(el) {
+    if (!el.dataset)
+      el.dataset = {};
+    el.dataset.oldPaddingLeft = el.style.paddingLeft;
+    el.dataset.oldPaddingRight = el.style.paddingRight;
+    if (el.style.width) {
+      el.dataset.elExistsWidth = el.style.width;
+    }
+    el.style.maxWidth = 0;
+    el.style.paddingLeft = 0;
+    el.style.paddingRight = 0;
+  },
+  enter(el) {
+    requestAnimationFrame(() => {
+      el.dataset.oldOverflow = el.style.overflow;
+      if (el.dataset.elExistsWidth) {
+        el.style.maxWidth = el.dataset.elExistsWidth;
+      } else if (el.scrollWidth !== 0) {
+        el.style.maxWidth = `${el.scrollWidth}px`;
+      } else {
+        el.style.maxWidth = 0;
+      }
+      el.style.paddingLeft = el.dataset.oldPaddingLeft;
+      el.style.paddingRight = el.dataset.oldPaddingRight;
+      el.style.overflow = "hidden";
+    });
+  },
+  afterEnter(el) {
+    el.style.maxWidth = "";
+    el.style.overflow = el.dataset.oldOverflow;
+  },
+  enterCancelled(el) {
+    wreset(el);
+  },
+  beforeLeave(el) {
+    if (!el.dataset)
+      el.dataset = {};
+    el.dataset.oldPaddingTop = el.style.paddingTop;
+    el.dataset.oldPaddingRight = el.style.paddingRight;
+    el.dataset.oldOverflow = el.style.overflow;
+    el.style.maxWidth = `${el.scrollWidth}px`;
+    el.style.overflow = "hidden";
+  },
+  leave(el) {
+    if (el.scrollWidth !== 0) {
+      el.style.maxWidth = 0;
+      el.style.paddingTop = 0;
+      el.style.paddingRight = 0;
+    }
+  },
+  afterLeave(el) {
+    wreset(el);
+  },
+  leaveCancelled(el) {
+    wreset(el);
+  }
+};
+function useCollapseTranstion(props) {
+  return props.mode === "vertical" ? onheight : onwidth;
+}
+exports.useCollapseTranstion = useCollapseTranstion;

package/dist/lib/components/collapse-transtion/index.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../utils/install.js");require("./src/collapse-transtion.vue.js");require("./style/index.js");const s=require("./src/types.js"),l=require("./src/collapse-transtion.vue2.js"),e=t.withInstall(l.default);exports.collapseProps=s.collapseProps;exports.KCollapseTranstion=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const install = require("../utils/install.js");
+require("./src/collapse-transtion.vue.js");
+require("./style/index.js");
+const types = require("./src/types.js");
+const collapseTranstion_vue_vue_type_script_setup_true_lang = require("./src/collapse-transtion.vue2.js");
+const KCollapseTranstion = install.withInstall(collapseTranstion_vue_vue_type_script_setup_true_lang.default);
+exports.collapseProps = types.collapseProps;
+exports.KCollapseTranstion = KCollapseTranstion;
+exports.default = KCollapseTranstion;