vft 0.0.362 → 0.0.363

package/es/_virtual/_plugin-vue_export-helper.js

@@ -1,9 +1,10 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
 };
 export {
-  s as default
+  _export_sfc as default
 };

package/es/comp-resolver.js

@@ -1,77 +1,89 @@
-import { upperFirst as l } from "@vft/utils";
-function m(t) {
-  return t.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
+import { upperFirst } from "@vft/utils";
+function kebabCase(key) {
+  const result = key.replace(/([A-Z])/g, " $1").trim();
+  return result.split(" ").join("-").toLowerCase();
 }
-function i(t, e) {
-  const { importStyle: o, ssr: s } = e, r = e.compName + "/theme-style", n = e.compName + "/es/components";
-  if (o === "sass")
-    return s ? [`${r}/src/base.scss`, `${r}/src/${t}.scss`] : [
-      `${n}/base/style/index`,
-      `${n}/${t}/style/index`
+function getSideEffects(dirName, options) {
+  const { importStyle, ssr } = options;
+  const themeFolder = options.compName + "/theme-style";
+  const esComponentsFolder = options.compName + "/es/components";
+  if (importStyle === "sass") {
+    return ssr ? [`${themeFolder}/src/base.scss`, `${themeFolder}/src/${dirName}.scss`] : [
+      `${esComponentsFolder}/base/style/index`,
+      `${esComponentsFolder}/${dirName}/style/index`
     ];
-  if (o === !0 || o === "css")
-    return s ? [`${r}/base.css`, `${r}/el-${t}.css`] : [
-      `${n}/base/style/css`,
-      `${n}/${t}/style/css`
+  } else if (importStyle === true || importStyle === "css") {
+    return ssr ? [`${themeFolder}/base.css`, `${themeFolder}/el-${dirName}.css`] : [
+      `${esComponentsFolder}/base/style/css`,
+      `${esComponentsFolder}/${dirName}/style/css`
     ];
+  }
 }
-function c(t, e) {
-  if (e.exclude && t.match(e.exclude)) return;
-  const o = new RegExp(`^${l(e.compName)}[A-Z]`);
-  if (!t.match(o)) return;
-  const s = m(t.slice(e.compName.length)), { ssr: r } = e;
+function resolveComponent(name, options) {
+  if (options.exclude && name.match(options.exclude)) return;
+  const reg = new RegExp(`^${upperFirst(options.compName)}[A-Z]`);
+  if (!name.match(reg)) return;
+  const partialName = kebabCase(name.slice(options.compName.length));
+  const { ssr } = options;
   return {
-    name: t,
-    from: `${e.compName}/${r ? "lib" : "es"}`,
-    sideEffects: i(s, e)
+    name,
+    from: `${options.compName}/${ssr ? "lib" : "es"}`,
+    sideEffects: getSideEffects(partialName, options)
   };
 }
-function a(t, e) {
-  if (!e.directives) return;
-  const s = {
+function resolveDirective(name, options) {
+  if (!options.directives) return;
+  const directives = {
     Loading: { importName: "VftLoadingDirective", styleName: "loading" },
     Popover: { importName: "VftPopoverDirective", styleName: "popover" },
     InfiniteScroll: {
       importName: "VftInfiniteScroll",
       styleName: "infinite-scroll"
     }
-  }[t];
-  if (!s) return;
-  const { ssr: r } = e;
+  };
+  const directive = directives[name];
+  if (!directive) return;
+  const { ssr } = options;
   return {
-    name: s.importName,
-    from: `${e.compName}/${r ? "lib" : "es"}`,
-    sideEffects: i(s.styleName, e)
+    name: directive.importName,
+    from: `${options.compName}/${ssr ? "lib" : "es"}`,
+    sideEffects: getSideEffects(directive.styleName, options)
   };
 }
-const f = ["VftAutoResizer"];
-function p(t = {}) {
-  let e;
-  async function o() {
-    return e || (e = {
+const noStylesComponents = ["VftAutoResizer"];
+function CompResolver(options = {}) {
+  let optionsResolved;
+  async function resolveOptions() {
+    if (optionsResolved) return optionsResolved;
+    optionsResolved = {
       compName: "vft",
-      ssr: !1,
+      ssr: false,
       importStyle: "css",
-      directives: !0,
+      directives: true,
       exclude: void 0,
-      noStylesComponents: t.noStylesComponents || [],
-      ...t
-    }, e);
+      noStylesComponents: options.noStylesComponents || [],
+      ...options
+    };
+    return optionsResolved;
   }
   return [
     {
       type: "component",
-      resolve: async (s) => {
-        const r = await o();
-        return [...r.noStylesComponents, ...f].includes(s) ? c(s, { ...r, importStyle: !1 }) : c(s, r);
+      resolve: async (name) => {
+        const options2 = await resolveOptions();
+        if ([...options2.noStylesComponents, ...noStylesComponents].includes(name))
+          return resolveComponent(name, { ...options2, importStyle: false });
+        else return resolveComponent(name, options2);
       }
     },
     {
       type: "directive",
-      resolve: async (s) => a(s, await o())
+      resolve: async (name) => {
+        return resolveDirective(name, await resolveOptions());
+      }
     }
   ];
 }
 export {
-  p as CompResolver
+  CompResolver
 };

package/es/component.js

@@ -1,215 +1,215 @@
-import { VftAlert as t } from "./components/alert/index.js";
-import { VftAutocomplete as o } from "./components/autocomplete/index.js";
-import { VftAvatar as r } from "./components/avatar/index.js";
-import { VftAvatarStack as m } from "./components/avatar-stack/index.js";
-import { VftBacktop as f } from "./components/backtop/index.js";
-import { VftButton as i, VftButtonGroup as p } from "./components/button/index.js";
-import { VftCard as V } from "./components/card/index.js";
-import { VftCheckTag as e } from "./components/check-tag/index.js";
-import { VftTransfer as a } from "./components/transfer/index.js";
-import { VftSegmented as n } from "./components/segmented/index.js";
-import { VftCheckboxGroup as l, VftCheckbox as u, VftCheckboxButton as d } from "./components/checkbox/index.js";
-import { VftClamp as c } from "./components/clamp/index.js";
-import { VftClampToggle as s } from "./components/clamp-toggle/index.js";
-import { VftClampTooltip as C } from "./components/clamp-tooltip/index.js";
-import { VftCol as T } from "./components/col/index.js";
-import { VftCollapseTransition as I } from "./components/collapse-transition/index.js";
-import { VftColorPicker as S } from "./components/color-picker/index.js";
-import { VftConfigProvider as g } from "./components/config-provider/index.js";
-import { VftAside as M, VftContainer as b, VftFooter as P, VftHeader as k, VftMain as D } from "./components/container/index.js";
-import { VftDatePicker as w } from "./components/date-picker/index.js";
-import { VftWatermark as y } from "./components/watermark/index.js";
-import { VftDateTimeSelect as B } from "./components/date-time-select/index.js";
-import { VftDescriptions as h, VftDescriptionsItem as v } from "./components/descriptions/index.js";
-import { VftDialog as F } from "./components/dialog/index.js";
-import { VftDivider as L } from "./components/divider/index.js";
-import { VftDrawer as R } from "./components/drawer/index.js";
-import { VftDropdownItem as x, VftDropdownMenu as A, VftDropdown as G } from "./components/dropdown/index.js";
-import { VftEmpty as H } from "./components/empty/index.js";
-import { VftFooterLayout as W } from "./components/footer-layout/index.js";
-import { VftForm as z, VftFormItem as E } from "./components/form/index.js";
-import { VftFullScreen as N } from "./components/full-screen/index.js";
-import { VftHeaderLayout as O } from "./components/header-layout/index.js";
-import { VftHorizontalMenu as Q } from "./components/horizontal-menu/index.js";
-import { VftIcon as U } from "./components/icon/index.js";
-import { VftIconText as j } from "./components/icon-text/index.js";
-import { VftIframeLayout as q } from "./components/iframe-layout/index.js";
-import { VftImage as J } from "./components/image/index.js";
-import { VftImageViewer as K } from "./components/image-viewer/index.js";
-import { VftInput as X } from "./components/input/index.js";
-import { VftInputNumber as Y } from "./components/input-number/index.js";
-import { VftLink as Z } from "./components/link/index.js";
-import { VftListCell as _ } from "./components/list-cell/index.js";
-import { VftLogo as $ } from "./components/logo/index.js";
-import { VftMdCodeDemo as tt } from "./components/md-code-demo/index.js";
-import { VftMdCodeTabs as ot } from "./components/md-code-tabs/index.js";
-import { VftCarousel as rt, VftCarouselItem as mt } from "./components/carousel/index.js";
-import { VftStep as ft, VftSteps as it } from "./components/steps/index.js";
-import { VftTimeline as pt, VftTimelineItem as Vt } from "./components/timeline/index.js";
-import { VftBreadcrumb as et, VftBreadcrumbItem as at } from "./components/breadcrumb/index.js";
-import { VftCollapse as nt, VftCollapseItem as lt } from "./components/collapse/index.js";
-import { VftStatistic as ut } from "./components/statistic/index.js";
-import { VftCountdown as dt } from "./components/countdown/index.js";
-import { VftInputTag as ct } from "./components/input-tag/index.js";
-import { VftCascader as st } from "./components/cascader/index.js";
-import { VftCascaderPanel as Ct } from "./components/cascader-panel/index.js";
-import { VftMdComment as Tt } from "./components/md-comment/index.js";
-import { VftMdContainer as It } from "./components/md-container/index.js";
-import { VftMdTabs as St } from "./components/md-tabs/index.js";
-import { VftMdVuePlayground as gt } from "./components/md-vue-playground/index.js";
-import { VftMenu as Mt, VftMenuItem as bt, VftMenuItemGroup as Pt, VftSubMenu as kt } from "./components/menu/index.js";
-import { VftModal as Dt } from "./components/modal/index.js";
-import { VftMultipleTabs as wt } from "./components/multiple-tabs/index.js";
-import { VftOverlay as yt } from "./components/overlay/index.js";
-import { VftPageWrapper as Bt } from "./components/page-wrapper/index.js";
-import { VftPagination as ht } from "./components/pagination/index.js";
-import { VftPopconfirm as vt } from "./components/popconfirm/index.js";
-import { VftPopover as Ft } from "./components/popover/index.js";
-import { VftPopper as Lt } from "./components/popper/index.js";
-import { VftProgress as Rt } from "./components/progress/index.js";
-import { VftQrcode as xt } from "./components/qrcode/index.js";
-import { VftRadioButton as At, VftRadio as Gt, VftRadioGroup as Ht } from "./components/radio/index.js";
-import { VftResult as Wt } from "./components/result/index.js";
-import { VftRouterViewContent as zt } from "./components/router-view-content/index.js";
-import { VftRow as Et } from "./components/row/index.js";
-import { VftScrollbar as Nt } from "./components/scrollbar/index.js";
-import { VftSearch as Ot } from "./components/search/index.js";
-import { VftSelect as Qt } from "./components/select/index.js";
-import { VftSideMenu as Ut } from "./components/side-menu/index.js";
-import { VftSkeleton as jt, VftSkeletonItem as qt } from "./components/skeleton/index.js";
-import { VftSlider as Jt } from "./components/slider/index.js";
-import { VftSpace as Kt } from "./components/space/index.js";
-import { VftSuperForm as Xt } from "./components/super-form/index.js";
-import { VftSwitch as Yt } from "./components/switch/index.js";
-import { VftTable as Zt } from "./components/table/index.js";
-import { VftTabs as _t, VftTabPane as $t } from "./components/tabs/index.js";
-import { VftTag as to } from "./components/tag/index.js";
-import { VftTimePicker as oo } from "./components/time-picker/index.js";
-import { VftTooltip as ro } from "./components/tooltip/index.js";
-import { VftTree as mo } from "./components/tree/index.js";
-import { VftUpload as fo } from "./components/upload/index.js";
-import { VftVerifyCode as io } from "./components/verify-code/index.js";
-import { VftProgressI as po } from "./components/progress-i/index.js";
-const qr = [
+import { VftAlert } from "./components/alert/index.js";
+import { VftAutocomplete } from "./components/autocomplete/index.js";
+import { VftAvatar } from "./components/avatar/index.js";
+import { VftAvatarStack } from "./components/avatar-stack/index.js";
+import { VftBacktop } from "./components/backtop/index.js";
+import { VftButton, VftButtonGroup } from "./components/button/index.js";
+import { VftCard } from "./components/card/index.js";
+import { VftCarousel, VftCarouselItem } from "./components/carousel/index.js";
+import { VftCheckTag } from "./components/check-tag/index.js";
+import { VftCheckboxGroup, VftCheckbox, VftCheckboxButton } from "./components/checkbox/index.js";
+import { VftClamp } from "./components/clamp/index.js";
+import { VftClampToggle } from "./components/clamp-toggle/index.js";
+import { VftClampTooltip } from "./components/clamp-tooltip/index.js";
+import { VftCol } from "./components/col/index.js";
+import { VftCollapseTransition } from "./components/collapse-transition/index.js";
+import { VftColorPicker } from "./components/color-picker/index.js";
+import { VftConfigProvider } from "./components/config-provider/index.js";
+import { VftAside, VftContainer, VftFooter, VftHeader, VftMain } from "./components/container/index.js";
+import { VftDatePicker } from "./components/date-picker/index.js";
+import { VftDateTimeSelect } from "./components/date-time-select/index.js";
+import { VftDescriptions, VftDescriptionsItem } from "./components/descriptions/index.js";
+import { VftDialog } from "./components/dialog/index.js";
+import { VftDivider } from "./components/divider/index.js";
+import { VftDrawer } from "./components/drawer/index.js";
+import { VftDropdownItem, VftDropdownMenu, VftDropdown } from "./components/dropdown/index.js";
+import { VftEmpty } from "./components/empty/index.js";
+import { VftFooterLayout } from "./components/footer-layout/index.js";
+import { VftForm, VftFormItem } from "./components/form/index.js";
+import { VftFullScreen } from "./components/full-screen/index.js";
+import { VftHeaderLayout } from "./components/header-layout/index.js";
+import { VftHorizontalMenu } from "./components/horizontal-menu/index.js";
+import { VftIcon } from "./components/icon/index.js";
+import { VftIconText } from "./components/icon-text/index.js";
+import { VftIframeLayout } from "./components/iframe-layout/index.js";
+import { VftImage } from "./components/image/index.js";
+import { VftImageViewer } from "./components/image-viewer/index.js";
+import { VftInput } from "./components/input/index.js";
+import { VftInputNumber } from "./components/input-number/index.js";
+import { VftLink } from "./components/link/index.js";
+import { VftListCell } from "./components/list-cell/index.js";
+import { VftLogo } from "./components/logo/index.js";
+import { VftMdCodeDemo } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs } from "./components/md-code-tabs/index.js";
+import { VftSegmented } from "./components/segmented/index.js";
+import { VftStep, VftSteps } from "./components/steps/index.js";
+import { VftTransfer } from "./components/transfer/index.js";
+import { VftWatermark } from "./components/watermark/index.js";
+import { VftBreadcrumb, VftBreadcrumbItem } from "./components/breadcrumb/index.js";
+import { VftCascader } from "./components/cascader/index.js";
+import { VftCascaderPanel } from "./components/cascader-panel/index.js";
+import { VftCollapse, VftCollapseItem } from "./components/collapse/index.js";
+import { VftCountdown } from "./components/countdown/index.js";
+import { VftInputTag } from "./components/input-tag/index.js";
+import { VftStatistic } from "./components/statistic/index.js";
+import { VftTimeline, VftTimelineItem } from "./components/timeline/index.js";
+import { VftMdComment } from "./components/md-comment/index.js";
+import { VftMdContainer } from "./components/md-container/index.js";
+import { VftMdTabs } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground } from "./components/md-vue-playground/index.js";
+import { VftMenu, VftMenuItem, VftMenuItemGroup, VftSubMenu } from "./components/menu/index.js";
+import { VftModal } from "./components/modal/index.js";
+import { VftMultipleTabs } from "./components/multiple-tabs/index.js";
+import { VftOverlay } from "./components/overlay/index.js";
+import { VftPageWrapper } from "./components/page-wrapper/index.js";
+import { VftPagination } from "./components/pagination/index.js";
+import { VftPopconfirm } from "./components/popconfirm/index.js";
+import { VftPopover } from "./components/popover/index.js";
+import { VftPopper } from "./components/popper/index.js";
+import { VftProgress } from "./components/progress/index.js";
+import { VftQrcode } from "./components/qrcode/index.js";
+import { VftRadioButton, VftRadio, VftRadioGroup } from "./components/radio/index.js";
+import { VftResult } from "./components/result/index.js";
+import { VftRouterViewContent } from "./components/router-view-content/index.js";
+import { VftRow } from "./components/row/index.js";
+import { VftScrollbar } from "./components/scrollbar/index.js";
+import { VftSearch } from "./components/search/index.js";
+import { VftSelect } from "./components/select/index.js";
+import { VftSideMenu } from "./components/side-menu/index.js";
+import { VftSkeleton, VftSkeletonItem } from "./components/skeleton/index.js";
+import { VftSlider } from "./components/slider/index.js";
+import { VftSpace } from "./components/space/index.js";
+import { VftSuperForm } from "./components/super-form/index.js";
+import { VftSwitch } from "./components/switch/index.js";
+import { VftTable } from "./components/table/index.js";
+import { VftTabs, VftTabPane } from "./components/tabs/index.js";
+import { VftTag } from "./components/tag/index.js";
+import { VftTimePicker } from "./components/time-picker/index.js";
+import { VftTooltip } from "./components/tooltip/index.js";
+import { VftTree } from "./components/tree/index.js";
+import { VftUpload } from "./components/upload/index.js";
+import { VftVerifyCode } from "./components/verify-code/index.js";
+import { VftProgressI } from "./components/progress-i/index.js";
+const Components = [
   //  phone
-  po,
+  VftProgressI,
   //
-  rt,
-  mt,
-  Xt,
-  fo,
-  Rt,
-  Y,
-  o,
-  Jt,
-  Dt,
+  VftCarousel,
+  VftCarouselItem,
+  VftSuperForm,
+  VftUpload,
+  VftProgress,
+  VftInputNumber,
+  VftAutocomplete,
+  VftSlider,
+  VftModal,
   // VftRate,
-  R,
-  t,
-  Qt,
-  vt,
-  V,
-  Kt,
-  jt,
-  qt,
-  mo,
-  e,
-  It,
-  ot,
-  tt,
-  gt,
-  St,
-  w,
-  Tt,
-  M,
-  b,
-  P,
-  k,
-  D,
-  Q,
-  T,
-  oo,
-  Et,
-  F,
-  B,
-  _,
-  K,
-  Zt,
-  io,
-  x,
-  A,
-  G,
-  Nt,
-  S,
-  Yt,
-  At,
-  Gt,
-  Ht,
-  l,
-  u,
-  d,
-  i,
-  p,
-  z,
-  E,
-  Ot,
-  Bt,
-  c,
-  s,
-  C,
-  xt,
-  yt,
-  to,
-  Ut,
-  ht,
-  Z,
-  X,
-  J,
-  j,
-  N,
-  h,
-  v,
-  g,
-  f,
-  zt,
-  q,
-  W,
-  O,
-  $,
-  wt,
-  Mt,
-  bt,
-  Pt,
-  kt,
-  I,
-  L,
-  U,
-  r,
-  m,
-  H,
-  Wt,
-  _t,
-  $t,
-  ro,
-  Ft,
-  Lt,
-  pt,
-  Vt,
-  ft,
-  it,
-  et,
-  at,
-  nt,
-  lt,
-  ut,
-  dt,
-  ct,
-  st,
-  Ct,
-  y,
-  a,
-  n
+  VftDrawer,
+  VftAlert,
+  VftSelect,
+  VftPopconfirm,
+  VftCard,
+  VftSpace,
+  VftSkeleton,
+  VftSkeletonItem,
+  VftTree,
+  VftCheckTag,
+  VftMdContainer,
+  VftMdCodeTabs,
+  VftMdCodeDemo,
+  VftMdVuePlayground,
+  VftMdTabs,
+  VftDatePicker,
+  VftMdComment,
+  VftAside,
+  VftContainer,
+  VftFooter,
+  VftHeader,
+  VftMain,
+  VftHorizontalMenu,
+  VftCol,
+  VftTimePicker,
+  VftRow,
+  VftDialog,
+  VftDateTimeSelect,
+  VftListCell,
+  VftImageViewer,
+  VftTable,
+  VftVerifyCode,
+  VftDropdownItem,
+  VftDropdownMenu,
+  VftDropdown,
+  VftScrollbar,
+  VftColorPicker,
+  VftSwitch,
+  VftRadioButton,
+  VftRadio,
+  VftRadioGroup,
+  VftCheckboxGroup,
+  VftCheckbox,
+  VftCheckboxButton,
+  VftButton,
+  VftButtonGroup,
+  VftForm,
+  VftFormItem,
+  VftSearch,
+  VftPageWrapper,
+  VftClamp,
+  VftClampToggle,
+  VftClampTooltip,
+  VftQrcode,
+  VftOverlay,
+  VftTag,
+  VftSideMenu,
+  VftPagination,
+  VftLink,
+  VftInput,
+  VftImage,
+  VftIconText,
+  VftFullScreen,
+  VftDescriptions,
+  VftDescriptionsItem,
+  VftConfigProvider,
+  VftBacktop,
+  VftRouterViewContent,
+  VftIframeLayout,
+  VftFooterLayout,
+  VftHeaderLayout,
+  VftLogo,
+  VftMultipleTabs,
+  VftMenu,
+  VftMenuItem,
+  VftMenuItemGroup,
+  VftSubMenu,
+  VftCollapseTransition,
+  VftDivider,
+  VftIcon,
+  VftAvatar,
+  VftAvatarStack,
+  VftEmpty,
+  VftResult,
+  VftTabs,
+  VftTabPane,
+  VftTooltip,
+  VftPopover,
+  VftPopper,
+  VftTimeline,
+  VftTimelineItem,
+  VftStep,
+  VftSteps,
+  VftBreadcrumb,
+  VftBreadcrumbItem,
+  VftCollapse,
+  VftCollapseItem,
+  VftStatistic,
+  VftCountdown,
+  VftInputTag,
+  VftCascader,
+  VftCascaderPanel,
+  VftWatermark,
+  VftTransfer,
+  VftSegmented
 ];
 export {
-  qr as default
+  Components as default
 };

package/es/components/affix/affix.js

@@ -1,10 +1,7 @@
-import "@vueuse/core";
-import { isBoolean as o, isNumber as e } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import { CHANGE_EVENT as i } from "../../constants/event.js";
-import "vue";
-import { buildProps as p } from "../../utils/vue/props/runtime.js";
-const n = p({
+import { isBoolean, isNumber } from "@vft/utils";
+import { buildProps } from "../../utils/vue/props/runtime.js";
+import { CHANGE_EVENT } from "../../constants/event.js";
+const affixProps = buildProps({
   /**
    * @description affix element zIndex value
    * */
@@ -34,11 +31,12 @@ const n = p({
     values: ["top", "bottom"],
     default: "top"
   }
-}), d = {
-  scroll: ({ scrollTop: t, fixed: r }) => e(t) && o(r),
-  [i]: (t) => o(t)
+});
+const affixEmits = {
+  scroll: ({ scrollTop, fixed }) => isNumber(scrollTop) && isBoolean(fixed),
+  [CHANGE_EVENT]: (fixed) => isBoolean(fixed)
 };
 export {
-  d as affixEmits,
-  n as affixProps
+  affixEmits,
+  affixProps
 };

package/es/components/affix/affix.vue.js

@@ -1,4 +1,4 @@
-import f from "./affix.vue2.js";
+import _sfc_main from "./affix.vue2.js";
 export {
-  f as default
+  _sfc_main as default
 };