@oneb/ui-vue 0.3.19 → 0.3.21
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/dist/OneHelpMenu-7f53fa30.cjs +1 -0
- package/dist/{OneHelpMenu-d7a39a69.js → OneHelpMenu-a9131cb1.js} +241 -220
- package/dist/dataTable/dataTable.d.ts +5 -1
- package/dist/dataTable/index.cjs +1 -1
- package/dist/dataTable/index.js +454 -441
- package/dist/dataTable/util.d.ts +2 -2
- package/dist/dropdown/dropdown.d.ts +8 -0
- package/dist/dropdown/index.cjs +1 -1
- package/dist/dropdown/index.js +2 -2
- package/dist/icons/unsorted/SidebarLeftCollapseIcon.d.ts +3 -0
- package/dist/icons/unsorted/SidebarLeftCollapseIcon.js +23 -0
- package/dist/icons/unsorted/esm/SidebarLeftCollapseIcon.d.ts +3 -0
- package/dist/icons/unsorted/esm/SidebarLeftCollapseIcon.js +23 -0
- package/dist/icons/unsorted/esm/index.d.ts +2 -1
- package/dist/icons/unsorted/esm/index.js +2 -1
- package/dist/icons/unsorted/index.d.ts +2 -1
- package/dist/icons/unsorted/index.js +2 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +64 -63
- package/dist/layout/OneIsland.vue.d.ts +2 -0
- package/dist/layout/index.cjs +1 -1
- package/dist/layout/index.d.ts +1 -0
- package/dist/layout/index.js +1010 -526
- package/dist/layout/layout.d.ts +13 -0
- package/dist/style.css +1 -1
- package/dist/tooltip/index.cjs +47 -1
- package/dist/tooltip/index.js +97 -13
- package/package.json +1 -1
- package/dist/OneHelpMenu-66a2d4c2.cjs +0 -1
package/dist/dataTable/util.d.ts
CHANGED
|
@@ -2,11 +2,11 @@ export declare const makeTableWrapperClass: (bordered?: boolean) => string[];
|
|
|
2
2
|
export declare const makeTableClass: (size: 'sm' | 'md' | 'lg') => string[];
|
|
3
3
|
export declare const makeHeaderCellClass: (size: 'sm' | 'md' | 'lg', sortable: boolean, verticalBorders?: 'none' | 'always' | 'hover' | 'hover-table', variant?: 'default' | 'minimal', headerBgClass?: string) => string[];
|
|
4
4
|
export declare const makeBodyCellClass: (size: 'sm' | 'md' | 'lg', bordered: boolean, verticalBorders?: 'none' | 'always' | 'hover' | 'hover-table', bodyBgClass?: string) => string[];
|
|
5
|
-
export declare const makeRowClass: (striped: boolean, hoverable: boolean, isEven: boolean, isSelected: boolean, hasVerticalHoverBorders?: boolean) => string[];
|
|
5
|
+
export declare const makeRowClass: (striped: boolean, hoverable: boolean, isEven: boolean, isSelected: boolean, hasVerticalHoverBorders?: boolean, isDisabled?: boolean) => string[];
|
|
6
6
|
export declare const makeSortIconClass: (isActive: boolean) => string[];
|
|
7
7
|
export declare const makeCheckboxCellClass: (size: 'sm' | 'md' | 'lg') => string[];
|
|
8
8
|
export declare const makeExpanderCellClass: (size: 'sm' | 'md' | 'lg') => string[];
|
|
9
9
|
export declare const makePaginatorClass: () => string[];
|
|
10
|
-
export declare const makeCardClass: (hoverable: boolean, isSelected: boolean) => string[];
|
|
10
|
+
export declare const makeCardClass: (hoverable: boolean, isSelected: boolean, isDisabled?: boolean) => string[];
|
|
11
11
|
export declare const makeCardFieldClass: (size: 'sm' | 'md' | 'lg') => string[];
|
|
12
12
|
export declare const makeFilterCellClass: (size: 'sm' | 'md' | 'lg') => string[];
|
|
@@ -11,6 +11,14 @@ export declare const dropdownProps: {
|
|
|
11
11
|
type: BooleanConstructor;
|
|
12
12
|
default: boolean;
|
|
13
13
|
};
|
|
14
|
+
trigger: {
|
|
15
|
+
type: PropType<"click" | "hover">;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
offset: {
|
|
19
|
+
type: NumberConstructor;
|
|
20
|
+
default: number;
|
|
21
|
+
};
|
|
14
22
|
};
|
|
15
23
|
export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
|
|
16
24
|
export declare const dropdownItemProps: {
|
package/dist/dropdown/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../OneHelpMenu-66a2d4c2.cjs"),e=require("vue"),V=require("../floating-ui.dom-2121a4fd.cjs"),I=require("@floating-ui/vue"),H=require("../_plugin-vue_export-helper-f246444f.cjs"),P=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),G=require("../i18n/index.cjs"),F=require("../useModal-98810f6a.cjs");require("../XMarkIcon-f94baa4c.cjs");require("../ChevronDownIcon-6889ac87.cjs");require("../ChevronRightIcon-7a2f0c20.cjs");require("../button/index.cjs");require("../SpinnerIcon-ccb6f3fc.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const J=["data-opened"],X={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},q=e.defineComponent({__name:"OneDropdownAuto",props:h.dropdownProps,emits:["open","close"],setup(C,{emit:m}){const l=C,c=e.ref(!1),u=e.ref(null),f=e.ref(null);let p=null;e.watch(c,i=>{i&&f.value&&u.value?(V.computePosition(f.value,u.value,{placement:l.stick?l.stick:"bottom-start",strategy:"fixed",middleware:[V.offset(5),I.flip(),V.shift({padding:8})]}).then(({x:s,y:b})=>{Object.assign(u.value.style,{left:`${s}px`,top:`${b}px`})}),p=V.autoUpdate(f.value,u.value,()=>{V.computePosition(f.value,u.value,{placement:l.stick?l.stick:"bottom-start",strategy:"fixed",middleware:[V.offset(4),I.flip(),V.shift({padding:8})]}).then(({x:s,y:b})=>{Object.assign(u.value.style,{left:`${s}px`,top:`${b}px`})})})):p&&(p(),p=null)}),e.onBeforeUnmount(()=>{p&&p()});const a=m,y=()=>{c.value=!c.value,c.value?a("open"):a("close")};e.provide("OneDropdown",{onToggle:y});const w=e.computed(()=>["fixed z-[10000] w-fit rounded-md bg-white","py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"]);return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block","data-opened":c.value},[e.createElementVNode("div",{ref_key:"buttonRef",ref:f},[e.renderSlot(i.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:y,isExpanded:c.value})))],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:y})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref_key:"menuRef",ref:u,class:e.normalizeClass(["menu",w.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",style:{display:"none"}},[i.title?(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(i.title),1)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:y})))],2),[[e.vShow,c.value]])]))],8,J))}}),Y={},Z={class:"border-t border-secondary-stroke my-1"};function Q(C,m){return e.openBlock(),e.createElementBlock("div",Z)}const ee=H._export_sfc(Y,[["render",Q]]),te=["onClick"],oe={class:"grid"},le={class:"font-semibold px-3"},ne={class:"rounded-lg m-3 border"},re={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},se={class:"flex-shrink-0"},ae={class:"w-full text-left"},ie={class:"flex-shrink-0"},ce={class:"px-3 py-2"},de={class:"text-secondary-content text-left pb-1 text-sm uppercase"},ue={key:0,class:"space-y-2"},pe=["onClick"],me={class:"pl-2"},ke={class:"text-sm mt-1"},ve={class:"text-xs mt-1"},R=3,fe=e.defineComponent({__name:"OneBrowserMenuGrid",props:h.browserMenuProps,setup(C){const m=C,l=()=>{typeof m.onChange=="function"&&m.onChange()},c=e.ref(!1),u=e.computed(()=>m.apps?c.value?m.apps:m.apps.slice(0,R):[]),f=()=>{c.value=!c.value},p=a=>{typeof m.onApp=="function"&&m.onApp(a)};return(a,y)=>(e.openBlock(),e.createBlock(h._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:w,isExpanded:i})=>[e.createElementVNode("button",{onClick:w,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[i?"bg-secondary-25":""]])},[e.createVNode(e.unref(h.render),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${a.iconSize}px; height: ${a.iconSize}px`)},null,8,["style"])],10,te)]),menu:e.withCtx(()=>{var w,i,s,b;return[e.createElementVNode("div",oe,[e.createElementVNode("div",le,e.toDisplayString((w=a.workspace)==null?void 0:w.title),1),e.createElementVNode("div",ne,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[e.createVNode(P._sfc_main,{text:((i=a.workspace)==null?void 0:i.name)||"",src:(s=a.workspace)==null?void 0:s.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ae,e.toDisplayString((b=a.workspace)==null?void 0:b.name),1),e.createElementVNode("div",ie,[e.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:l},e.toDisplayString(a.changeLabel),1)])]),y[0]||(y[0]=e.createElementVNode("hr",null,null,-1))])]),e.createElementVNode("div",ce,[e.createElementVNode("div",de,e.toDisplayString(a.appsTitle),1),e.createElementVNode("div",null,[a.apps&&a.apps.length?(e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.id,onClick:S=>p(x),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[e.createVNode(P._sfc_main,{text:x.name,src:x.photo_url,size:44,rounded:!1},null,8,["text","src"]),e.createElementVNode("div",me,[e.createElementVNode("p",ke,e.toDisplayString(x.name),1),e.createElementVNode("p",ve,e.toDisplayString(x.short),1)])],8,pe))),128))])):e.createCommentVNode("",!0),a.apps&&a.apps.length>R?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:f,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},e.toDisplayString(c.value?"Приховати":"Дивитися всі"),1)):e.createCommentVNode("",!0)])])]}),_:1}))}}),ye=["onClick"],ge=["onKeydown"],he={key:0,class:"text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"},we={key:1,class:"px-3 py-2"},be={class:"relative"},xe=["placeholder"],Be={key:2,class:"border-b border-gray-100"},Ee=["onClick"],Ve={key:3,class:"flex items-center justify-between px-3 py-1.5 border-b border-gray-100"},Ce={key:4,class:"flex justify-center py-4"},Ne=["aria-selected","onClick"],_e={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Se={key:1,class:"w-4 h-4 shrink-0"},$e=["aria-selected","onClick","onMouseenter"],De={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Me={key:1,class:"w-4 h-4 shrink-0"},ze=["aria-selected","onClick","onMouseenter"],Oe={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Le={key:1,class:"w-4 h-4 shrink-0"},Ae={key:3,class:"px-3 py-4 text-sm text-gray-500 text-center"},Ke={class:"pb-6"},je={key:0,class:"relative px-3 py-3"},Ie={class:"relative"},Pe=["placeholder"],Fe={key:1,class:"px-3 py-2"},Re={key:2,class:"flex items-center justify-between px-3 py-2 border-b border-gray-100"},qe={key:3,class:"flex justify-center py-8"},Ue={key:4,class:"overflow-auto h-[60dvh] divide-y",role:"listbox"},Te=["aria-selected"],We={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},He={key:1,class:"w-5 h-5 shrink-0"},Ge={key:0,class:"px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"},Je=["aria-selected","onClick"],Xe={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},Ye={key:1,class:"w-5 h-5 shrink-0"},Ze=["aria-selected","onClick"],Qe={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},et={key:1,class:"w-5 h-5 shrink-0"},tt={key:3,class:"px-3 py-8 text-sm text-gray-500 text-center"},ot=e.defineComponent({__name:"OneDropdownSelect",props:h.dropdownSelectProps,emits:["update:modelValue","search","create"],setup(C,{emit:m}){const l=C,c=G.useOnebI18n(),u=m,f=e.ref(!1);let p=null;e.onMounted(()=>{p=window.matchMedia("(max-width: 767px)"),f.value=p.matches;const t=o=>{f.value=o.matches};p.addEventListener("change",t),e.onUnmounted(()=>{p==null||p.removeEventListener("change",t)})});const a=F.useModal(),y=e.ref(null),w=()=>{i.value="",s.value=-1,a.open(),e.nextTick(()=>{var t;(t=y.value)==null||t.focus()})},i=e.ref(""),s=e.ref(-1),b=e.ref(null),x=e.ref(null),S=e.ref({}),$=(t,o)=>{t&&(S.value[o]=t)},N=e.computed(()=>l.allowEmpty?1:0),E=e.computed(()=>{if(!i.value.trim())return l.items;const t=i.value.toLowerCase();return l.items.filter(o=>String(o[l.labelKey]??"").toLowerCase().includes(t))}),M=e.computed(()=>{if(!l.groupKey)return[];const t=[],o=new Map;let r=N.value;for(const n of E.value){const v=String(n[l.groupKey]??"");let d=o.get(v);d||(d={label:v,entries:[]},o.set(v,d),t.push(d)),d.entries.push({item:n,flatIndex:r}),r++}return t}),g=e.computed(()=>l.multiple?(l.modelValue??[]).length>0:l.modelValue!==null&&l.modelValue!==void 0),_=e.computed(()=>{if(l.multiple){const t=l.modelValue??[];return t.length===0?l.placeholder:t.length===1?t[0][l.labelKey]??l.placeholder:`${t[0][l.labelKey]} +${t.length-1}`}return l.modelValue===null||l.modelValue===void 0?l.placeholder:l.modelValue[l.labelKey]??l.placeholder}),k=t=>l.modelValue?l.multiple?l.modelValue.some(r=>r[l.valueKey]===t[l.valueKey]):l.modelValue[l.valueKey]===t[l.valueKey]:!1,z=e.computed(()=>E.value.length+N.value),B=(t,o)=>{if(l.multiple){const r=(l.modelValue??[]).slice();if(t===null){u("update:modelValue",[]);return}const n=r.findIndex(v=>v[l.valueKey]===t[l.valueKey]);n>=0?r.splice(n,1):r.push(t),u("update:modelValue",r);return}u("update:modelValue",t),o()},O=()=>{u("update:modelValue",[...l.items])},L=()=>{u("update:modelValue",[])},A=t=>{u("create",i.value),t()},U=()=>{i.value="",s.value=-1,e.nextTick(()=>{var t;(t=b.value)==null||t.focus()})},T=()=>{i.value="",s.value=-1},K=()=>{s.value=0,u("search",i.value)},j=()=>{e.nextTick(()=>{const t=S.value[s.value];t&&t.scrollIntoView({block:"nearest"})})},W=(t,o)=>{switch(t.key){case"ArrowDown":t.preventDefault(),s.value<z.value-1?s.value++:s.value=0,j();break;case"ArrowUp":t.preventDefault(),s.value>0?s.value--:s.value=z.value-1,j();break;case"Enter":if(t.preventDefault(),s.value>=0)if(l.allowEmpty&&s.value===0)B(null,o);else{const r=s.value-N.value,n=E.value[r];n&&B(n,o)}break;case"Escape":t.preventDefault(),o();break}};return e.watch(i,()=>{s.value=0}),(t,o)=>f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:w,isExpanded:e.unref(a).isOpened.value,selectedLabel:_.value})),()=>[e.createElementVNode("button",{class:e.normalizeClass(["inline-flex items-center justify-between gap-2 text-sm transition-colors",[t.view==="pill"?"rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700":"rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]"]]),style:e.normalizeStyle(t.maxWidth?{maxWidth:t.maxWidth}:void 0),onClick:w},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":g.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(_.value),3),o[12]||(o[12]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-gray-400 shrink-0"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})],-1))],6)]),e.unref(a).isOpened.value?(e.openBlock(),e.createBlock(e.unref(F.OneModal),{key:0,useModal:e.unref(a),title:t.title||t.placeholder,size:"sm",classModal:!0,titleCenter:!0},{default:e.withCtx(()=>[e.createElementVNode("div",Ke,[t.searchable?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("div",Ie,[o[13]||(o[13]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"mobileSearchInputRef",ref:y,"onUpdate:modelValue":o[2]||(o[2]=r=>i.value=r),type:"text",placeholder:t.searchPlaceholder,class:"w-full rounded-md border border-gray-300 py-2 pl-8 pr-3 text-sm outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",onInput:K},null,40,Pe),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",Fe,[e.createElementVNode("button",{class:"w-full flex items-center justify-center gap-2 py-2 text-sm text-blue-700 hover:text-blue-500",onClick:o[3]||(o[3]=r=>A(()=>e.unref(a).close()))},[o[14]||(o[14]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",null,e.toDisplayString(t.createLabel),1)])])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("button",{class:"text-sm text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(c)("ui.dropdown.selectAll")),1),g.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-sm text-gray-500 hover:text-gray-700 transition-colors",onClick:L},e.toDisplayString(e.unref(c)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",qe,[...o[15]||(o[15]=[e.createElementVNode("div",{class:"animate-spin w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Ue,[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors",g.value?"":"bg-gray-50 font-medium"]),role:"option","aria-selected":!g.value,onClick:o[4]||(o[4]=r=>B(null,()=>e.unref(a).close()))},[g.value?(e.openBlock(),e.createElementBlock("span",He)):(e.openBlock(),e.createElementBlock("svg",We,[...o[16]||(o[16]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],10,Te)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(M.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.label},[r.label?(e.openBlock(),e.createElementBlock("div",Ge,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.entries,n=>(e.openBlock(),e.createElementBlock("button",{key:n.item[t.valueKey],class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words",k(n.item)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":k(n.item),onClick:v=>B(n.item,()=>e.unref(a).close())},[k(n.item)?(e.openBlock(),e.createElementBlock("svg",Xe,[...o[17]||(o[17]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Ye)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:n.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(n.item[t.labelKey]),1)])],10,Je))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(E.value,r=>(e.openBlock(),e.createElementBlock("button",{key:r[t.valueKey],class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words",k(r)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":k(r),onClick:n=>B(r,()=>e.unref(a).close())},[k(r)?(e.openBlock(),e.createElementBlock("svg",Qe,[...o[18]||(o[18]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",et)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:r}),()=>[e.createElementVNode("span",null,e.toDisplayString(r[t.labelKey]),1)])],10,Ze))),128)),E.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",tt,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)]))])]),_:3},8,["useModal","title"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(q,{key:0,stick:t.stick,onOpen:U,onClose:T},{button:e.withCtx(({onToggle:r,isExpanded:n})=>[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:r,isExpanded:n,selectedLabel:_.value})),()=>[e.createElementVNode("button",{class:e.normalizeClass(["inline-flex items-center justify-between gap-2 text-sm transition-colors",[t.view==="pill"?"rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700":"rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]",t.view==="default"&&n?"ring-1 ring-blue-500 border-blue-500":""]]),style:e.normalizeStyle(t.maxWidth?{maxWidth:t.maxWidth}:void 0),onClick:r},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":g.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(_.value),3),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:e.normalizeClass(["w-4 h-4 text-gray-400 transition-transform shrink-0",n?"rotate-180":""])},[...o[5]||(o[5]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"},null,-1)])],2))],14,ye)])]),menu:e.withCtx(({onToggle:r})=>[e.createElementVNode("div",{class:"min-w-[240px] w-full",onKeydown:n=>W(n,r)},[t.title?(e.openBlock(),e.createElementBlock("div",he,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.searchable?(e.openBlock(),e.createElementBlock("div",we,[e.createElementVNode("div",be,[o[6]||(o[6]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"searchInputRef",ref:b,"onUpdate:modelValue":o[0]||(o[0]=n=>i.value=n),type:"text",placeholder:t.searchPlaceholder,class:"w-full rounded-md border border-gray-300 py-1.5 pl-8 pr-3 text-sm outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500",onInput:K},null,40,xe),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("button",{class:"flex items-center gap-2 w-full px-3 py-2 text-sm text-blue-700 hover:bg-gray-50 transition-colors",onClick:n=>A(r)},[o[7]||(o[7]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",null,e.toDisplayString(t.createLabel),1)],8,Ee)])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("button",{class:"text-xs text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(c)("ui.dropdown.selectAll")),1),g.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-xs text-gray-500 hover:text-gray-700 transition-colors",onClick:L},e.toDisplayString(e.unref(c)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Ce,[...o[8]||(o[8]=[e.createElementVNode("svg",{class:"animate-spin h-5 w-5 text-gray-400",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})],-1)])])):(e.openBlock(),e.createElementBlock("div",{key:5,ref_key:"listRef",ref:x,class:"max-h-[300px] overflow-y-auto",role:"listbox"},[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,ref:n=>$(n,0),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors",[g.value?"hover:bg-gray-50":"bg-gray-100 font-medium",s.value===0?"bg-gray-50":""]]),role:"option","aria-selected":!g.value,onClick:n=>B(null,r),onMouseenter:o[1]||(o[1]=n=>s.value=0)},[g.value?(e.openBlock(),e.createElementBlock("span",Se)):(e.openBlock(),e.createElementBlock("svg",_e,[...o[9]||(o[9]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],42,Ne)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(M.value,(n,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.label},[n.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide",v>0?"border-t border-gray-100 mt-1":""])},e.toDisplayString(n.label),3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.entries,d=>(e.openBlock(),e.createElementBlock("button",{key:d.item[t.valueKey],ref_for:!0,ref:D=>$(D,d.flatIndex),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[k(d.item)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===d.flatIndex?"bg-gray-50":""]]),role:"option","aria-selected":k(d.item),onClick:D=>B(d.item,r),onMouseenter:D=>s.value=d.flatIndex},[k(d.item)?(e.openBlock(),e.createElementBlock("svg",De,[...o[10]||(o[10]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Me)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:d.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(d.item[t.labelKey]),1)])],42,$e))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(E.value,(n,v)=>(e.openBlock(),e.createElementBlock("button",{key:n[t.valueKey],ref_for:!0,ref:d=>$(d,N.value+v),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[k(n)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===N.value+v?"bg-gray-50":""]]),role:"option","aria-selected":k(n),onClick:d=>B(n,r),onMouseenter:d=>s.value=N.value+v},[k(n)?(e.openBlock(),e.createElementBlock("svg",Oe,[...o[11]||(o[11]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Le)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:n}),()=>[e.createElementVNode("span",null,e.toDisplayString(n[t.labelKey]),1)])],42,ze))),128)),E.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)],512))],40,ge)]),_:3},8,["stick"]))}});exports.OneBrowserMenu=h.OneBrowserMenu;exports.OneDropdown=h._sfc_main;exports.OneDropdownItem=h._sfc_main$1;exports.OneHelpMenu=h.OneHelpMenu;exports.OneUserMenu=h._sfc_main$2;exports.OneBrowserMenuGrid=fe;exports.OneDropdownAuto=q;exports.OneDropdownDivider=ee;exports.OneDropdownSelect=ot;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../OneHelpMenu-7f53fa30.cjs"),e=require("vue"),V=require("../floating-ui.dom-2121a4fd.cjs"),I=require("@floating-ui/vue"),H=require("../_plugin-vue_export-helper-f246444f.cjs"),P=require("../OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),G=require("../i18n/index.cjs"),F=require("../useModal-98810f6a.cjs");require("../XMarkIcon-f94baa4c.cjs");require("../ChevronDownIcon-6889ac87.cjs");require("../ChevronRightIcon-7a2f0c20.cjs");require("../button/index.cjs");require("../SpinnerIcon-ccb6f3fc.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const J=["data-opened"],X={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},q=e.defineComponent({__name:"OneDropdownAuto",props:h.dropdownProps,emits:["open","close"],setup(C,{emit:m}){const l=C,c=e.ref(!1),u=e.ref(null),f=e.ref(null);let p=null;e.watch(c,i=>{i&&f.value&&u.value?(V.computePosition(f.value,u.value,{placement:l.stick?l.stick:"bottom-start",strategy:"fixed",middleware:[V.offset(5),I.flip(),V.shift({padding:8})]}).then(({x:s,y:b})=>{Object.assign(u.value.style,{left:`${s}px`,top:`${b}px`})}),p=V.autoUpdate(f.value,u.value,()=>{V.computePosition(f.value,u.value,{placement:l.stick?l.stick:"bottom-start",strategy:"fixed",middleware:[V.offset(4),I.flip(),V.shift({padding:8})]}).then(({x:s,y:b})=>{Object.assign(u.value.style,{left:`${s}px`,top:`${b}px`})})})):p&&(p(),p=null)}),e.onBeforeUnmount(()=>{p&&p()});const a=m,y=()=>{c.value=!c.value,c.value?a("open"):a("close")};e.provide("OneDropdown",{onToggle:y});const w=e.computed(()=>["fixed z-[10000] w-fit rounded-md bg-white","py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"]);return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block","data-opened":c.value},[e.createElementVNode("div",{ref_key:"buttonRef",ref:f},[e.renderSlot(i.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:y,isExpanded:c.value})))],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:y})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref_key:"menuRef",ref:u,class:e.normalizeClass(["menu",w.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",style:{display:"none"}},[i.title?(e.openBlock(),e.createElementBlock("div",X,e.toDisplayString(i.title),1)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:y})))],2),[[e.vShow,c.value]])]))],8,J))}}),Y={},Z={class:"border-t border-secondary-stroke my-1"};function Q(C,m){return e.openBlock(),e.createElementBlock("div",Z)}const ee=H._export_sfc(Y,[["render",Q]]),te=["onClick"],oe={class:"grid"},le={class:"font-semibold px-3"},ne={class:"rounded-lg m-3 border"},re={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},se={class:"flex-shrink-0"},ae={class:"w-full text-left"},ie={class:"flex-shrink-0"},ce={class:"px-3 py-2"},de={class:"text-secondary-content text-left pb-1 text-sm uppercase"},ue={key:0,class:"space-y-2"},pe=["onClick"],me={class:"pl-2"},ke={class:"text-sm mt-1"},ve={class:"text-xs mt-1"},R=3,fe=e.defineComponent({__name:"OneBrowserMenuGrid",props:h.browserMenuProps,setup(C){const m=C,l=()=>{typeof m.onChange=="function"&&m.onChange()},c=e.ref(!1),u=e.computed(()=>m.apps?c.value?m.apps:m.apps.slice(0,R):[]),f=()=>{c.value=!c.value},p=a=>{typeof m.onApp=="function"&&m.onApp(a)};return(a,y)=>(e.openBlock(),e.createBlock(h._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:w,isExpanded:i})=>[e.createElementVNode("button",{onClick:w,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[i?"bg-secondary-25":""]])},[e.createVNode(e.unref(h.render),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${a.iconSize}px; height: ${a.iconSize}px`)},null,8,["style"])],10,te)]),menu:e.withCtx(()=>{var w,i,s,b;return[e.createElementVNode("div",oe,[e.createElementVNode("div",le,e.toDisplayString((w=a.workspace)==null?void 0:w.title),1),e.createElementVNode("div",ne,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[e.createVNode(P._sfc_main,{text:((i=a.workspace)==null?void 0:i.name)||"",src:(s=a.workspace)==null?void 0:s.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ae,e.toDisplayString((b=a.workspace)==null?void 0:b.name),1),e.createElementVNode("div",ie,[e.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:l},e.toDisplayString(a.changeLabel),1)])]),y[0]||(y[0]=e.createElementVNode("hr",null,null,-1))])]),e.createElementVNode("div",ce,[e.createElementVNode("div",de,e.toDisplayString(a.appsTitle),1),e.createElementVNode("div",null,[a.apps&&a.apps.length?(e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,x=>(e.openBlock(),e.createElementBlock("div",{key:x.id,onClick:S=>p(x),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[e.createVNode(P._sfc_main,{text:x.name,src:x.photo_url,size:44,rounded:!1},null,8,["text","src"]),e.createElementVNode("div",me,[e.createElementVNode("p",ke,e.toDisplayString(x.name),1),e.createElementVNode("p",ve,e.toDisplayString(x.short),1)])],8,pe))),128))])):e.createCommentVNode("",!0),a.apps&&a.apps.length>R?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:f,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},e.toDisplayString(c.value?"Приховати":"Дивитися всі"),1)):e.createCommentVNode("",!0)])])]}),_:1}))}}),ye=["onClick"],ge=["onKeydown"],he={key:0,class:"text-sm font-medium text-gray-700 px-3 pt-2.5 pb-1.5"},we={key:1,class:"px-3 py-2"},be={class:"relative"},xe=["placeholder"],Be={key:2,class:"border-b border-gray-100"},Ee=["onClick"],Ve={key:3,class:"flex items-center justify-between px-3 py-1.5 border-b border-gray-100"},Ce={key:4,class:"flex justify-center py-4"},Ne=["aria-selected","onClick"],_e={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Se={key:1,class:"w-4 h-4 shrink-0"},$e=["aria-selected","onClick","onMouseenter"],De={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Me={key:1,class:"w-4 h-4 shrink-0"},ze=["aria-selected","onClick","onMouseenter"],Oe={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-blue-600 shrink-0"},Le={key:1,class:"w-4 h-4 shrink-0"},Ae={key:3,class:"px-3 py-4 text-sm text-gray-500 text-center"},Ke={class:"pb-6"},je={key:0,class:"relative px-3 py-3"},Ie={class:"relative"},Pe=["placeholder"],Fe={key:1,class:"px-3 py-2"},Re={key:2,class:"flex items-center justify-between px-3 py-2 border-b border-gray-100"},qe={key:3,class:"flex justify-center py-8"},Ue={key:4,class:"overflow-auto h-[60dvh] divide-y",role:"listbox"},Te=["aria-selected"],We={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},He={key:1,class:"w-5 h-5 shrink-0"},Ge={key:0,class:"px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"},Je=["aria-selected","onClick"],Xe={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},Ye={key:1,class:"w-5 h-5 shrink-0"},Ze=["aria-selected","onClick"],Qe={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-5 h-5 text-blue-600 shrink-0"},et={key:1,class:"w-5 h-5 shrink-0"},tt={key:3,class:"px-3 py-8 text-sm text-gray-500 text-center"},ot=e.defineComponent({__name:"OneDropdownSelect",props:h.dropdownSelectProps,emits:["update:modelValue","search","create"],setup(C,{emit:m}){const l=C,c=G.useOnebI18n(),u=m,f=e.ref(!1);let p=null;e.onMounted(()=>{p=window.matchMedia("(max-width: 767px)"),f.value=p.matches;const t=o=>{f.value=o.matches};p.addEventListener("change",t),e.onUnmounted(()=>{p==null||p.removeEventListener("change",t)})});const a=F.useModal(),y=e.ref(null),w=()=>{i.value="",s.value=-1,a.open(),e.nextTick(()=>{var t;(t=y.value)==null||t.focus()})},i=e.ref(""),s=e.ref(-1),b=e.ref(null),x=e.ref(null),S=e.ref({}),$=(t,o)=>{t&&(S.value[o]=t)},N=e.computed(()=>l.allowEmpty?1:0),E=e.computed(()=>{if(!i.value.trim())return l.items;const t=i.value.toLowerCase();return l.items.filter(o=>String(o[l.labelKey]??"").toLowerCase().includes(t))}),M=e.computed(()=>{if(!l.groupKey)return[];const t=[],o=new Map;let r=N.value;for(const n of E.value){const v=String(n[l.groupKey]??"");let d=o.get(v);d||(d={label:v,entries:[]},o.set(v,d),t.push(d)),d.entries.push({item:n,flatIndex:r}),r++}return t}),g=e.computed(()=>l.multiple?(l.modelValue??[]).length>0:l.modelValue!==null&&l.modelValue!==void 0),_=e.computed(()=>{if(l.multiple){const t=l.modelValue??[];return t.length===0?l.placeholder:t.length===1?t[0][l.labelKey]??l.placeholder:`${t[0][l.labelKey]} +${t.length-1}`}return l.modelValue===null||l.modelValue===void 0?l.placeholder:l.modelValue[l.labelKey]??l.placeholder}),k=t=>l.modelValue?l.multiple?l.modelValue.some(r=>r[l.valueKey]===t[l.valueKey]):l.modelValue[l.valueKey]===t[l.valueKey]:!1,z=e.computed(()=>E.value.length+N.value),B=(t,o)=>{if(l.multiple){const r=(l.modelValue??[]).slice();if(t===null){u("update:modelValue",[]);return}const n=r.findIndex(v=>v[l.valueKey]===t[l.valueKey]);n>=0?r.splice(n,1):r.push(t),u("update:modelValue",r);return}u("update:modelValue",t),o()},O=()=>{u("update:modelValue",[...l.items])},L=()=>{u("update:modelValue",[])},A=t=>{u("create",i.value),t()},U=()=>{i.value="",s.value=-1,e.nextTick(()=>{var t;(t=b.value)==null||t.focus()})},T=()=>{i.value="",s.value=-1},K=()=>{s.value=0,u("search",i.value)},j=()=>{e.nextTick(()=>{const t=S.value[s.value];t&&t.scrollIntoView({block:"nearest"})})},W=(t,o)=>{switch(t.key){case"ArrowDown":t.preventDefault(),s.value<z.value-1?s.value++:s.value=0,j();break;case"ArrowUp":t.preventDefault(),s.value>0?s.value--:s.value=z.value-1,j();break;case"Enter":if(t.preventDefault(),s.value>=0)if(l.allowEmpty&&s.value===0)B(null,o);else{const r=s.value-N.value,n=E.value[r];n&&B(n,o)}break;case"Escape":t.preventDefault(),o();break}};return e.watch(i,()=>{s.value=0}),(t,o)=>f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:w,isExpanded:e.unref(a).isOpened.value,selectedLabel:_.value})),()=>[e.createElementVNode("button",{class:e.normalizeClass(["inline-flex items-center justify-between gap-2 text-sm transition-colors",[t.view==="pill"?"rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700":"rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]"]]),style:e.normalizeStyle(t.maxWidth?{maxWidth:t.maxWidth}:void 0),onClick:w},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":g.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(_.value),3),o[12]||(o[12]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4 text-gray-400 shrink-0"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})],-1))],6)]),e.unref(a).isOpened.value?(e.openBlock(),e.createBlock(e.unref(F.OneModal),{key:0,useModal:e.unref(a),title:t.title||t.placeholder,size:"sm",classModal:!0,titleCenter:!0},{default:e.withCtx(()=>[e.createElementVNode("div",Ke,[t.searchable?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("div",Ie,[o[13]||(o[13]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"mobileSearchInputRef",ref:y,"onUpdate:modelValue":o[2]||(o[2]=r=>i.value=r),type:"text",placeholder:t.searchPlaceholder,class:"w-full rounded-md border border-gray-300 py-2 pl-8 pr-3 text-sm outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent",onInput:K},null,40,Pe),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",Fe,[e.createElementVNode("button",{class:"w-full flex items-center justify-center gap-2 py-2 text-sm text-blue-700 hover:text-blue-500",onClick:o[3]||(o[3]=r=>A(()=>e.unref(a).close()))},[o[14]||(o[14]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",null,e.toDisplayString(t.createLabel),1)])])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("button",{class:"text-sm text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(c)("ui.dropdown.selectAll")),1),g.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-sm text-gray-500 hover:text-gray-700 transition-colors",onClick:L},e.toDisplayString(e.unref(c)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",qe,[...o[15]||(o[15]=[e.createElementVNode("div",{class:"animate-spin w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full"},null,-1)])])):(e.openBlock(),e.createElementBlock("div",Ue,[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors",g.value?"":"bg-gray-50 font-medium"]),role:"option","aria-selected":!g.value,onClick:o[4]||(o[4]=r=>B(null,()=>e.unref(a).close()))},[g.value?(e.openBlock(),e.createElementBlock("span",He)):(e.openBlock(),e.createElementBlock("svg",We,[...o[16]||(o[16]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],10,Te)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(M.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.label},[r.label?(e.openBlock(),e.createElementBlock("div",Ge,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.entries,n=>(e.openBlock(),e.createElementBlock("button",{key:n.item[t.valueKey],class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words",k(n.item)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":k(n.item),onClick:v=>B(n.item,()=>e.unref(a).close())},[k(n.item)?(e.openBlock(),e.createElementBlock("svg",Xe,[...o[17]||(o[17]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Ye)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:n.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(n.item[t.labelKey]),1)])],10,Je))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(E.value,r=>(e.openBlock(),e.createElementBlock("button",{key:r[t.valueKey],class:e.normalizeClass(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words",k(r)?"bg-gray-50 font-medium":""]),role:"option","aria-selected":k(r),onClick:n=>B(r,()=>e.unref(a).close())},[k(r)?(e.openBlock(),e.createElementBlock("svg",Qe,[...o[18]||(o[18]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",et)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:r}),()=>[e.createElementVNode("span",null,e.toDisplayString(r[t.labelKey]),1)])],10,Ze))),128)),E.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",tt,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)]))])]),_:3},8,["useModal","title"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(q,{key:0,stick:t.stick,onOpen:U,onClose:T},{button:e.withCtx(({onToggle:r,isExpanded:n})=>[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:r,isExpanded:n,selectedLabel:_.value})),()=>[e.createElementVNode("button",{class:e.normalizeClass(["inline-flex items-center justify-between gap-2 text-sm transition-colors",[t.view==="pill"?"rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700":"rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]",t.view==="default"&&n?"ring-1 ring-blue-500 border-blue-500":""]]),style:e.normalizeStyle(t.maxWidth?{maxWidth:t.maxWidth}:void 0),onClick:r},[e.createElementVNode("span",{class:e.normalizeClass(["truncate",t.view==="pill"?"":g.value?"text-gray-900":"text-gray-500"])},e.toDisplayString(_.value),3),(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:e.normalizeClass(["w-4 h-4 text-gray-400 transition-transform shrink-0",n?"rotate-180":""])},[...o[5]||(o[5]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"},null,-1)])],2))],14,ye)])]),menu:e.withCtx(({onToggle:r})=>[e.createElementVNode("div",{class:"min-w-[240px] w-full",onKeydown:n=>W(n,r)},[t.title?(e.openBlock(),e.createElementBlock("div",he,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.searchable?(e.openBlock(),e.createElementBlock("div",we,[e.createElementVNode("div",be,[o[6]||(o[6]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"absolute left-2.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})],-1)),e.withDirectives(e.createElementVNode("input",{ref_key:"searchInputRef",ref:b,"onUpdate:modelValue":o[0]||(o[0]=n=>i.value=n),type:"text",placeholder:t.searchPlaceholder,class:"w-full rounded-md border border-gray-300 py-1.5 pl-8 pr-3 text-sm outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500",onInput:K},null,40,xe),[[e.vModelText,i.value]])])])):e.createCommentVNode("",!0),t.createLabel?(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("button",{class:"flex items-center gap-2 w-full px-3 py-2 text-sm text-blue-700 hover:bg-gray-50 transition-colors",onClick:n=>A(r)},[o[7]||(o[7]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-4 h-4"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})],-1)),e.createElementVNode("span",null,e.toDisplayString(t.createLabel),1)],8,Ee)])):e.createCommentVNode("",!0),t.multiple?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("button",{class:"text-xs text-blue-600 hover:text-blue-800 transition-colors",onClick:O},e.toDisplayString(e.unref(c)("ui.dropdown.selectAll")),1),g.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:"text-xs text-gray-500 hover:text-gray-700 transition-colors",onClick:L},e.toDisplayString(e.unref(c)("ui.dropdown.clear")),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.isLoading?(e.openBlock(),e.createElementBlock("div",Ce,[...o[8]||(o[8]=[e.createElementVNode("svg",{class:"animate-spin h-5 w-5 text-gray-400",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})],-1)])])):(e.openBlock(),e.createElementBlock("div",{key:5,ref_key:"listRef",ref:x,class:"max-h-[300px] overflow-y-auto",role:"listbox"},[t.allowEmpty?(e.openBlock(),e.createElementBlock("button",{key:0,ref:n=>$(n,0),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors",[g.value?"hover:bg-gray-50":"bg-gray-100 font-medium",s.value===0?"bg-gray-50":""]]),role:"option","aria-selected":!g.value,onClick:n=>B(null,r),onMouseenter:o[1]||(o[1]=n=>s.value=0)},[g.value?(e.openBlock(),e.createElementBlock("span",Se)):(e.openBlock(),e.createElementBlock("svg",_e,[...o[9]||(o[9]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])),e.createElementVNode("span",null,e.toDisplayString(t.emptyLabel??t.placeholder),1)],42,Ne)):e.createCommentVNode("",!0),t.groupKey?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(M.value,(n,v)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.label},[n.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide",v>0?"border-t border-gray-100 mt-1":""])},e.toDisplayString(n.label),3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.entries,d=>(e.openBlock(),e.createElementBlock("button",{key:d.item[t.valueKey],ref_for:!0,ref:D=>$(D,d.flatIndex),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[k(d.item)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===d.flatIndex?"bg-gray-50":""]]),role:"option","aria-selected":k(d.item),onClick:D=>B(d.item,r),onMouseenter:D=>s.value=d.flatIndex},[k(d.item)?(e.openBlock(),e.createElementBlock("svg",De,[...o[10]||(o[10]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Me)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:d.item}),()=>[e.createElementVNode("span",null,e.toDisplayString(d.item[t.labelKey]),1)])],42,$e))),128))],64))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(E.value,(n,v)=>(e.openBlock(),e.createElementBlock("button",{key:n[t.valueKey],ref_for:!0,ref:d=>$(d,N.value+v),class:e.normalizeClass(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words",[k(n)?"bg-gray-100 font-medium":"hover:bg-gray-50",s.value===N.value+v?"bg-gray-50":""]]),role:"option","aria-selected":k(n),onClick:d=>B(n,r),onMouseenter:d=>s.value=N.value+v},[k(n)?(e.openBlock(),e.createElementBlock("svg",Oe,[...o[11]||(o[11]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"},null,-1)])])):(e.openBlock(),e.createElementBlock("span",Le)),e.renderSlot(t.$slots,"item",e.mergeProps({ref_for:!0},{item:n}),()=>[e.createElementVNode("span",null,e.toDisplayString(n[t.labelKey]),1)])],42,ze))),128)),E.value.length===0&&!t.allowEmpty?(e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("ui.dropdown.nothingFound")),1)])])):e.createCommentVNode("",!0)],512))],40,ge)]),_:3},8,["stick"]))}});exports.OneBrowserMenu=h.OneBrowserMenu;exports.OneDropdown=h._sfc_main;exports.OneDropdownItem=h._sfc_main$1;exports.OneHelpMenu=h.OneHelpMenu;exports.OneUserMenu=h._sfc_main$2;exports.OneBrowserMenuGrid=fe;exports.OneDropdownAuto=q;exports.OneDropdownDivider=ee;exports.OneDropdownSelect=ot;
|
package/dist/dropdown/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as he, e as ye, _ as we, r as ge, f as ke } from "../OneHelpMenu-
|
|
2
|
-
import { O as so, a as lo, c as no, b as ro } from "../OneHelpMenu-
|
|
1
|
+
import { d as he, e as ye, _ as we, r as ge, f as ke } from "../OneHelpMenu-a9131cb1.js";
|
|
2
|
+
import { O as so, a as lo, c as no, b as ro } from "../OneHelpMenu-a9131cb1.js";
|
|
3
3
|
import { defineComponent as X, ref as C, watch as ce, onBeforeUnmount as be, provide as xe, computed as I, openBlock as o, createElementBlock as l, createElementVNode as t, renderSlot as V, normalizeProps as F, guardReactiveProps as P, createBlock as U, Teleport as Ce, createCommentVNode as m, withDirectives as q, normalizeClass as w, toDisplayString as u, vShow as _e, withCtx as z, createVNode as H, unref as y, normalizeStyle as J, Fragment as M, renderList as L, onMounted as $e, onUnmounted as Me, vModelText as le, mergeProps as R, createTextVNode as ne, nextTick as T } from "vue";
|
|
4
4
|
import { c as re, o as ae, s as ie, a as Ve } from "../floating-ui.dom-4509432e.js";
|
|
5
5
|
import { flip as ue } from "@floating-ui/vue";
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
const { createElementVNode: _createElementVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = require("vue")
|
|
2
|
+
|
|
3
|
+
module.exports = function render(_ctx, _cache) {
|
|
4
|
+
return (_openBlock(), _createElementBlock("svg", {
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
|
+
"stroke-width": "1.8",
|
|
9
|
+
stroke: "currentColor",
|
|
10
|
+
"aria-hidden": "true"
|
|
11
|
+
}, [
|
|
12
|
+
_createElementVNode("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M7.83 1.08v21.6M1.08 3.78a2.697 2.697 0 012.7-2.7h16.2a2.697 2.697 0 012.7 2.7v16.2a2.697 2.697 0 01-2.7 2.7H3.78a2.697 2.697 0 01-2.7-2.7V3.78z"
|
|
16
|
+
}),
|
|
17
|
+
_createElementVNode("path", {
|
|
18
|
+
"stroke-linecap": "round",
|
|
19
|
+
"stroke-linejoin": "round",
|
|
20
|
+
d: "M15.48 9.48l-2.4 2.4 2.4 2.4"
|
|
21
|
+
})
|
|
22
|
+
]))
|
|
23
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
|
|
2
|
+
|
|
3
|
+
export default function render(_ctx, _cache) {
|
|
4
|
+
return (_openBlock(), _createElementBlock("svg", {
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
|
+
"stroke-width": "1.8",
|
|
9
|
+
stroke: "currentColor",
|
|
10
|
+
"aria-hidden": "true"
|
|
11
|
+
}, [
|
|
12
|
+
_createElementVNode("path", {
|
|
13
|
+
"stroke-linecap": "round",
|
|
14
|
+
"stroke-linejoin": "round",
|
|
15
|
+
d: "M7.83 1.08v21.6M1.08 3.78a2.697 2.697 0 012.7-2.7h16.2a2.697 2.697 0 012.7 2.7v16.2a2.697 2.697 0 01-2.7 2.7H3.78a2.697 2.697 0 01-2.7-2.7V3.78z"
|
|
16
|
+
}),
|
|
17
|
+
_createElementVNode("path", {
|
|
18
|
+
"stroke-linecap": "round",
|
|
19
|
+
"stroke-linejoin": "round",
|
|
20
|
+
d: "M15.48 9.48l-2.4 2.4 2.4 2.4"
|
|
21
|
+
})
|
|
22
|
+
]))
|
|
23
|
+
}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as AppsIcon } from './AppsIcon'
|
|
1
|
+
export { default as AppsIcon } from './AppsIcon'
|
|
2
|
+
export { default as SidebarLeftCollapseIcon } from './SidebarLeftCollapseIcon'
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as AppsIcon } from './AppsIcon.js'
|
|
1
|
+
export { default as AppsIcon } from './AppsIcon.js'
|
|
2
|
+
export { default as SidebarLeftCollapseIcon } from './SidebarLeftCollapseIcon.js'
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as AppsIcon } from './AppsIcon'
|
|
1
|
+
export { default as AppsIcon } from './AppsIcon'
|
|
2
|
+
export { default as SidebarLeftCollapseIcon } from './SidebarLeftCollapseIcon'
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
module.exports.AppsIcon = require("./AppsIcon.js")
|
|
1
|
+
module.exports.AppsIcon = require("./AppsIcon.js")
|
|
2
|
+
module.exports.SidebarLeftCollapseIcon = require("./SidebarLeftCollapseIcon.js")
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./i18n/index.cjs"),c=require("./button/index.cjs"),q=require("./buttonGroup/index.cjs"),t=require("./card/index.cjs"),p=require("./checkbox/index.cjs"),b=require("./collapse/index.cjs"),M=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),P=require("./common/index.cjs");require("./OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const D=require("./SpinnerIcon-ccb6f3fc.cjs"),r=require("./OneHelpMenu-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./i18n/index.cjs"),c=require("./button/index.cjs"),q=require("./buttonGroup/index.cjs"),t=require("./card/index.cjs"),p=require("./checkbox/index.cjs"),b=require("./collapse/index.cjs"),M=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),P=require("./common/index.cjs");require("./OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const D=require("./SpinnerIcon-ccb6f3fc.cjs"),r=require("./OneHelpMenu-7f53fa30.cjs"),i=require("./dropdown/index.cjs"),d=require("./entityPicker/index.cjs"),_=require("./errorsPage/index.cjs"),n=require("./form/index.cjs"),m=require("./indicators/index.cjs"),I=require("./infobox/index.cjs"),k=require("./label/index.cjs"),a=require("./layout/index.cjs"),l=require("./useModal-98810f6a.cjs"),O=require("./modal/index.cjs"),A=require("./radio/index.cjs"),y=require("./skeleton/index.cjs"),w=require("./switch/index.cjs"),u=require("./toast/index.cjs"),e=require("./periodPicker/index.cjs"),s=require("./dataTable/index.cjs"),E=require("dayjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");require("vue-markdown-render");require("./SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("./floating-ui.dom-2121a4fd.cjs");require("@floating-ui/vue");require("./XMarkIcon-f94baa4c.cjs");require("./ChevronDownIcon-6889ac87.cjs");require("./ChevronRightIcon-7a2f0c20.cjs");require("./NoSymbolIcon-5d326416.cjs");require("v-calendar");require("./CheckIcon-09b84cf5.cjs");require("dayjs/plugin/advancedFormat");require("dayjs/plugin/isoWeek");require("dayjs/plugin/quarterOfYear");require("dayjs/plugin/utc");require("dayjs/plugin/customParseFormat");exports.OnebI18n=o.OnebI18n;exports.OnebI18nKey=o.OnebI18nKey;exports.defaultTranslations=o.defaultTranslations;exports.useOnebI18n=o.useOnebI18n;exports.OneButton=c.OneButton;exports.OneButtonGroup=q.OneButtonGroup;exports.OneCard=t.OneCard;exports.OneCardBody=t.OneCardBody;exports.OneCardFooter=t.OneCardFooter;exports.OneCardHeader=t.OneCardHeader;exports.OneCheckbox=p.OneCheckbox;exports.OneCollapse=b.OneCollapse;exports.OneAvatar=M._sfc_main;exports.OneMarkdown=P.OneMarkdown;exports.OneSpinnerIcon=D.SpinnerIcon;exports.OneBrowserMenu=r.OneBrowserMenu;exports.OneDropdown=r._sfc_main;exports.OneDropdownItem=r._sfc_main$1;exports.OneHelpMenu=r.OneHelpMenu;exports.OneUserMenu=r._sfc_main$2;exports.OneBrowserMenuGrid=i.OneBrowserMenuGrid;exports.OneDropdownAuto=i.OneDropdownAuto;exports.OneDropdownDivider=i.OneDropdownDivider;exports.OneDropdownSelect=i.OneDropdownSelect;exports.OneEntityPicker=d.OneEntityPicker;exports.defaultEntityPickerTranslations=d.defaultEntityPickerTranslations;exports.OneErrorPage=_.OneErrorPage;exports.OneForm=n.OneForm;exports.OneFormFeedback=n.OneFormFeedback;exports.OneFormField=n.OneFormField;exports.OneFormInput=n.OneFormInput;exports.OneFormLabel=n.OneFormLabel;exports.OneIndicators=m.OneIndicators;exports.OneInfobox=I.OneInfobox;exports.OneLabel=k.OneLabel;exports.OneIsland=a.OneIsland;exports.OneMainLayout=a.OneMainLayout;exports.OneSidebar=a.OneSidebar;exports.OneModal=l.OneModal;exports.useModal=l.useModal;exports.OneModalBody=O.OneModalBody;exports.OneModalFooter=O.OneModalFooter;exports.OneModalHeader=O.OneModalHeader;exports.OneRadio=A.OneRadio;exports.OneSkeleton=y.OneSkeleton;exports.OneSwitch=w.OneSwitch;exports.OneToast=u.OneToast;exports.toastProps=u.toastProps;exports.useToast=u.useToast;exports.DATE_KIND=e.DATE_KIND;exports.MANUAL_DATE_KEY=e.MANUAL_DATE_KEY;exports.MANUAL_RANGE_KEY=e.MANUAL_RANGE_KEY;exports.OnePeriodPicker=e.OnePeriodPicker;exports.OnePeriodPickerFastModal=e.OnePeriodPickerFastModal;exports.PERIOD_KIND=e.PERIOD_KIND;exports.RANGE_KIND=e.RANGE_KIND;exports.buildPreset=e.buildPreset;exports.buildRollingOptions=e.buildRollingOptions;exports.createShortcutPresets=e.createShortcutPresets;exports.determineKind=e.determineKind;exports.formatDateShort=e.formatDateShort;exports.formatPeriod=e.formatPeriod;exports.getOptionGranularity=e.getOptionGranularity;exports.isOptionAllowed=e.isOptionAllowed;exports.parseManualDate=e.parseManualDate;exports.periodPickerSizeConfig=e.periodPickerSizeConfig;exports.toUnixOrNull=e.toUnixOrNull;exports.OneColumn=s.OneColumn;exports.OneDataTable=s.OneDataTable;exports.OneDataTablePaginator=s.OneDataTablePaginator;exports.dayjs=E;
|
package/dist/index.js
CHANGED
|
@@ -8,24 +8,24 @@ import { _ as R } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd
|
|
|
8
8
|
import { OneMarkdown as U } from "./common/index.js";
|
|
9
9
|
import "./OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js";
|
|
10
10
|
import { S as v } from "./SpinnerIcon-74648c98.js";
|
|
11
|
-
import { O as j, _ as z, a as q, c as J, b as Q } from "./OneHelpMenu-
|
|
11
|
+
import { O as j, _ as z, a as q, c as J, b as Q } from "./OneHelpMenu-a9131cb1.js";
|
|
12
12
|
import { OneBrowserMenuGrid as W, OneDropdownAuto as X, OneDropdownDivider as Z, OneDropdownSelect as $ } from "./dropdown/index.js";
|
|
13
|
-
import { OneEntityPicker as
|
|
14
|
-
import { OneErrorPage as
|
|
15
|
-
import { OneForm as
|
|
16
|
-
import { OneIndicators as
|
|
17
|
-
import { OneInfobox as
|
|
18
|
-
import { OneLabel as
|
|
19
|
-
import { OneMainLayout as
|
|
20
|
-
import { O as
|
|
21
|
-
import { OneModalBody as
|
|
22
|
-
import { OneRadio as
|
|
23
|
-
import { OneSkeleton as
|
|
24
|
-
import { OneSwitch as
|
|
25
|
-
import { OneToast as
|
|
26
|
-
import { DATE_KIND as
|
|
27
|
-
import { OneColumn as
|
|
28
|
-
import { default as
|
|
13
|
+
import { OneEntityPicker as oe, defaultEntityPickerTranslations as re } from "./entityPicker/index.js";
|
|
14
|
+
import { OneErrorPage as ne } from "./errorsPage/index.js";
|
|
15
|
+
import { OneForm as pe, OneFormFeedback as Oe, OneFormField as ie, OneFormInput as me, OneFormLabel as de } from "./form/index.js";
|
|
16
|
+
import { OneIndicators as fe } from "./indicators/index.js";
|
|
17
|
+
import { OneInfobox as xe } from "./infobox/index.js";
|
|
18
|
+
import { OneLabel as De } from "./label/index.js";
|
|
19
|
+
import { OneIsland as be, OneMainLayout as ce, OneSidebar as Pe } from "./layout/index.js";
|
|
20
|
+
import { O as Ae, u as we } from "./useModal-85f57682.js";
|
|
21
|
+
import { OneModalBody as Fe, OneModalFooter as ke, OneModalHeader as Se } from "./modal/index.js";
|
|
22
|
+
import { OneRadio as ye } from "./radio/index.js";
|
|
23
|
+
import { OneSkeleton as Ne } from "./skeleton/index.js";
|
|
24
|
+
import { OneSwitch as Ke } from "./switch/index.js";
|
|
25
|
+
import { OneToast as ge, toastProps as Ge, useToast as Le } from "./toast/index.js";
|
|
26
|
+
import { DATE_KIND as he, MANUAL_DATE_KEY as Ue, MANUAL_RANGE_KEY as He, OnePeriodPicker as ve, OnePeriodPickerFastModal as Ye, PERIOD_KIND as je, RANGE_KIND as ze, buildPreset as qe, buildRollingOptions as Je, createShortcutPresets as Qe, determineKind as Ve, formatDateShort as We, formatPeriod as Xe, getOptionGranularity as Ze, isOptionAllowed as $e, parseManualDate as eo, periodPickerSizeConfig as oo, toUnixOrNull as ro } from "./periodPicker/index.js";
|
|
27
|
+
import { OneColumn as no, OneDataTable as ao, OneDataTablePaginator as po } from "./dataTable/index.js";
|
|
28
|
+
import { default as io } from "dayjs";
|
|
29
29
|
import "vue";
|
|
30
30
|
import "./_plugin-vue_export-helper-dad06003.js";
|
|
31
31
|
import "vue-markdown-render";
|
|
@@ -44,9 +44,9 @@ import "dayjs/plugin/quarterOfYear";
|
|
|
44
44
|
import "dayjs/plugin/utc";
|
|
45
45
|
import "dayjs/plugin/customParseFormat";
|
|
46
46
|
export {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
he as DATE_KIND,
|
|
48
|
+
Ue as MANUAL_DATE_KEY,
|
|
49
|
+
He as MANUAL_RANGE_KEY,
|
|
50
50
|
R as OneAvatar,
|
|
51
51
|
j as OneBrowserMenu,
|
|
52
52
|
W as OneBrowserMenuGrid,
|
|
@@ -58,60 +58,61 @@ export {
|
|
|
58
58
|
T as OneCardHeader,
|
|
59
59
|
B as OneCheckbox,
|
|
60
60
|
G as OneCollapse,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
no as OneColumn,
|
|
62
|
+
ao as OneDataTable,
|
|
63
|
+
po as OneDataTablePaginator,
|
|
64
64
|
z as OneDropdown,
|
|
65
65
|
X as OneDropdownAuto,
|
|
66
66
|
Z as OneDropdownDivider,
|
|
67
67
|
q as OneDropdownItem,
|
|
68
68
|
$ as OneDropdownSelect,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
69
|
+
oe as OneEntityPicker,
|
|
70
|
+
ne as OneErrorPage,
|
|
71
|
+
pe as OneForm,
|
|
72
|
+
Oe as OneFormFeedback,
|
|
73
|
+
ie as OneFormField,
|
|
74
|
+
me as OneFormInput,
|
|
75
|
+
de as OneFormLabel,
|
|
76
76
|
J as OneHelpMenu,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
77
|
+
fe as OneIndicators,
|
|
78
|
+
xe as OneInfobox,
|
|
79
|
+
be as OneIsland,
|
|
80
|
+
De as OneLabel,
|
|
81
|
+
ce as OneMainLayout,
|
|
81
82
|
U as OneMarkdown,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
83
|
+
Ae as OneModal,
|
|
84
|
+
Fe as OneModalBody,
|
|
85
|
+
ke as OneModalFooter,
|
|
86
|
+
Se as OneModalHeader,
|
|
87
|
+
ve as OnePeriodPicker,
|
|
88
|
+
Ye as OnePeriodPickerFastModal,
|
|
89
|
+
ye as OneRadio,
|
|
90
|
+
Pe as OneSidebar,
|
|
91
|
+
Ne as OneSkeleton,
|
|
91
92
|
v as OneSpinnerIcon,
|
|
92
|
-
|
|
93
|
-
|
|
93
|
+
Ke as OneSwitch,
|
|
94
|
+
ge as OneToast,
|
|
94
95
|
Q as OneUserMenu,
|
|
95
96
|
P as OnebI18n,
|
|
96
97
|
I as OnebI18nKey,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
98
|
+
je as PERIOD_KIND,
|
|
99
|
+
ze as RANGE_KIND,
|
|
100
|
+
qe as buildPreset,
|
|
101
|
+
Je as buildRollingOptions,
|
|
102
|
+
Qe as createShortcutPresets,
|
|
103
|
+
io as dayjs,
|
|
104
|
+
re as defaultEntityPickerTranslations,
|
|
104
105
|
A as defaultTranslations,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
$
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
106
|
+
Ve as determineKind,
|
|
107
|
+
We as formatDateShort,
|
|
108
|
+
Xe as formatPeriod,
|
|
109
|
+
Ze as getOptionGranularity,
|
|
110
|
+
$e as isOptionAllowed,
|
|
111
|
+
eo as parseManualDate,
|
|
112
|
+
oo as periodPickerSizeConfig,
|
|
113
|
+
ro as toUnixOrNull,
|
|
114
|
+
Ge as toastProps,
|
|
115
|
+
we as useModal,
|
|
115
116
|
w as useOnebI18n,
|
|
116
|
-
|
|
117
|
+
Le as useToast
|
|
117
118
|
};
|