vft 0.0.93 → 0.0.96

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.
@@ -106,7 +106,9 @@ const M = (
106
106
  setup(d) {
107
107
  const i = et();
108
108
  d.canDrag && ot(i);
109
- const u = J(), m = b(""), a = b(0), v = b(), s = E().appContext.config.globalProperties.$router, { go: g } = q(s), c = h(() => u.getTabList.filter((t) => {
109
+ const u = J(), m = b(""), a = b(0), v = b(), p = E().appContext.config.globalProperties.$router;
110
+ console.log(p, "===---");
111
+ const { go: g } = q(p), c = h(() => u.getTabList.filter((t) => {
110
112
  var e;
111
113
  return !((e = t.meta) != null && e.hideTab);
112
114
  }));
@@ -116,30 +118,30 @@ const M = (
116
118
  const e = c.value.findIndex((o) => f(o) === m.value);
117
119
  e === -1 ? a.value = ((t = c.value) == null ? void 0 : t.length) - 1 : a.value = e, a.value = a.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : a.value;
118
120
  }
119
- }), W(() => {
120
- v.value = r(s.currentRoute);
121
+ }), console.log(p, "===---"), W(() => {
122
+ console.log(p, "===---"), v.value = r(p.currentRoute);
121
123
  }), G((t) => {
122
124
  var T;
123
125
  if (!t || (T = t.meta) != null && T.hasTokenToRoot)
124
126
  return;
125
- const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, p = n ? o : null, l = f(t);
126
- if (m.value !== l && (m.value = l), p) {
127
- let y = s.getRoutes().find((D) => D.path === o);
127
+ const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, l = n ? o : null, s = f(t);
128
+ if (m.value !== s && (m.value = s), l) {
129
+ let y = p.getRoutes().find((D) => D.path === o);
128
130
  y && u.addTab(y, r(v), a.value, t);
129
131
  } else
130
132
  u.addTab(r(t), r(v), a.value);
131
133
  });
132
134
  function k(t) {
133
- var n, p;
135
+ var n, l;
134
136
  if (m.value === t.paneName)
135
137
  return;
136
138
  const e = c.value[t.attrs.index];
137
139
  m.value = t.paneName;
138
- const o = (p = (n = e == null ? void 0 : e.meta) == null ? void 0 : n.hideActiveRoute) == null ? void 0 : p.fullPath;
140
+ const o = (l = (n = e == null ? void 0 : e.meta) == null ? void 0 : n.hideActiveRoute) == null ? void 0 : l.fullPath;
139
141
  g(o || e.fullPath || e.path);
140
142
  }
141
143
  function B(t) {
142
- u.closeTabByKey(t, s);
144
+ u.closeTabByKey(t, p);
143
145
  }
144
146
  const [I, N] = O();
145
147
  function w(t) {
@@ -183,19 +185,19 @@ const M = (
183
185
  }, {
184
186
  default: C(() => [
185
187
  (x(!0), R(F, null, U(c.value, (o, n) => {
186
- var p;
188
+ var l;
187
189
  return x(), j(r(Z), {
188
190
  key: r(f)(o) + n,
189
- closable: !((p = o.meta) != null && p.affix),
191
+ closable: !((l = o.meta) != null && l.affix),
190
192
  index: n,
191
193
  name: r(f)(o)
192
194
  }, {
193
195
  label: C(() => {
194
- var l;
196
+ var s;
195
197
  return [
196
198
  S(tt, {
197
199
  contextMenuStyle: z.value,
198
- affixNum: (l = r(i)) == null ? void 0 : l.length,
200
+ affixNum: (s = r(i)) == null ? void 0 : s.length,
199
201
  ref_for: !0,
200
202
  ref: r(N)(n),
201
203
  tabItem: o
@@ -22,17 +22,17 @@ const c = (
22
22
  popoverCfg: {},
23
23
  modelValue: { default: "" },
24
24
  clearable: { type: Boolean, default: !0 },
25
- placeholder: {},
25
+ placeholder: { default: "请输入你要搜索的内容" },
26
26
  suffixIcon: { default: { icon: "ico-ep:search", color: "#8B8C8C", pointer: !0 } },
27
27
  prefixIcon: {},
28
28
  clearIcon: {}
29
29
  },
30
30
  emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change"],
31
31
  setup(o, { expose: B, emit: t }) {
32
- const k = a(), C = a(), y = a(), v = a(!1), p = a(!1), n = a(!1), R = f(
32
+ const k = a(), C = a(), y = a(), v = a(!1), p = a(!1), l = a(!1), R = f(
33
33
  () => $(
34
34
  {
35
- width: o.activeWidth && (n.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
35
+ width: o.activeWidth && (l.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
36
36
  },
37
37
  "input"
38
38
  )
@@ -57,13 +57,13 @@ const c = (
57
57
  m();
58
58
  };
59
59
  function E() {
60
- n.value = !0;
60
+ l.value = !0;
61
61
  }
62
62
  function m() {
63
- n.value = !1;
63
+ l.value = !1;
64
64
  }
65
65
  const F = () => {
66
- s(), t("clear");
66
+ s(), t("update:modelValue", ""), t("clear");
67
67
  };
68
68
  function M() {
69
69
  p.value = !0, t("mouseenter", o.modelValue);
@@ -72,7 +72,7 @@ const c = (
72
72
  p.value = !1, t("mouseleave", o.modelValue);
73
73
  }
74
74
  const z = () => {
75
- n.value = !0, v.value = !0, t("focus");
75
+ l.value = !0, v.value = !0, t("focus");
76
76
  };
77
77
  function D() {
78
78
  v.value = !1, t("blur");
@@ -92,22 +92,22 @@ const c = (
92
92
  const H = (e) => {
93
93
  t("keydown", e);
94
94
  }, L = f(() => {
95
- var e, l;
96
- return (l = (e = k.value) == null ? void 0 : e.popperRef) == null ? void 0 : l.contentRef;
95
+ var e, n;
96
+ return (n = (e = k.value) == null ? void 0 : e.popperRef) == null ? void 0 : n.contentRef;
97
97
  });
98
98
  return B({
99
99
  isFocus: v,
100
100
  isHover: p,
101
- visible: n,
101
+ visible: l,
102
102
  hidePopover: m,
103
103
  showPopover: E
104
- }), (e, l) => {
104
+ }), (e, n) => {
105
105
  const O = j("click-outside");
106
106
  return h(), w(q, null, [
107
107
  G((h(), w("div", {
108
108
  ref_key: "searchRef",
109
109
  ref: C,
110
- class: g([r(c).b(), r(c).is("active", n.value || e.modelValue)]),
110
+ class: g([r(c).b(), r(c).is("active", l.value || e.modelValue)]),
111
111
  style: J(S.value)
112
112
  }, [
113
113
  Q(r(_), b({
@@ -123,7 +123,7 @@ const c = (
123
123
  onMouseleave: N,
124
124
  onPrefixClick: K,
125
125
  onSuffixClick: U,
126
- onChange: l[0] || (l[0] = (V) => {
126
+ onChange: n[0] || (n[0] = (V) => {
127
127
  t("change", e.modelValue);
128
128
  }),
129
129
  onKeydown: H,
@@ -167,8 +167,8 @@ const c = (
167
167
  ref: k
168
168
  }, x.value, {
169
169
  "virtual-ref": C.value,
170
- visible: n.value,
171
- "onUpdate:visible": l[1] || (l[1] = (V) => n.value = V),
170
+ visible: l.value,
171
+ "onUpdate:visible": n[1] || (n[1] = (V) => l.value = V),
172
172
  "virtual-triggering": ""
173
173
  }), {
174
174
  default: u(() => [
@@ -1,4 +1,4 @@
1
- const o = "0.0.93";
1
+ const o = "0.0.96";
2
2
  export {
3
3
  o as version
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/router"),x=require("@vft/store"),w=require("@vft/use");require("@vft/utils");require("lodash");require("@vueuse/core");const g=require("../../utils/ns-cover.cjs"),I=require("hotkeys-js"),K=require("vue-router"),A=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");const y=require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("./index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../backtop/index.cjs");require("../container/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../select/index.cjs");require("../tree-select/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../col/index.cjs");require("../row/index.cjs");require("../horizontal-menu/index.cjs");require("../time-picker/index.cjs");require("../date-picker/index.cjs");require("../check-tag/index.cjs");require("../tree/index.cjs");require("../skeleton/index.cjs");require("../space/index.cjs");require("../card/index.cjs");require("../popconfirm/index.cjs");require("../alert/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const z=require("./tab-content.vue2.cjs"),R=require("./use/use-multiple-tabs.cjs"),T=A.useNamespace("multiple-tabs"),D=e.defineComponent({name:T.b()}),E=e.defineComponent({...D,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean}},setup(v){const n=R.initAffixTabs();v.canDrag&&R.useTabsDrag(n);const c=x.useMultipleTabStore(),i=e.ref(""),o=e.ref(0),m=e.ref(),f=e.getCurrentInstance().appContext.config.globalProperties.$router,{go:b}=s.useRouterHelper(f),d=e.computed(()=>c.getTabList.filter(r=>{var t;return!((t=r.meta)!=null&&t.hideTab)}));e.watchEffect(()=>{var r;if(i.value){const t=d.value.findIndex(u=>s.getRouterKeyPath(u)===i.value);t===-1?o.value=((r=d.value)==null?void 0:r.length)-1:o.value=t,o.value=o.value<(n==null?void 0:n.length)?(n==null?void 0:n.length)-1:o.value}}),K.onBeforeRouteLeave(()=>{m.value=e.unref(f.currentRoute)}),s.listenerRouteChange(r=>{var h;if(!r||(h=r.meta)!=null&&h.hasTokenToRoot)return;const{meta:t={}}=r,{currentActivePath:u,hideTab:a}=t,l=a?u:null,q=s.getRouterKeyPath(r);if(i.value!==q&&(i.value=q),l){let p=f.getRoutes().find(V=>V.path===u);p&&c.addTab(p,e.unref(m),o.value,r)}else c.addTab(e.unref(r),e.unref(m),o.value)});function _(r){var a,l;if(i.value===r.paneName)return;const t=d.value[r.attrs.index];i.value=r.paneName;const u=(l=(a=t==null?void 0:t.meta)==null?void 0:a.hideActiveRoute)==null?void 0:l.fullPath;b(u||t.fullPath||t.path)}function C(r){c.closeTabByKey(r,f)}const[S,P]=w.useRefs();function M(r){const t=r.pane.attrs.index,u=r.event;S.value[t].handleContext(u)}const k=e.computed(()=>{let r={padding:"4px 0 0","border-bottom":"none","header-height":"26px","font-size":"13px","item-padding":"0 10px","close-icon-left":"8px","item-distance":"10px","item-max-width":"180px","scroll-padding":"0 20px","header-margin":"0 0 0 8px","item-border":"none"};return{...g.generateCssVars(r,"tabs"),...v.tabsStyle}}),{closeCurrent:B}=x.useTabs();I("command+e, ctrl+e",function(){return B(),!1});const N=e.computed(()=>({...g.generateCssVars({"sub-item-height":"40px","item-min-width":"150px"},"menu"),...v.contextMenuStyle}));return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(T).b()),style:e.normalizeStyle(k.value)},[e.createVNode(e.unref(y.VftTabs),{showBar:!1,"model-value":i.value,"onUpdate:modelValue":t[0]||(t[0]=u=>i.value=u),onTabClick:_,onTabRemove:C,onTabContextMenu:M},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(u,a)=>{var l;return e.openBlock(),e.createBlock(e.unref(y.VftTabPane),{key:e.unref(s.getRouterKeyPath)(u)+a,closable:!((l=u.meta)!=null&&l.affix),index:a,name:e.unref(s.getRouterKeyPath)(u)},{label:e.withCtx(()=>{var q;return[e.createVNode(z.default,{contextMenuStyle:N.value,affixNum:(q=e.unref(n))==null?void 0:q.length,ref_for:!0,ref:e.unref(P)(a),tabItem:u},null,8,["contextMenuStyle","affixNum","tabItem"])]}),_:2},1032,["closable","index","name"])}),128))]),_:1},8,["model-value"])],6))}});exports.default=E;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/router"),g=require("@vft/store"),w=require("@vft/use");require("@vft/utils");require("lodash");require("@vueuse/core");const x=require("../../utils/ns-cover.cjs"),I=require("hotkeys-js"),K=require("vue-router"),A=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");const y=require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("./index.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../backtop/index.cjs");require("../container/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../select/index.cjs");require("../tree-select/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../list-cell/index.cjs");require("../dialog/index.cjs");require("../date-time-select/index.cjs");require("../col/index.cjs");require("../row/index.cjs");require("../horizontal-menu/index.cjs");require("../time-picker/index.cjs");require("../date-picker/index.cjs");require("../check-tag/index.cjs");require("../tree/index.cjs");require("../skeleton/index.cjs");require("../space/index.cjs");require("../card/index.cjs");require("../popconfirm/index.cjs");require("../alert/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const z=require("./tab-content.vue2.cjs"),R=require("./use/use-multiple-tabs.cjs"),T=A.useNamespace("multiple-tabs"),D=e.defineComponent({name:T.b()}),E=e.defineComponent({...D,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean}},setup(v){const n=R.initAffixTabs();v.canDrag&&R.useTabsDrag(n);const f=g.useMultipleTabStore(),i=e.ref(""),o=e.ref(0),m=e.ref(),l=e.getCurrentInstance().appContext.config.globalProperties.$router;console.log(l,"===---");const{go:b}=c.useRouterHelper(l),d=e.computed(()=>f.getTabList.filter(r=>{var t;return!((t=r.meta)!=null&&t.hideTab)}));e.watchEffect(()=>{var r;if(i.value){const t=d.value.findIndex(u=>c.getRouterKeyPath(u)===i.value);t===-1?o.value=((r=d.value)==null?void 0:r.length)-1:o.value=t,o.value=o.value<(n==null?void 0:n.length)?(n==null?void 0:n.length)-1:o.value}}),console.log(l,"===---"),K.onBeforeRouteLeave(()=>{console.log(l,"===---"),m.value=e.unref(l.currentRoute)}),c.listenerRouteChange(r=>{var h;if(!r||(h=r.meta)!=null&&h.hasTokenToRoot)return;const{meta:t={}}=r,{currentActivePath:u,hideTab:a}=t,s=a?u:null,q=c.getRouterKeyPath(r);if(i.value!==q&&(i.value=q),s){let p=l.getRoutes().find(V=>V.path===u);p&&f.addTab(p,e.unref(m),o.value,r)}else f.addTab(e.unref(r),e.unref(m),o.value)});function _(r){var a,s;if(i.value===r.paneName)return;const t=d.value[r.attrs.index];i.value=r.paneName;const u=(s=(a=t==null?void 0:t.meta)==null?void 0:a.hideActiveRoute)==null?void 0:s.fullPath;b(u||t.fullPath||t.path)}function C(r){f.closeTabByKey(r,l)}const[S,P]=w.useRefs();function M(r){const t=r.pane.attrs.index,u=r.event;S.value[t].handleContext(u)}const k=e.computed(()=>{let r={padding:"4px 0 0","border-bottom":"none","header-height":"26px","font-size":"13px","item-padding":"0 10px","close-icon-left":"8px","item-distance":"10px","item-max-width":"180px","scroll-padding":"0 20px","header-margin":"0 0 0 8px","item-border":"none"};return{...x.generateCssVars(r,"tabs"),...v.tabsStyle}}),{closeCurrent:B}=g.useTabs();I("command+e, ctrl+e",function(){return B(),!1});const N=e.computed(()=>({...x.generateCssVars({"sub-item-height":"40px","item-min-width":"150px"},"menu"),...v.contextMenuStyle}));return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(T).b()),style:e.normalizeStyle(k.value)},[e.createVNode(e.unref(y.VftTabs),{showBar:!1,"model-value":i.value,"onUpdate:modelValue":t[0]||(t[0]=u=>i.value=u),onTabClick:_,onTabRemove:C,onTabContextMenu:M},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(u,a)=>{var s;return e.openBlock(),e.createBlock(e.unref(y.VftTabPane),{key:e.unref(c.getRouterKeyPath)(u)+a,closable:!((s=u.meta)!=null&&s.affix),index:a,name:e.unref(c.getRouterKeyPath)(u)},{label:e.withCtx(()=>{var q;return[e.createVNode(z.default,{contextMenuStyle:N.value,affixNum:(q=e.unref(n))==null?void 0:q.length,ref_for:!0,ref:e.unref(P)(a),tabItem:u},null,8,["contextMenuStyle","affixNum","tabItem"])]}),_:2},1032,["closable","index","name"])}),128))]),_:1},8,["model-value"])],6))}});exports.default=E;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("../input/index.cjs"),z=require("../popover/index.cjs"),F=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const a=require("@vft/utils"),m=require("../../utils/ns-cover.cjs"),i=F.useNamespace("search"),N=e.defineComponent({name:i.b()}),D=e.defineComponent({...N,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!0},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{},suffixIcon:{default:{icon:"ico-ep:search",color:"#8B8C8C",pointer:!0}},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change"],setup(n,{expose:C,emit:o}){const c=e.ref(),v=e.ref(),p=e.ref(),s=e.ref(!1),f=e.ref(!1),l=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(l.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),w=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),V=t=>{o("update:modelValue",t)},g=()=>{d()};function S(){l.value=!0}function d(){l.value=!1}const b=()=>{u(),o("clear")};function x(){f.value=!0,o("mouseenter",n.modelValue)}function $(){f.value=!1,o("mouseleave",n.modelValue)}const B=()=>{l.value=!0,s.value=!0,o("focus")};function P(){s.value=!1,o("blur")}function q(){u(),o("prefixClick",n.modelValue)}function R(){u(),o("suffixClick",n.modelValue)}function E(){u(),o("enter",n.modelValue)}function u(){n.usePopover&&d(),p.value.blur()}const I=t=>{o("keydown",t)},M=e.computed(()=>{var t,r;return(r=(t=c.value)==null?void 0:t.popperRef)==null?void 0:r.contentRef});return C({isFocus:s,isHover:f,visible:l,hidePopover:d,showPopover:S}),(t,r)=>{const W=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:v,class:e.normalizeClass([e.unref(i).b(),e.unref(i).is("active",l.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(U.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},t.$props,{inputStyle:k.value,onInput:V,onFocus:B,onEnter:E,onBlur:P,onMouseenter:x,onMouseleave:$,onPrefixClick:q,onSuffixClick:R,onChange:r[0]||(r[0]=h=>{o("change",t.modelValue)}),onKeydown:I,onClear:b}),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,["inputStyle"])],6)),[[W,g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(z.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},w.value,{"virtual-ref":v.value,visible:l.value,"onUpdate:visible":r[1]||(r[1]=h=>l.value=h),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=D;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("../input/index.cjs"),z=require("../popover/index.cjs"),F=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const a=require("@vft/utils"),m=require("../../utils/ns-cover.cjs"),i=F.useNamespace("search"),N=e.defineComponent({name:i.b()}),D=e.defineComponent({...N,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!0},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:{icon:"ico-ep:search",color:"#8B8C8C",pointer:!0}},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change"],setup(n,{expose:C,emit:o}){const c=e.ref(),v=e.ref(),p=e.ref(),s=e.ref(!1),d=e.ref(!1),l=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(l.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),w=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),V=t=>{o("update:modelValue",t)},g=()=>{f()};function S(){l.value=!0}function f(){l.value=!1}const b=()=>{u(),o("update:modelValue",""),o("clear")};function x(){d.value=!0,o("mouseenter",n.modelValue)}function $(){d.value=!1,o("mouseleave",n.modelValue)}const B=()=>{l.value=!0,s.value=!0,o("focus")};function P(){s.value=!1,o("blur")}function q(){u(),o("prefixClick",n.modelValue)}function R(){u(),o("suffixClick",n.modelValue)}function E(){u(),o("enter",n.modelValue)}function u(){n.usePopover&&f(),p.value.blur()}const I=t=>{o("keydown",t)},M=e.computed(()=>{var t,r;return(r=(t=c.value)==null?void 0:t.popperRef)==null?void 0:r.contentRef});return C({isFocus:s,isHover:d,visible:l,hidePopover:f,showPopover:S}),(t,r)=>{const W=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:v,class:e.normalizeClass([e.unref(i).b(),e.unref(i).is("active",l.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(U.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},t.$props,{inputStyle:k.value,onInput:V,onFocus:B,onEnter:E,onBlur:P,onMouseenter:x,onMouseleave:$,onPrefixClick:q,onSuffixClick:R,onChange:r[0]||(r[0]=h=>{o("change",t.modelValue)}),onKeydown:I,onClear:b}),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,["inputStyle"])],6)),[[W,g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(z.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},w.value,{"virtual-ref":v.value,visible:l.value,"onUpdate:visible":r[1]||(r[1]=h=>l.value=h),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=D;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.93";exports.version=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.96";exports.version=e;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vft",
3
- "version": "0.0.93",
3
+ "version": "0.0.96",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "es/index.js",
@@ -36,7 +36,7 @@
36
36
  "vue-router": ">=4.0.16"
37
37
  },
38
38
  "dependencies": {
39
- "vxe-table": "4.3.11",
39
+ "vxe-table": "4.3.14",
40
40
  "xe-utils": "3.5.7",
41
41
  "@ctrl/tinycolor": "^3.6.0",
42
42
  "@floating-ui/dom": "^1.2.5",
@@ -53,12 +53,12 @@
53
53
  "qrcode": "1.5.1",
54
54
  "resize-detector": "0.3.0",
55
55
  "sortablejs": "^1.15.0",
56
- "@vft/constants": "0.0.55",
57
- "@vft/router": "0.0.24",
58
- "@vft/store": "0.0.24",
59
- "@vft/use": "0.0.27",
60
- "@vft/utils": "0.0.37",
61
- "@vft/directives": "0.0.20"
56
+ "@vft/store": "0.0.25",
57
+ "@vft/router": "0.0.25",
58
+ "@vft/constants": "0.0.56",
59
+ "@vft/use": "0.0.28",
60
+ "@vft/utils": "0.0.38",
61
+ "@vft/directives": "0.0.21"
62
62
  },
63
63
  "vetur": {
64
64
  "tags": "tags.json",