vft 0.0.429 → 0.0.430
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/attributes.json +1 -1
- package/es/components/alert/alert.vue2.js +38 -38
- package/es/components/autocomplete/autocomplete.vue2.js +82 -82
- package/es/components/avatar/avatar.vue2.js +23 -23
- package/es/components/avatar-stack/avatar-stack.vue2.js +25 -25
- package/es/components/breadcrumb/breadcrumb-item.vue2.js +19 -19
- package/es/components/button/button.vue2.js +37 -37
- package/es/components/card/card.vue2.js +19 -19
- package/es/components/carousel/carousel.vue2.js +75 -75
- package/es/components/carousel/use-carousel.js +1 -1
- package/es/components/cascader-panel/index.vue2.js +2 -2
- package/es/components/cascader-panel/menu.vue2.js +2 -2
- package/es/components/cascader-panel/node.vue2.js +3 -4
- package/es/components/checkbox/checkbox-button.vue2.js +52 -52
- package/es/components/checkbox/checkbox-group.vue2.js +26 -26
- package/es/components/checkbox/checkbox.vue2.js +57 -57
- package/es/components/clamp/clamp.vue2.js +14 -14
- package/es/components/clamp-toggle/clamp-toggle.vue2.js +17 -17
- package/es/components/clamp-tooltip/clamp-tooltip.vue2.js +19 -19
- package/es/components/col/col.vue2.js +20 -20
- package/es/components/color-picker/color-picker.vue2.js +126 -128
- package/es/components/color-picker/components/sv-panel.vue.js +2 -2
- package/es/components/config-provider/hooks/use-global-config.js +3 -3
- package/es/components/context-menu/context-menu.vue2.js +18 -18
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +37 -39
- package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js +8 -10
- package/es/components/date-picker/date-picker.d.ts +1 -1
- package/es/components/date-picker/index.d.ts +2 -2
- package/es/components/descriptions/description.vue2.js +44 -44
- package/es/components/descriptions/descriptions-row.vue2.js +12 -12
- package/es/components/dialog/dialog-content.vue2.js +31 -31
- package/es/components/dialog/dialog.vue2.js +46 -46
- package/es/components/divider/divider.vue2.js +19 -19
- package/es/components/drawer/drawer.vue2.js +41 -41
- package/es/components/dropdown/dropdown-item-impl.vue2.js +40 -40
- package/es/components/dropdown/dropdown-item.vue2.js +28 -28
- package/es/components/dropdown/dropdown.vue2.js +124 -124
- package/es/components/form/form-item.vue2.js +71 -71
- package/es/components/header-layout/header-layout.vue2.js +25 -25
- package/es/components/icon/icon.vue2.js +15 -15
- package/es/components/icon-text/icon-text.vue2.js +28 -28
- package/es/components/iframe-layout/iframe-layout.vue2.js +13 -13
- package/es/components/iframe-layout/iframe-page.vue2.js +11 -11
- package/es/components/image/image.vue2.js +63 -63
- package/es/components/image-viewer/image-viewer.vue2.js +88 -88
- package/es/components/infinite-scroll/index.d.ts +1 -1
- package/es/components/input/input.vue2.js +112 -112
- package/es/components/input-number/input-number.vue2.js +100 -100
- package/es/components/input-tag/composables/use-input-tag.js +1 -1
- package/es/components/link/link.vue2.js +20 -20
- package/es/components/list-cell/list-cell.vue2.js +19 -19
- package/es/components/logo/logo.vue2.js +22 -22
- package/es/components/menu/menu-item-group.vue2.js +8 -8
- package/es/components/menu/menu-item.vue2.js +48 -48
- package/es/components/message/message.vue2.js +66 -66
- package/es/components/modal/modal-footer-action.vue2.js +25 -25
- package/es/components/modal/modal.vue2.js +40 -40
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +30 -30
- package/es/components/page-wrapper/page-wrapper.vue2.js +12 -12
- package/es/components/pagination/components/jumper.vue2.js +18 -18
- package/es/components/pagination/components/next.vue2.js +11 -11
- package/es/components/pagination/components/pager.vue2.js +74 -74
- package/es/components/pagination/components/prev.vue2.js +9 -9
- package/es/components/pagination/components/sizes.vue2.js +18 -18
- package/es/components/pagination/components/total.vue2.js +8 -8
- package/es/components/popconfirm/popconfirm.vue2.js +47 -47
- package/es/components/popover/popover.vue2.js +28 -28
- package/es/components/popper/trigger.vue2.js +9 -9
- package/es/components/progress/progress.vue2.js +87 -87
- package/es/components/qrcode/qrcode.vue2.js +31 -31
- package/es/components/radio/radio-button.vue2.js +17 -17
- package/es/components/radio/radio-group.vue2.js +35 -35
- package/es/components/router-view-content/router-view-content.vue2.js +25 -25
- package/es/components/roving-focus-group/roving-focus-item.vue2.js +30 -30
- package/es/components/row/row.vue2.js +5 -5
- package/es/components/scrollbar/bar.vue2.js +16 -16
- package/es/components/scrollbar/scrollbar.vue2.js +48 -48
- package/es/components/scrollbar/thumb.vue2.js +27 -27
- package/es/components/search/search.vue2.js +29 -29
- package/es/components/select/index.d.ts +1 -1
- package/es/components/select/select.vue.d.ts +1 -1
- package/es/components/side-menu/index.d.ts +2 -8
- package/es/components/side-menu/side-menu.vue.d.ts +5 -59
- package/es/components/side-menu/types.d.ts +107 -0
- package/es/components/skeleton/skeleton-item.vue2.js +9 -9
- package/es/components/skeleton/skeleton.vue2.js +14 -14
- package/es/components/slider/button.vue2.js +54 -54
- package/es/components/slider/slider.vue2.js +106 -106
- package/es/components/steps/item.vue2.js +56 -56
- package/es/components/steps/steps.vue2.js +16 -16
- package/es/components/super-form/super-form-action.vue2.js +28 -28
- package/es/components/super-form/super-form-item.vue2.js +1 -1
- package/es/components/switch/switch.vue2.js +108 -108
- package/es/components/table/field.d.ts +4 -4
- package/es/components/teleport/teleport.vue2.js +6 -6
- package/es/components/time-picker/common/picker.vue.d.ts +1 -1
- package/es/components/time-picker/index.d.ts +2 -2
- package/es/components/time-picker/time-picker.d.ts +1 -1
- package/es/components/timeline/timeline-item.vue2.js +20 -20
- package/es/components/tooltip/content.vue2.js +57 -57
- package/es/components/tooltip/tooltip.vue2.js +66 -66
- package/es/components/tooltip/trigger.vue2.js +42 -42
- package/es/components/tree/tree.vue2.js +72 -72
- package/es/components/upload/upload-content.vue2.js +85 -85
- package/es/components/upload/upload-list.vue2.js +70 -70
- package/es/components/upload/upload.vue2.js +86 -86
- package/es/components/verify-code/verify-code.vue2.js +18 -18
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/es/utils/vue/vnode.js +1 -1
- package/lib/components/alert/alert.vue2.cjs +1 -1
- package/lib/components/autocomplete/autocomplete.vue2.cjs +1 -1
- package/lib/components/avatar/avatar.vue2.cjs +1 -1
- package/lib/components/avatar-stack/avatar-stack.vue2.cjs +1 -1
- package/lib/components/breadcrumb/breadcrumb-item.vue2.cjs +1 -1
- package/lib/components/button/button.vue2.cjs +1 -1
- package/lib/components/card/card.vue2.cjs +1 -1
- package/lib/components/carousel/carousel.vue2.cjs +1 -1
- package/lib/components/cascader-panel/index.vue2.cjs +1 -1
- package/lib/components/cascader-panel/menu.vue2.cjs +1 -1
- package/lib/components/cascader-panel/node.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox-button.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox-group.vue2.cjs +1 -1
- package/lib/components/checkbox/checkbox.vue2.cjs +1 -1
- package/lib/components/clamp/clamp.vue2.cjs +1 -1
- package/lib/components/clamp-toggle/clamp-toggle.vue2.cjs +1 -1
- package/lib/components/clamp-tooltip/clamp-tooltip.vue2.cjs +1 -1
- package/lib/components/col/col.vue2.cjs +1 -1
- package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
- package/lib/components/color-picker/components/sv-panel.vue.cjs +1 -1
- package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-pick.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-range.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker.d.ts +1 -1
- package/lib/components/date-picker/index.d.ts +2 -2
- package/lib/components/descriptions/description.vue2.cjs +1 -1
- package/lib/components/descriptions/descriptions-row.vue2.cjs +1 -1
- package/lib/components/dialog/dialog-content.vue2.cjs +1 -1
- package/lib/components/dialog/dialog.vue2.cjs +1 -1
- package/lib/components/divider/divider.vue2.cjs +1 -1
- package/lib/components/drawer/drawer.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown-item-impl.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown-item.vue2.cjs +1 -1
- package/lib/components/dropdown/dropdown.vue2.cjs +1 -1
- package/lib/components/form/form-item.vue2.cjs +1 -1
- package/lib/components/header-layout/header-layout.vue2.cjs +1 -1
- package/lib/components/icon/icon.vue2.cjs +1 -1
- package/lib/components/icon-text/icon-text.vue2.cjs +1 -1
- package/lib/components/iframe-layout/iframe-layout.vue2.cjs +1 -1
- package/lib/components/iframe-layout/iframe-page.vue2.cjs +1 -1
- package/lib/components/image/image.vue2.cjs +1 -1
- package/lib/components/image-viewer/image-viewer.vue2.cjs +1 -1
- package/lib/components/infinite-scroll/index.d.ts +1 -1
- package/lib/components/input/input.vue2.cjs +1 -1
- package/lib/components/input-number/input-number.vue2.cjs +1 -1
- package/lib/components/link/link.vue2.cjs +1 -1
- package/lib/components/list-cell/list-cell.vue2.cjs +1 -1
- package/lib/components/logo/logo.vue2.cjs +1 -1
- package/lib/components/menu/menu-item-group.vue2.cjs +1 -1
- package/lib/components/menu/menu-item.vue2.cjs +1 -1
- package/lib/components/message/message.vue2.cjs +1 -1
- package/lib/components/modal/modal-footer-action.vue2.cjs +1 -1
- package/lib/components/modal/modal.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/page-wrapper/page-wrapper.vue2.cjs +1 -1
- package/lib/components/pagination/components/jumper.vue2.cjs +1 -1
- package/lib/components/pagination/components/next.vue2.cjs +1 -1
- package/lib/components/pagination/components/pager.vue2.cjs +1 -1
- package/lib/components/pagination/components/prev.vue2.cjs +1 -1
- package/lib/components/pagination/components/sizes.vue2.cjs +1 -1
- package/lib/components/pagination/components/total.vue2.cjs +1 -1
- package/lib/components/popconfirm/popconfirm.vue2.cjs +1 -1
- package/lib/components/popover/popover.vue2.cjs +1 -1
- package/lib/components/popper/trigger.vue2.cjs +1 -1
- package/lib/components/progress/progress.vue2.cjs +5 -5
- package/lib/components/qrcode/qrcode.vue2.cjs +1 -1
- package/lib/components/radio/radio-button.vue2.cjs +1 -1
- package/lib/components/radio/radio-group.vue2.cjs +1 -1
- package/lib/components/router-view-content/router-view-content.vue2.cjs +1 -1
- package/lib/components/roving-focus-group/roving-focus-item.vue2.cjs +1 -1
- package/lib/components/row/row.vue2.cjs +1 -1
- package/lib/components/scrollbar/bar.vue2.cjs +1 -1
- package/lib/components/scrollbar/scrollbar.vue2.cjs +1 -1
- package/lib/components/scrollbar/thumb.vue2.cjs +1 -1
- package/lib/components/search/search.vue2.cjs +1 -1
- package/lib/components/select/index.d.ts +1 -1
- package/lib/components/select/select.vue.d.ts +1 -1
- package/lib/components/side-menu/index.d.ts +2 -8
- package/lib/components/side-menu/side-menu.vue.d.ts +5 -59
- package/lib/components/side-menu/types.d.ts +107 -0
- package/lib/components/skeleton/skeleton-item.vue2.cjs +1 -1
- package/lib/components/skeleton/skeleton.vue2.cjs +1 -1
- package/lib/components/slider/button.vue2.cjs +1 -1
- package/lib/components/slider/slider.vue2.cjs +1 -1
- package/lib/components/steps/item.vue2.cjs +1 -1
- package/lib/components/steps/steps.vue2.cjs +1 -1
- package/lib/components/super-form/super-form-action.vue2.cjs +1 -1
- package/lib/components/switch/switch.vue2.cjs +1 -1
- package/lib/components/table/field.d.ts +4 -4
- package/lib/components/teleport/teleport.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker.vue.d.ts +1 -1
- package/lib/components/time-picker/index.d.ts +2 -2
- package/lib/components/time-picker/time-picker.d.ts +1 -1
- package/lib/components/timeline/timeline-item.vue2.cjs +1 -1
- package/lib/components/tooltip/content.vue2.cjs +1 -1
- package/lib/components/tooltip/tooltip.vue2.cjs +1 -1
- package/lib/components/tooltip/trigger.vue2.cjs +1 -1
- package/lib/components/tree/tree.vue2.cjs +1 -1
- package/lib/components/upload/upload-content.vue2.cjs +1 -1
- package/lib/components/upload/upload-list.vue2.cjs +1 -1
- package/lib/components/upload/upload.vue2.cjs +1 -1
- package/lib/components/verify-code/verify-code.vue2.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +5 -5
- package/tags.json +1 -1
- package/theme-style/src/mixins/mixins.scss +1 -0
- package/web-types.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const L=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const L=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const x=require("./constants.cjs"),S=require("./util.cjs"),R="Thumb",T=e.defineComponent({__name:"thumb",props:{vertical:{type:Boolean},size:{},move:{},ratio:{},always:{type:Boolean}},setup(a){const o=e.inject(x.scrollbarContextKey),u=L.useNamespace("scrollbar");o||B.throwError(R,"can not inject scrollbar context");const l=e.ref(),s=e.ref(),v=e.ref({}),c=e.ref(!1);let i=!1,m=!1,f=E.isClient?document.onselectstart:null;const t=e.computed(()=>S.BAR_MAP[a.vertical?"vertical":"horizontal"]),y=e.computed(()=>S.renderThumbStyle({size:a.size,move:a.move,bar:t.value})),g=e.computed(()=>l.value[t.value.offset]**2/o.wrapElement[t.value.scrollSize]/a.ratio/s.value[t.value.offset]),q=n=>{if(n.stopPropagation(),n.ctrlKey||[1,2].includes(n.button))return;window.getSelection()?.removeAllRanges(),C(n);const r=n.currentTarget;r&&(v.value[t.value.axis]=r[t.value.offset]-(n[t.value.client]-r.getBoundingClientRect()[t.value.direction]))},z=n=>{if(!s.value||!l.value||!o.wrapElement)return;const r=Math.abs(n.target.getBoundingClientRect()[t.value.direction]-n[t.value.client]),b=s.value[t.value.offset]/2,h=(r-b)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=h*o.wrapElement[t.value.scrollSize]/100},C=n=>{n.stopImmediatePropagation(),i=!0,document.addEventListener("mousemove",p),document.addEventListener("mouseup",d),f=document.onselectstart,document.onselectstart=()=>!1},p=n=>{if(!l.value||!s.value||i===!1)return;const r=v.value[t.value.axis];if(!r)return;const b=(l.value.getBoundingClientRect()[t.value.direction]-n[t.value.client])*-1,h=s.value[t.value.offset]-r,k=(b-h)*100*g.value/l.value[t.value.offset];o.wrapElement[t.value.scroll]=k*o.wrapElement[t.value.scrollSize]/100},d=()=>{i=!1,v.value[t.value.axis]=0,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",d),w(),m&&(c.value=!1)},P=()=>{m=!1,c.value=!!a.size},M=()=>{m=!0,c.value=i};e.onBeforeUnmount(()=>{w(),document.removeEventListener("mouseup",d)});const w=()=>{document.onselectstart!==f&&(document.onselectstart=f)};return E.useEventListener(e.toRef(o,"scrollbarElement"),"mousemove",P),E.useEventListener(e.toRef(o,"scrollbarElement"),"mouseleave",M),(n,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(u).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"instance",ref:l,class:e.normalizeClass([e.unref(u).e("bar"),e.unref(u).is(t.value.key)]),onMousedown:z},[e.createElementVNode("div",{ref_key:"thumb",ref:s,class:e.normalizeClass(e.unref(u).e("thumb")),style:e.normalizeStyle(y.value),onMousedown:q},null,38)],34),[[e.vShow,a.always||c.value]])]),_:1},8,["name"]))}});exports.default=T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("../input/index.cjs"),A=require("../popover/index.cjs");require("@vueuse/core");require("@vft/utils");const a=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const K=require("@vft/directives"),L=e.defineComponent({name:"vft-search"}),H=e.defineComponent({...L,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},id:{},size:{},disabled:{type:Boolean},modelValue:{default:""},type:{},resize:{},autosize:{type:[Object,Boolean]},autocomplete:{},formatter:{},parser:{},placeholder:{default:"请输入你要搜索的内容"},form:{},readonly:{type:Boolean},clearable:{type:Boolean,default:!0},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{},validateEvent:{type:Boolean},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("../input/index.cjs"),A=require("../popover/index.cjs");require("@vueuse/core");require("@vft/utils");const a=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const K=require("@vft/directives"),L=e.defineComponent({name:"vft-search"}),H=e.defineComponent({...L,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},id:{},size:{},disabled:{type:Boolean},modelValue:{default:""},type:{},resize:{},autosize:{type:[Object,Boolean]},autocomplete:{},formatter:{},parser:{},placeholder:{default:"请输入你要搜索的内容"},form:{},readonly:{type:Boolean},clearable:{type:Boolean,default:!0},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{},validateEvent:{type:Boolean},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(o,{expose:h,emit:C}){const r=D.useNamespace("search"),n=C,f=e.ref(),p=e.ref(),u=e.ref(),s=e.ref(!1),d=e.ref(!1),i=e.ref(!1),y=e.computed(()=>m.generateCssVars({width:o.activeWidth&&(i.value||o.modelValue)?a.addUnit(o.activeWidth):a.addUnit(o.width)},"input")),k=e.computed(()=>m.generateCssVars({"active-width":o.activeWidth?a.addUnit(o.activeWidth):a.addUnit(o.width)},"search")),w=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top",placement:"bottom-start",offset:3,width:500,...o.popoverCfg})),V=t=>{n("update:modelValue",t),n("input",t)},B=()=>{c()};function g(){i.value=!0}function c(){i.value=!1}const b=()=>{n("clear"),l(!1)};function x(){d.value=!0,n("mouseenter",o.modelValue)}function S(){d.value=!1,n("mouseleave",o.modelValue)}const q=()=>{i.value=!0,s.value=!0,n("focus")};function P(){s.value=!1,n("blur")}function $(){l(),n("prefixClick",o.modelValue)}function R(){l(),n("suffixClick",o.modelValue)}function E(){l(),n("enter",o.modelValue)}function l(t=!0){o.usePopover&&c(),t&&u.value.blur()}const U=t=>{n("keydown",t)},z=e.computed(()=>f.value?.popperRef?.contentRef),M=t=>{n("update:modelValue",t)},W=t=>{n("change",t)},I=t=>{n("compositionstart",t)},O=t=>{n("compositionupdate",t)},F=t=>{n("compositionend",t)};return h({isFocus:s,isHover:d,visible:i,hidePopover:c,showPopover:g,inputRef:u}),(t,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:p,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",!!i.value||!!o.modelValue)]),style:e.normalizeStyle(k.value)},[e.createVNode(e.unref(j.VftInput),e.mergeProps({ref_key:"inputRef",ref:u},t.$props,{"input-style":y.value,onInput:V,onFocus:q,onEnter:E,onBlur:P,onMouseenter:x,"onUpdate:modelValue":M,onMouseleave:S,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:U,onClear:b,onCompositionstart:I,onCompositionupdate:O,onCompositionend:F}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[e.unref(K.ClickOutside),B,z.value]]),o.usePopover?(e.openBlock(),e.createBlock(e.unref(A.VftPopover),e.mergeProps({key:0,style:{"--vft-transition-duration":"3s"},ref_key:"popoverRef",ref:f},w.value,{"virtual-ref":p.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=N=>i.value=N),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64))}});exports.default=H;
|
|
@@ -2780,6 +2780,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
|
|
|
2780
2780
|
};
|
|
2781
2781
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
|
|
2782
2782
|
}, {
|
|
2783
|
-
ClickOutside: import("vue").ObjectDirective<any, any, string,
|
|
2783
|
+
ClickOutside: import("vue").ObjectDirective<any, any, string, any>;
|
|
2784
2784
|
}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
2785
2785
|
export * from './token';
|
|
@@ -2776,6 +2776,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2776
2776
|
};
|
|
2777
2777
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
|
|
2778
2778
|
}, {
|
|
2779
|
-
ClickOutside: import("vue").ObjectDirective<any, any, string,
|
|
2779
|
+
ClickOutside: import("vue").ObjectDirective<any, any, string, any>;
|
|
2780
2780
|
}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2781
2781
|
export default _default;
|
|
@@ -96,10 +96,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
|
|
|
96
96
|
"update:width": (val: string | number) => void;
|
|
97
97
|
dragEnd: (oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
|
|
98
98
|
dragWidthEnd: () => void;
|
|
99
|
-
select: (val:
|
|
100
|
-
route: string;
|
|
101
|
-
indexPath: string[];
|
|
102
|
-
}) => void;
|
|
99
|
+
select: (val: import("./types").MenuSelectEventData) => void;
|
|
103
100
|
subMenuClick: (val: any) => void;
|
|
104
101
|
subMenuOpenClick: (val: any) => void;
|
|
105
102
|
menuItemMouseenter: (val: any) => void;
|
|
@@ -190,10 +187,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
|
|
|
190
187
|
default: boolean;
|
|
191
188
|
};
|
|
192
189
|
}>> & Readonly<{
|
|
193
|
-
onSelect?: ((val:
|
|
194
|
-
route: string;
|
|
195
|
-
indexPath: string[];
|
|
196
|
-
}) => any) | undefined;
|
|
190
|
+
onSelect?: ((val: import("./types").MenuSelectEventData) => any) | undefined;
|
|
197
191
|
"onUpdate:collapse"?: ((val: boolean) => any) | undefined;
|
|
198
192
|
"onUpdate:width"?: ((val: string | number) => any) | undefined;
|
|
199
193
|
onDragEnd?: ((oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => any) | undefined;
|
|
@@ -1,54 +1,6 @@
|
|
|
1
1
|
import Sortable from 'sortablejs';
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
/** 是否需要固定在左侧 */
|
|
5
|
-
isFixedLeft?: boolean;
|
|
6
|
-
/** 菜单列表 */
|
|
7
|
-
menus: MenuType[];
|
|
8
|
-
/** 侧边栏宽度 */
|
|
9
|
-
width?: string | number;
|
|
10
|
-
/** 侧边栏高度 */
|
|
11
|
-
height?: string;
|
|
12
|
-
/** 侧边栏折叠后的宽度 */
|
|
13
|
-
collapseWidth?: string | number;
|
|
14
|
-
/** 属性字段映射 */
|
|
15
|
-
attrMapping?: MenuAttrMapping;
|
|
16
|
-
/** 菜单内上下 slot 插槽高度总和 */
|
|
17
|
-
menuTopBottomHeight?: number;
|
|
18
|
-
/** 是否显示底部收缩 */
|
|
19
|
-
showCollapse?: boolean;
|
|
20
|
-
/** 只有一级菜单时拖拽配置 */
|
|
21
|
-
dragOption?: Sortable.Options & {
|
|
22
|
-
dragClassName: string;
|
|
23
|
-
};
|
|
24
|
-
/** 是否可以拖拽侧边栏宽度 */
|
|
25
|
-
dragWidthCfg?: boolean | {
|
|
26
|
-
maxWidth?: number;
|
|
27
|
-
minWidth?: number;
|
|
28
|
-
};
|
|
29
|
-
/** 是否使用菜单组件内部的选中事件 */
|
|
30
|
-
useRouterJump?: boolean;
|
|
31
|
-
/** 是否开启菜单禁用 */
|
|
32
|
-
openDisabled?: boolean;
|
|
33
|
-
/** 点击子菜单时是否滚动到其父级位置 */
|
|
34
|
-
autoScrollActiveDom?: boolean | number;
|
|
35
|
-
/** 开启菜单折叠 */
|
|
36
|
-
openMenuCollapse?: boolean;
|
|
37
|
-
/** 是否收缩 */
|
|
38
|
-
collapse?: boolean;
|
|
39
|
-
/** 保持只打开一个 */
|
|
40
|
-
uniqueOpened?: boolean;
|
|
41
|
-
/** 禁用判断使用相反的条件 */
|
|
42
|
-
disabledJudgeTurnOver?: boolean;
|
|
43
|
-
/** 默认选中 */
|
|
44
|
-
defaultActive?: string;
|
|
45
|
-
/** 默认展开 */
|
|
46
|
-
defaultOpeneds?: Array<string | number>;
|
|
47
|
-
defaultOpenedsLevel?: number | boolean;
|
|
48
|
-
/** 禁用子菜单的展开收缩行为 */
|
|
49
|
-
disableSubMenuAction?: boolean;
|
|
50
|
-
}
|
|
51
|
-
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
|
|
2
|
+
import type { MenuSelectEventData, SideMenuProps } from './types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
|
|
52
4
|
isFixedLeft: boolean;
|
|
53
5
|
autoScrollActiveDom: boolean;
|
|
54
6
|
openMenuCollapse: boolean;
|
|
@@ -77,15 +29,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
77
29
|
"update:width": (val: string | number) => void;
|
|
78
30
|
dragEnd: (oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => void;
|
|
79
31
|
dragWidthEnd: () => void;
|
|
80
|
-
select: (val:
|
|
81
|
-
route: string;
|
|
82
|
-
indexPath: string[];
|
|
83
|
-
}) => void;
|
|
32
|
+
select: (val: MenuSelectEventData) => void;
|
|
84
33
|
subMenuClick: (val: any) => void;
|
|
85
34
|
subMenuOpenClick: (val: any) => void;
|
|
86
35
|
menuItemMouseenter: (val: any) => void;
|
|
87
36
|
menuItemMouseleave: (val: any) => void;
|
|
88
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<
|
|
37
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
|
|
89
38
|
isFixedLeft: boolean;
|
|
90
39
|
autoScrollActiveDom: boolean;
|
|
91
40
|
openMenuCollapse: boolean;
|
|
@@ -102,10 +51,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
102
51
|
disableSubMenuAction: boolean;
|
|
103
52
|
defaultOpenedsLevel: boolean;
|
|
104
53
|
}>>> & Readonly<{
|
|
105
|
-
onSelect?: ((val:
|
|
106
|
-
route: string;
|
|
107
|
-
indexPath: string[];
|
|
108
|
-
}) => any) | undefined;
|
|
54
|
+
onSelect?: ((val: MenuSelectEventData) => any) | undefined;
|
|
109
55
|
"onUpdate:collapse"?: ((val: boolean) => any) | undefined;
|
|
110
56
|
"onUpdate:width"?: ((val: string | number) => any) | undefined;
|
|
111
57
|
onDragEnd?: ((oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => any) | undefined;
|
|
@@ -1,14 +1,121 @@
|
|
|
1
|
+
import type Sortable from 'sortablejs';
|
|
2
|
+
import type { SortableEvent } from 'sortablejs';
|
|
3
|
+
/** 菜单项类型 */
|
|
1
4
|
export type MenuType = {
|
|
5
|
+
/** 子菜单列表 */
|
|
2
6
|
children?: MenuType[];
|
|
7
|
+
/** 菜单标题 */
|
|
3
8
|
title: string;
|
|
9
|
+
/** 菜单图标 */
|
|
4
10
|
icon?: string;
|
|
11
|
+
/** 其他自定义属性 */
|
|
5
12
|
[key: string]: any;
|
|
6
13
|
};
|
|
14
|
+
/** 菜单属性字段映射配置 */
|
|
7
15
|
export type MenuAttrMapping = {
|
|
16
|
+
/** 路径字段名 */
|
|
8
17
|
path?: string;
|
|
18
|
+
/** 子菜单字段名 */
|
|
9
19
|
children?: string;
|
|
20
|
+
/** 标题字段名 */
|
|
10
21
|
title?: string;
|
|
22
|
+
/** 索引字段名 */
|
|
11
23
|
index?: string | number;
|
|
24
|
+
/** 图标字段名 */
|
|
12
25
|
icon?: string;
|
|
26
|
+
/** 禁用字段名 */
|
|
13
27
|
disabled?: string;
|
|
14
28
|
};
|
|
29
|
+
/** 侧边菜单组件属性 */
|
|
30
|
+
export interface SideMenuProps {
|
|
31
|
+
/** 是否固定在左侧 */
|
|
32
|
+
isFixedLeft?: boolean;
|
|
33
|
+
/** 菜单列表 */
|
|
34
|
+
menus: MenuType[];
|
|
35
|
+
/** 侧边栏宽度 */
|
|
36
|
+
width?: string | number;
|
|
37
|
+
/** 侧边栏高度 */
|
|
38
|
+
height?: string;
|
|
39
|
+
/** 侧边栏折叠后的宽度 */
|
|
40
|
+
collapseWidth?: string | number;
|
|
41
|
+
/** 属性字段映射 */
|
|
42
|
+
attrMapping?: MenuAttrMapping;
|
|
43
|
+
/** 菜单内上下插槽高度总和 */
|
|
44
|
+
menuTopBottomHeight?: number;
|
|
45
|
+
/** 是否显示底部收缩按钮 */
|
|
46
|
+
showCollapse?: boolean;
|
|
47
|
+
/** 只有一级菜单时的拖拽配置 */
|
|
48
|
+
dragOption?: Sortable.Options & {
|
|
49
|
+
dragClassName: string;
|
|
50
|
+
};
|
|
51
|
+
/** 是否可以拖拽侧边栏宽度 */
|
|
52
|
+
dragWidthCfg?: boolean | {
|
|
53
|
+
/** 最大宽度 */
|
|
54
|
+
maxWidth?: number;
|
|
55
|
+
/** 最小宽度 */
|
|
56
|
+
minWidth?: number;
|
|
57
|
+
};
|
|
58
|
+
/** 是否使用菜单组件内部的选中事件进行路由跳转 */
|
|
59
|
+
useRouterJump?: boolean;
|
|
60
|
+
/** 是否开启菜单禁用功能 */
|
|
61
|
+
openDisabled?: boolean;
|
|
62
|
+
/** 点击子菜单时是否自动滚动到其父级位置 */
|
|
63
|
+
autoScrollActiveDom?: boolean | number;
|
|
64
|
+
/** 是否开启菜单折叠功能 */
|
|
65
|
+
openMenuCollapse?: boolean;
|
|
66
|
+
/** 是否折叠菜单 */
|
|
67
|
+
collapse?: boolean;
|
|
68
|
+
/** 是否保持只打开一个子菜单 */
|
|
69
|
+
uniqueOpened?: boolean;
|
|
70
|
+
/** 禁用判断使用相反的条件 */
|
|
71
|
+
disabledJudgeTurnOver?: boolean;
|
|
72
|
+
/** 默认选中的菜单索引 */
|
|
73
|
+
defaultActive?: string;
|
|
74
|
+
/** 默认展开的子菜单索引数组 */
|
|
75
|
+
defaultOpeneds?: Array<string | number>;
|
|
76
|
+
/** 默认展开的层级深度 */
|
|
77
|
+
defaultOpenedsLevel?: number | boolean;
|
|
78
|
+
/** 禁用子菜单的展开收缩行为 */
|
|
79
|
+
disableSubMenuAction?: boolean;
|
|
80
|
+
}
|
|
81
|
+
/** 菜单选中事件参数 */
|
|
82
|
+
export interface MenuSelectEventData {
|
|
83
|
+
/** 选中的路由路径 */
|
|
84
|
+
route: string;
|
|
85
|
+
/** 选中菜单的索引路径 */
|
|
86
|
+
indexPath: string[];
|
|
87
|
+
}
|
|
88
|
+
/** 侧边菜单组件 Emits */
|
|
89
|
+
export interface SideMenuEmits {
|
|
90
|
+
/** 折叠状态更新事件 */
|
|
91
|
+
(e: 'update:collapse', val: boolean): void;
|
|
92
|
+
/** 宽度更新事件 */
|
|
93
|
+
(e: 'update:width', val: string | number): void;
|
|
94
|
+
/** 拖拽结束事件 */
|
|
95
|
+
(e: 'dragEnd', oldIndex: SortableEvent, newIndex: SortableEvent): void;
|
|
96
|
+
/** 拖拽宽度结束事件 */
|
|
97
|
+
(e: 'dragWidthEnd'): void;
|
|
98
|
+
/** 菜单选中事件 */
|
|
99
|
+
(e: 'select', val: MenuSelectEventData): void;
|
|
100
|
+
/** 子菜单点击事件 */
|
|
101
|
+
(e: 'subMenuClick', val: any): void;
|
|
102
|
+
/** 子菜单展开点击事件 */
|
|
103
|
+
(e: 'subMenuOpenClick', val: any): void;
|
|
104
|
+
/** 菜单项鼠标进入事件 */
|
|
105
|
+
(e: 'menuItemMouseenter', val: any): void;
|
|
106
|
+
/** 菜单项鼠标离开事件 */
|
|
107
|
+
(e: 'menuItemMouseleave', val: any): void;
|
|
108
|
+
}
|
|
109
|
+
/** 侧边菜单组件暴露的方法和属性 */
|
|
110
|
+
export interface SideMenuExpose {
|
|
111
|
+
/** 侧边栏容器引用 */
|
|
112
|
+
sideRef: any;
|
|
113
|
+
/** 跳转到激活的菜单项 */
|
|
114
|
+
jumpActiveDom: (options?: {
|
|
115
|
+
activeDom?: HTMLElement | null;
|
|
116
|
+
offset?: number;
|
|
117
|
+
delay?: number;
|
|
118
|
+
}) => void;
|
|
119
|
+
/** 菜单组件引用 */
|
|
120
|
+
menuRef: any;
|
|
121
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../icon/index.cjs");require("@vueuse/core");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../icon/index.cjs");require("@vueuse/core");const o=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const u=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const c=e.defineComponent({name:"VftSkeletonItem"}),a=e.defineComponent({...c,props:{variant:{default:"text"},imgIcon:{}},setup(r){const t=e.computed(()=>o.singleAttrToObj(r.imgIcon,"icon",{size:20,icon:"icon-picture-filled"})),n=u.useNamespace("skeleton");return(l,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n).e("item"),e.unref(n).e(r.variant)])},[r.variant==="image"?(e.openBlock(),e.createBlock(e.unref(i.VftIcon),e.normalizeProps(e.mergeProps({key:0},t.value)),null,16)):e.createCommentVNode("",!0)],2))}});exports.default=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const c=require("../../hooks/use-throttle-render/index.cjs");require("../../hooks/use-z-index/index.cjs");const u=require("./skeleton-item.vue2.cjs"),d=e.defineComponent({name:"vft-skeleton"}),m=e.defineComponent({...d,props:{animated:{type:Boolean,default:!1},count:{default:1},rows:{default:3},loading:{type:Boolean,default:!0},throttle:{}},setup(t,{expose:s}){const r=i.useNamespace("skeleton"),l=c.useThrottleRender(e.computed(()=>t.loading),t.throttle);return s({uiLoading:l}),(n,f)=>e.unref(l)?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,class:[e.unref(r).b(),e.unref(r).is("animated",t.animated)]},n.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.count,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a},[t.loading?e.renderSlot(n.$slots,"template",{key:a},()=>[e.createVNode(u.default,{class:e.normalizeClass(e.unref(r).is("first")),variant:"p"},null,8,["class"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,o=>(e.openBlock(),e.createBlock(u.default,{key:o,class:e.normalizeClass([e.unref(r).e("paragraph"),e.unref(r).is("last",o===t.rows&&t.rows>1)]),variant:"p"},null,8,["class"]))),128))]):e.createCommentVNode("",!0)],64))),128))],16)):e.renderSlot(n.$slots,"default",e.normalizeProps(e.mergeProps({key:1},n.$attrs)))}});exports.default=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");const B=require("@vft/utils"),E=require("../tooltip/index.cjs"),M=require("../../constants/event.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const S=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("../../hooks/use-z-index/index.cjs");const k=require("./composables/use-slider-button.cjs"),D=["tabindex"],N=e.defineComponent({name:"VftSliderButton"}),T=e.defineComponent({...N,props:{modelValue:{default:0},vertical:{type:Boolean},tooltipClass:{},placement:{default:"top"}},emits:{[M.UPDATE_MODEL_EVENT]:r=>B.isNumber(r)},setup(r,{expose:p,emit:m}){const c=m,f=S.useNamespace("slider"),d=e.reactive({hovering:!1,dragging:!1,isClick:!1,startX:0,currentX:0,startY:0,currentY:0,startPosition:0,newPosition:0,oldValue:r.modelValue}),g=e.getCurrentInstance(),{disabled:v,button:b,tooltip:q,showTooltip:V,tooltipVisible:w,wrapperStyle:y,formatValue:C,handleMouseEnter:u,handleMouseLeave:s,onButtonDown:o,onKeyDown:i,setPosition:x}=k.useSliderButton(g.props,d,c),{hovering:l,dragging:a}=e.toRefs(d);return p({onButtonDown:o,onKeyDown:i,setPosition:x,hovering:l,dragging:a}),(P,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"button",ref:b,class:e.normalizeClass([e.unref(f).e("button-wrapper"),{hover:e.unref(l),dragging:e.unref(a)}]),style:e.normalizeStyle(e.unref(y)),tabindex:e.unref(v)?-1:0,onMouseenter:t[0]||(t[0]=(...n)=>e.unref(u)&&e.unref(u)(...n)),onMouseleave:t[1]||(t[1]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onMousedown:t[2]||(t[2]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onTouchstart:t[3]||(t[3]=(...n)=>e.unref(o)&&e.unref(o)(...n)),onFocus:t[4]||(t[4]=(...n)=>e.unref(u)&&e.unref(u)(...n)),onBlur:t[5]||(t[5]=(...n)=>e.unref(s)&&e.unref(s)(...n)),onKeydown:t[6]||(t[6]=(...n)=>e.unref(i)&&e.unref(i)(...n))},[e.createVNode(e.unref(E.VftTooltip),{ref_key:"tooltip",ref:q,visible:e.unref(w),placement:r.placement,"fallback-placements":["top","bottom","right","left"],"stop-popper-mouse-event":!1,"popper-class":r.tooltipClass,disabled:!e.unref(V),persistent:""},{content:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(e.unref(C)),1)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(f).e("button"),{hover:e.unref(l),dragging:e.unref(a)}])},null,2)]),_:1},8,["visible","placement","popper-class","disabled"])],46,D))}});exports.default=T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");require("../form/index.cjs");const G=require("../input-number/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const H=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("../../hooks/use-z-index/index.cjs");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@popperjs/core");require("../form/index.cjs");const G=require("../input-number/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const H=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("../../hooks/use-z-index/index.cjs");const q=require("./button.vue2.cjs"),J=require("./composables/use-lifecycle.cjs"),Q=require("./composables/use-marks.cjs"),X=require("./composables/use-slide.cjs");require("./composables/use-slider-button.cjs");const Y=require("./composables/use-stops.cjs"),Z=require("./composables/use-watch.cjs"),_=require("./constants.cjs"),ee=require("./marker.cjs"),te=require("./slider.cjs"),ae=require("../form/hooks/use-form-item.cjs"),le=require("../form/hooks/use-form-common-props.cjs"),ne=["id","role","aria-labelledby"],re={key:1},oe=e.defineComponent({name:"vft-slider"}),ue=e.defineComponent({...oe,props:{modelValue:{default:0},id:{},min:{default:0},max:{default:100},step:{default:1},showInput:{type:Boolean},showInputControls:{type:Boolean,default:!0},size:{},inputSize:{},showStops:{type:Boolean},showTooltip:{type:Boolean,default:!0},formatTooltip:{},disabled:{type:Boolean},range:{type:Boolean},vertical:{type:Boolean},height:{},debounce:{default:300},label:{},rangeStartLabel:{},rangeEndLabel:{},formatValueText:{},tooltipClass:{},placement:{default:"top"},marks:{},validateEvent:{type:Boolean,default:!0}},emits:te.sliderEmits,setup(t,{expose:h,emit:w}){const k=w,l=H.useNamespace("slider"),o=e.reactive({firstValue:0,secondValue:0,oldValue:0,dragging:!1,sliderSize:1}),r=e.getCurrentInstance(),{elFormItem:c,slider:I,firstButton:E,secondButton:T,sliderDisabled:i,minValue:b,maxValue:g,runwayStyle:F,barStyle:L,resetSize:B,emitChange:V,onSliderWrapperPrevent:m,onSliderClick:N,onSliderDown:f,setFirstValue:x,setSecondValue:M}=X.useSlide(r.props,o,k),{stops:U,getStopStyle:p}=Y.useStops(r.props,o,b,g),{inputId:S,isLabeledByFormItem:C}=ae.useFormItemInputId(r.props,{formItemContext:c}),z=le.useFormSize(),W=e.computed(()=>t.inputSize||z.value),D=e.computed(()=>t.formatValueText?t.formatValueText(u.value):`${u.value}`),$=e.computed(()=>t.rangeEndLabel||""),P=e.computed(()=>t.formatValueText?t.formatValueText(s.value):`${s.value}`),K=e.computed(()=>[l.b(),l.m(z.value),l.is("vertical",t.vertical),{[l.m("with-input")]:t.showInput}]),y=Q.useMarks(r.props);Z.useWatch(r.props,o,b,g,k,c);const R=e.computed(()=>{const v=[t.min,t.max,t.step].map(n=>{const a=`${n}`.split(".")[1];return a?a.length:0});return Math.max.apply(null,v)}),{sliderWrapper:j}=J.useLifecycle(r.props,o,B),{firstValue:u,secondValue:s,sliderSize:O}=e.toRefs(o),A=v=>{o.dragging=v};return e.provide(_.sliderContextKey,{...e.toRefs(r.props),sliderSize:O,disabled:i.value,precision:R,emitChange:V,resetSize:B,updateDragging:A}),h({onSliderClick:N}),(v,n)=>(e.openBlock(),e.createElementBlock("div",{id:t.range?e.unref(S):void 0,ref_key:"sliderWrapper",ref:j,class:e.normalizeClass(K.value),role:t.range?"group":void 0,"aria-labelledby":t.range&&e.unref(C)?e.unref(c)?.labelId:void 0,onTouchstart:n[2]||(n[2]=(...a)=>e.unref(m)&&e.unref(m)(...a)),onTouchmove:n[3]||(n[3]=(...a)=>e.unref(m)&&e.unref(m)(...a))},[e.createElementVNode("div",{ref_key:"slider",ref:I,class:e.normalizeClass([e.unref(l).e("runway"),{"show-input":t.showInput&&!t.range},e.unref(l).is("disabled",e.unref(i))]),style:e.normalizeStyle(e.unref(F)),onMousedown:n[0]||(n[0]=(...a)=>e.unref(f)&&e.unref(f)(...a)),onTouchstart:n[1]||(n[1]=(...a)=>e.unref(f)&&e.unref(f)(...a))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("bar")),style:e.normalizeStyle(e.unref(L))},null,6),e.createVNode(q.default,{id:t.range?void 0:e.unref(S),ref_key:"firstButton",ref:E,"model-value":e.unref(u),vertical:t.vertical,"tooltip-class":t.tooltipClass,placement:t.placement,role:"slider","aria-labelledby":!t.range&&e.unref(C)?e.unref(c)?.labelId:void 0,"aria-valuemin":t.min,"aria-valuemax":t.range?e.unref(s):t.max,"aria-valuenow":e.unref(u),"aria-valuetext":D.value,"aria-orientation":t.vertical?"vertical":"horizontal","aria-disabled":e.unref(i),"onUpdate:modelValue":e.unref(x)},null,8,["id","model-value","vertical","tooltip-class","placement","aria-labelledby","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"]),t.range?(e.openBlock(),e.createBlock(q.default,{key:0,ref_key:"secondButton",ref:T,"model-value":e.unref(s),vertical:t.vertical,"tooltip-class":t.tooltipClass,placement:t.placement,role:"slider","aria-label":$.value,"aria-valuemin":e.unref(u),"aria-valuemax":t.max,"aria-valuenow":e.unref(s),"aria-valuetext":P.value,"aria-orientation":t.vertical?"vertical":"horizontal","aria-disabled":e.unref(i),"onUpdate:modelValue":e.unref(M)},null,8,["model-value","vertical","tooltip-class","placement","aria-label","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-orientation","aria-disabled","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.showStops?(e.openBlock(),e.createElementBlock("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),(a,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:e.normalizeClass(e.unref(l).e("stop")),style:e.normalizeStyle(e.unref(p)(a))},null,6))),128))])):e.createCommentVNode("",!0),e.unref(y).length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(a,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,style:e.normalizeStyle(e.unref(p)(a.position)),class:e.normalizeClass([e.unref(l).e("stop"),e.unref(l).e("marks-stop")])},null,6))),128))]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("marks"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),(a,d)=>(e.openBlock(),e.createBlock(e.unref(ee.default),{key:d,mark:a.mark,style:e.normalizeStyle(e.unref(p)(a.position))},null,8,["mark","style"]))),128))],2)],64)):e.createCommentVNode("",!0)],38),t.showInput&&!t.range?(e.openBlock(),e.createBlock(e.unref(G.VftInputNumber),{key:0,ref:"input","model-value":e.unref(u),class:e.normalizeClass(e.unref(l).e("input")),step:t.step,disabled:e.unref(i),controls:t.showInputControls,min:t.min,max:t.max,debounce:t.debounce,size:W.value,"onUpdate:modelValue":e.unref(x),onChange:e.unref(V)},null,8,["model-value","class","step","disabled","controls","min","max","debounce","size","onUpdate:modelValue","onChange"])):e.createCommentVNode("",!0)],42,ne))}});exports.default=ue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../icon/index.cjs");require("@vueuse/core");const N=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./tokens.cjs"),D=e.defineComponent({name:"VftStep"}),P=e.defineComponent({...D,props:{title:{},icon:{},description:{},status:{}},setup(a){const S=a,t=I.useNamespace("step"),r=e.ref(-1),C=e.ref({}),c=e.ref(""),n=e.inject(w.STEPS_INJECTION_KEY),p=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([s])=>{T(s)},{immediate:!0})});const B=e.computed(()=>N.singleAttrToObj(S.icon,"icon")),o=e.computed(()=>S.status||c.value),$=e.computed(()=>{const s=n.steps.value[r.value-1];return s?s.currentStatus:"wait"}),d=e.computed(()=>n.props.alignCenter),y=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),v=e.computed(()=>n.props.contentPosition==="top"),m=e.computed(()=>n.steps.value.length),V=e.computed(()=>n.steps.value[m.value-1]?.uid===p.uid),u=e.computed(()=>l.value?"":n.props.space),g=e.computed(()=>[t.b(),t.is(l.value?"simple":n.props.direction),t.is("flex",V.value&&!u.value&&!d.value),t.is("center",d.value&&!y.value&&!l.value),t.is("content-top",v.value),t.is(o.value)]),h=e.computed(()=>{const s={flexBasis:N.isNumber(u.value)?`${u.value}px`:u.value?u.value:`${100/(m.value-(d.value?0:1))}%`};return y.value||V.value&&(s.maxWidth=`${100/m.value}%`),s}),q=s=>{r.value=s},b=s=>{const i=s==="wait",f={transitionDelay:`${i?"-":""}${150*r.value}ms`},E=s===n.props.processStatus||i?0:100;f.borderWidth=E&&!l.value?"1px":0,f[n.props.direction==="vertical"?"height":"width"]=`${E}%`,C.value=f},T=s=>{s>r.value?c.value=n.props.finishStatus:s===r.value&&$.value!=="error"?c.value=n.props.processStatus:c.value="wait";const i=n.steps.value[r.value-1];i&&i.calcProgress(c.value)},z=e.reactive({uid:p.uid,getVnode:()=>p.vnode,currentStatus:o,setIndex:q,calcProgress:b});return n.addStep(z),e.onBeforeUnmount(()=>{n.removeStep(z)}),(s,i)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(h.value),class:e.normalizeClass(g.value)},[s.$slots.top?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("top-slot"))},[e.renderSlot(s.$slots,"top")],2)):v.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(a.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(a.description),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("head"),e.unref(t).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(t).e("line-inner")),style:e.normalizeStyle(C.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("icon"),e.unref(t).is(a.icon||s.$slots.icon?"icon":"text")])},[e.renderSlot(s.$slots,"icon",{},()=>[B.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},B.value,{class:e.unref(t).e("icon-inner")}),null,16,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:1,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-check"},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:2,class:e.normalizeClass([e.unref(t).e("icon-inner"),e.unref(t).is("status")]),icon:"icon-close"},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),s.$slots.bottom?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).e("bottom-slot"))},[e.renderSlot(s.$slots,"bottom")],2)):v.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("title"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(a.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(t).e("description"),e.unref(t).is(o.value)])},[e.renderSlot(s.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(a.description),1)])],2))],2))],6))}});exports.default=P;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const m=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./tokens.cjs"),q=e.defineComponent({name:"vft-steps"}),S=e.defineComponent({...q,props:{space:{},active:{default:0},direction:{default:"horizontal"},alignCenter:{type:Boolean},simple:{type:Boolean},finishStatus:{default:"finish"},processStatus:{default:"process"},contentPosition:{default:"bottom"}},emits:["change"],setup(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../constants/event.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const m=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("./tokens.cjs"),q=e.defineComponent({name:"vft-steps"}),S=e.defineComponent({...q,props:{space:{},active:{default:0},direction:{default:"horizontal"},alignCenter:{type:Boolean},simple:{type:Boolean},finishStatus:{default:"finish"},processStatus:{default:"process"},contentPosition:{default:"bottom"}},emits:["change"],setup(n,{emit:u}){const i=n,a=u,o=f.useNamespace("steps"),{children:s,addChild:c,removeChild:l,ChildrenSorter:d}=m.useOrderedChildren(e.getCurrentInstance(),"VftStep");return e.watch(s,()=>{s.value.forEach((t,r)=>{t.setIndex(r)})}),e.provide(h.STEPS_INJECTION_KEY,{props:i,steps:s,addStep:c,removeStep:l}),e.watch(()=>i.active,(t,r)=>{a(p.CHANGE_EVENT,t,r)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(o).b(),e.unref(o).m(n.simple?"simple":n.direction)])},[e.renderSlot(t.$slots,"default"),e.createVNode(e.unref(d))],2))}});exports.default=S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../button/index.cjs"),f=require("../form/index.cjs"),v=require("../row/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("./use/use-form-context.cjs"),k=e.defineComponent({__name:"super-form-action",props:{showResetButton:{type:Boolean},showSubmitButton:{type:Boolean},showCommonButton:{type:Boolean},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},submitResetReverse:{type:Boolean}},setup(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../button/index.cjs"),f=require("../form/index.cjs"),v=require("../row/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("./use/use-form-context.cjs"),k=e.defineComponent({__name:"super-form-action",props:{showResetButton:{type:Boolean},showSubmitButton:{type:Boolean},showCommonButton:{type:Boolean},resetButtonOptions:{},submitButtonOptions:{},commonButtonOptions:{},actionRowOptions:{},submitResetReverse:{type:Boolean}},setup(t){const r=C.useNamespace("form-action"),{resetAction:m,submitAction:B,commonAction:c}=b.useFormContext(),p=e.computed(()=>({justify:"end",...t.actionRowOptions})),d=e.computed(()=>Object.assign({btnText:"重置"},t.resetButtonOptions)),a=e.computed(()=>Object.assign({btnText:"确认"},t.submitButtonOptions)),n=e.computed(()=>Object.assign({btnText:"取消"},t.commonButtonOptions)),l=o=>({type:o?"warning":"primary",options:o?d.value:a.value,action:o?m:B,className:o?r.e("reset"):r.e("submit"),show:o?t.showResetButton:t.showSubmitButton}),s=e.computed(()=>l(!t.submitResetReverse)),u=e.computed(()=>l(t.submitResetReverse));return(o,y)=>(e.openBlock(),e.createBlock(e.unref(v.VftRow),e.normalizeProps(e.guardReactiveProps(p.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(f.VftFormItem),{class:e.normalizeClass([{"submit-block":a.value.block},e.unref(r).b()])},{default:e.withCtx(()=>[t.showCommonButton&&!n.value.isBehind?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:0},n.value,{class:e.unref(r).e("common"),onClick:e.unref(c)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"resetBefore"),s.value.show?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:1,type:s.value.type},s.value.options,{onClick:s.value.action,class:s.value.className}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value.options.btnText),1)]),_:1},16,["type","onClick","class"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"submitBefore"),u.value.show?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:2,type:u.value.type},u.value.options,{onClick:u.value.action,class:u.value.className}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.options.btnText),1)]),_:1},16,["type","onClick","class"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"submitAfter"),t.showCommonButton&&n.value.isBehind?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:3},n.value,{class:e.unref(r).e("common"),onClick:e.unref(c)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},16))}});exports.default=k;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@vft/utils");require("../form/index.cjs");const h=require("../icon/index.cjs"),i=require("../../constants/event.cjs");require("@vueuse/core");const C=require("../../utils/error.cjs"),S=require("../../utils/helper.cjs");require("lodash-es");const D=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B=require("../form/hooks/use-form-item.cjs"),N=require("../form/hooks/use-form-common-props.cjs"),A=["id","aria-checked","aria-disabled","name","true-value","false-value","disabled","tabindex"],O=["aria-hidden"],M=["aria-hidden"],U=["aria-hidden"],F=e.defineComponent({name:"vft-switch"}),j=e.defineComponent({...F,props:{modelValue:{type:[Boolean,String,Number],default:!1},value:{type:[Boolean,String,Number],default:!1},disabled:{type:Boolean,default:!1},width:{},inlinePrompt:{type:Boolean,default:!1},activeIcon:{},inactiveIcon:{},activeText:{},inactiveText:{},activeColor:{},inactiveColor:{},borderColor:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},validateEvent:{type:Boolean,default:!0},id:{},loading:{type:Boolean,default:!1},beforeChange:{},size:{},tabindex:{}},emits:[i.UPDATE_MODEL_EVENT,i.CHANGE_EVENT,i.INPUT_EVENT],setup(a,{expose:T,emit:g}){const n=D.useNamespace("switch"),t=a,r=g,{formItem:E}=B.useFormItem(),p=N.useFormSize(),{inputId:x}=B.useFormItemInputId(t,{formItemContext:E}),u=e.computed(()=>m.singleAttrToObj(t.activeIcon,"icon")),s=e.computed(()=>m.singleAttrToObj(t.inactiveIcon,"icon")),v=N.useFormDisabled(e.computed(()=>t.loading)),k=e.ref(t.modelValue!==!1),d=e.ref(),P=e.ref(),I=e.computed(()=>[n.b(),n.m(p.value),n.is("disabled",v.value),n.is("checked",o.value)]),w=e.computed(()=>({width:S.addUnit(t.width)}));e.watch(()=>t.modelValue,()=>{k.value=!0}),e.watch(()=>t.value,()=>{k.value=!1});const b=e.computed(()=>k.value?t.modelValue:t.value),o=e.computed(()=>b.value===t.activeValue);[t.activeValue,t.inactiveValue].includes(b.value)||(r(i.UPDATE_MODEL_EVENT,t.inactiveValue),r(i.CHANGE_EVENT,t.inactiveValue),r(i.INPUT_EVENT,t.inactiveValue)),e.watch(o,l=>{d.value.checked=l,t.validateEvent&&E?.validate?.("change").catch(c=>C.debugWarn(c))});const f=()=>{const l=o.value?t.inactiveValue:t.activeValue;r(i.UPDATE_MODEL_EVENT,l),r(i.CHANGE_EVENT,l),r(i.INPUT_EVENT,l),e.nextTick(()=>{d.value.checked=o.value})},y=()=>{if(v.value)return;const{beforeChange:l}=t;if(!l){f();return}const c=l();[m.isPromise(c),m.isBoolean(c)].includes(!0)||C.throwError(n.b(),"beforeChange must return type `Promise<boolean>` or `boolean`"),m.isPromise(c)?c.then(V=>{V&&f()}).catch(V=>{C.debugWarn(n.b(),`some error occurred: ${V}`)}):c&&f()},z=e.computed(()=>n.cssVarBlock({...t.activeColor?{"on-color":t.activeColor}:null,...t.inactiveColor?{"off-color":t.inactiveColor}:null,...t.borderColor?{"border-color":t.borderColor}:null})),q=()=>{d.value?.focus?.()};return e.onMounted(()=>{d.value.checked=o.value}),T({focus:q,checked:o}),(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(I.value),style:e.normalizeStyle(z.value),onClick:e.withModifiers(y,["prevent"])},[e.createElementVNode("input",{id:e.unref(x),ref_key:"input",ref:d,class:e.normalizeClass(e.unref(n).e("input")),type:"checkbox",role:"switch","aria-checked":o.value,"aria-disabled":e.unref(v),name:a.name,"true-value":a.activeValue,"false-value":a.inactiveValue,disabled:e.unref(v),tabindex:a.tabindex,onChange:f,onKeydown:e.withKeys(y,["enter"])},null,42,A),!a.inlinePrompt&&(a.inactiveIcon||a.inactiveText)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(n).e("label"),e.unref(n).em("label","left"),e.unref(n).is("active",!o.value)])},[s.value?.icon?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),e.normalizeProps(e.mergeProps({key:0},s.value)),null,16)):e.createCommentVNode("",!0),!s.value?.icon&&a.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":o.value},e.toDisplayString(a.inactiveText),9,O)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{ref_key:"core",ref:P,class:e.normalizeClass(e.unref(n).e("core")),style:e.normalizeStyle(w.value)},[a.inlinePrompt?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("inner"))},[u.value?.icon||s.value?.icon?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),e.normalizeProps(e.mergeProps({key:0},o.value?u.value:s.value)),null,16)):a.activeText||a.inactiveText?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).is("text")),"aria-hidden":!o.value},e.toDisplayString(o.value?a.activeText:a.inactiveText),11,M)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("action"))},[a.loading?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),{key:0,rotate:"",class:e.normalizeClass(e.unref(n).is("loading")),icon:"icon-loading"},null,8,["class"])):e.createCommentVNode("",!0)],2)],6),!a.inlinePrompt&&(u.value?.icon||a.activeText)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(n).e("label"),e.unref(n).em("label","right"),e.unref(n).is("active",o.value)])},[u.value?.icon?(e.openBlock(),e.createBlock(e.unref(h.VftIcon),e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),!u.value?.icon&&a.activeText?(e.openBlock(),e.createElementBlock("span",{key:1,"aria-hidden":!o.value},e.toDisplayString(a.activeText),9,U)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=j;
|
|
@@ -13,7 +13,7 @@ export declare const DATE_FIELD: ({ format, field, title, }?: {
|
|
|
13
13
|
title: string;
|
|
14
14
|
formatter: ({ row }: {
|
|
15
15
|
row: any;
|
|
16
|
-
}) =>
|
|
16
|
+
}) => string;
|
|
17
17
|
};
|
|
18
18
|
export declare const DATE_TIME_FIELD: ({ format, field, title, }?: {
|
|
19
19
|
format?: string | undefined;
|
|
@@ -25,7 +25,7 @@ export declare const DATE_TIME_FIELD: ({ format, field, title, }?: {
|
|
|
25
25
|
title: string;
|
|
26
26
|
formatter: ({ row }: {
|
|
27
27
|
row: any;
|
|
28
|
-
}) =>
|
|
28
|
+
}) => string;
|
|
29
29
|
};
|
|
30
30
|
export declare const CREATE_TIME_FIELD: ({ format, field, title, }?: {
|
|
31
31
|
format?: string | undefined;
|
|
@@ -37,7 +37,7 @@ export declare const CREATE_TIME_FIELD: ({ format, field, title, }?: {
|
|
|
37
37
|
title: string;
|
|
38
38
|
formatter: ({ row }: {
|
|
39
39
|
row: any;
|
|
40
|
-
}) =>
|
|
40
|
+
}) => string;
|
|
41
41
|
};
|
|
42
42
|
export declare const UPDATE_TIME_FIELD: ({ format, field, title, }?: {
|
|
43
43
|
format?: string | undefined;
|
|
@@ -49,7 +49,7 @@ export declare const UPDATE_TIME_FIELD: ({ format, field, title, }?: {
|
|
|
49
49
|
title: string;
|
|
50
50
|
formatter: ({ row }: {
|
|
51
51
|
row: any;
|
|
52
|
-
}) =>
|
|
52
|
+
}) => string;
|
|
53
53
|
};
|
|
54
54
|
export declare const STATUS_FIELD: ({ field, title, normalText, disabledText, strToNumber, }?: {
|
|
55
55
|
field?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=e.defineComponent({__name:"teleport",props:{disabled:{type:Boolean,default:!1},to:{}},setup(t){return(o,r)=>t.disabled?e.renderSlot(o.$slots,"default",{key:0}):(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:t.to},[e.renderSlot(o.$slots,"default")],8,["to"]))}});exports.default=l;
|
|
@@ -250,11 +250,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
250
250
|
}>, {
|
|
251
251
|
readonly disabled: boolean;
|
|
252
252
|
readonly type: string;
|
|
253
|
+
readonly placeholder: string;
|
|
253
254
|
readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType)) | null)[], unknown, unknown>;
|
|
254
255
|
readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
|
|
255
256
|
readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
|
|
256
257
|
readonly readonly: boolean;
|
|
257
|
-
readonly placeholder: string;
|
|
258
258
|
readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
259
259
|
readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
260
260
|
readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
|
|
@@ -192,11 +192,11 @@ declare const _TimePicker: import("vue").DefineComponent<import("vue").ExtractPr
|
|
|
192
192
|
}>, {
|
|
193
193
|
disabled: boolean;
|
|
194
194
|
type: string;
|
|
195
|
+
placeholder: string;
|
|
195
196
|
modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown>;
|
|
196
197
|
placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
|
|
197
198
|
tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
|
|
198
199
|
readonly: boolean;
|
|
199
|
-
placeholder: string;
|
|
200
200
|
validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
201
201
|
clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
202
202
|
prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
|
|
@@ -405,11 +405,11 @@ export declare const VftTimePicker: import("vue").DefineComponent<import("vue").
|
|
|
405
405
|
}>, {
|
|
406
406
|
disabled: boolean;
|
|
407
407
|
type: string;
|
|
408
|
+
placeholder: string;
|
|
408
409
|
modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown>;
|
|
409
410
|
placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
|
|
410
411
|
tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
|
|
411
412
|
readonly: boolean;
|
|
412
|
-
placeholder: string;
|
|
413
413
|
validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
414
414
|
clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
415
415
|
prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
|