@robot-admin/naive-ui-components 0.17.6 → 0.18.0

package/dist/C_Draggable.css

@@ -1,69 +1,69 @@
 :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
 
 /* ===== 容器布局样式 ===== */
-.c-draggable-wrapper[data-v-3abe32c6] {
+.c-draggable-wrapper[data-v-060457f1] {
   position: relative;
   width: 100%;
 }
-.c-draggable-list[data-v-3abe32c6] {
+.c-draggable-list[data-v-060457f1] {
   min-height: 50px;
   width: 100%;
   display: flex;
   gap: var(--gap, 8px);
   /* 默认垂直布局 */
 }
-.c-draggable-list.layout-vertical[data-v-3abe32c6] {
+.c-draggable-list.layout-vertical[data-v-060457f1] {
   flex-direction: column;
 }
-.c-draggable-list[data-v-3abe32c6] {
+.c-draggable-list[data-v-060457f1] {
   /* 水平布局 */
 }
-.c-draggable-list.layout-horizontal[data-v-3abe32c6] {
+.c-draggable-list.layout-horizontal[data-v-060457f1] {
   flex-direction: row;
   align-items: var(--align-items, stretch);
   justify-content: var(--justify-content, flex-start);
 }
-.c-draggable-list.layout-horizontal.flex-wrap[data-v-3abe32c6] {
+.c-draggable-list.layout-horizontal.flex-wrap[data-v-060457f1] {
   flex-wrap: wrap;
 }
-.c-draggable-list[data-v-3abe32c6] {
+.c-draggable-list[data-v-060457f1] {
   /* 弹性换行布局 */
 }
-.c-draggable-list.layout-flex-wrap[data-v-3abe32c6] {
+.c-draggable-list.layout-flex-wrap[data-v-060457f1] {
   flex-direction: row;
   flex-wrap: wrap;
   align-items: var(--align-items, stretch);
   justify-content: var(--justify-content, flex-start);
 }
-.c-draggable-list[data-v-3abe32c6] {
+.c-draggable-list[data-v-060457f1] {
   /* 网格布局 */
 }
-.c-draggable-list.layout-grid[data-v-3abe32c6] {
+.c-draggable-list.layout-grid[data-v-060457f1] {
   display: grid;
   grid-template-columns: repeat(var(--grid-columns, 4), 1fr);
   grid-template-rows: var(--grid-rows, auto);
   align-items: var(--align-items, stretch);
   justify-content: var(--justify-content, stretch);
 }
-.c-draggable-list.layout-grid > .c-draggable-item[data-v-3abe32c6] {
+.c-draggable-list.layout-grid > .c-draggable-item[data-v-060457f1] {
   width: 100%;
   box-sizing: border-box;
 }
 
 /* ===== 拖拽项目基础样式 ===== */
-.c-draggable-item[data-v-3abe32c6] {
+.c-draggable-item[data-v-060457f1] {
   position: relative;
 }
-.c-draggable-item.is-disabled[data-v-3abe32c6] {
+.c-draggable-item.is-disabled[data-v-060457f1] {
   opacity: 0.6;
   cursor: not-allowed;
 }
-.c-draggable-item.is-disabled[data-v-3abe32c6] * {
+.c-draggable-item.is-disabled[data-v-060457f1] * {
   cursor: not-allowed !important;
 }
 
 /* ===== 默认项目样式 ===== */
-.default-item[data-v-3abe32c6] {
+.default-item[data-v-060457f1] {
   display: flex;
   align-items: center;
   padding: 16px;
@@ -74,15 +74,15 @@
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
 }
-.default-item[data-v-3abe32c6]:hover {
+.default-item[data-v-060457f1]:hover {
   border-color: var(--n-primary-color);
   box-shadow: 0 2px 8px var(--n-box-shadow-color);
   transform: translateY(-1px);
 }
-.default-item[data-v-3abe32c6]:active {
+.default-item[data-v-060457f1]:active {
   cursor: grabbing;
 }
-.default-item .drag-handle[data-v-3abe32c6] {
+.default-item .drag-handle[data-v-060457f1] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -95,21 +95,21 @@
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   flex-shrink: 0;
 }
-.default-item .drag-handle[data-v-3abe32c6]:hover {
+.default-item .drag-handle[data-v-060457f1]:hover {
   background: var(--n-action-color);
   color: var(--n-primary-color);
 }
-.default-item .drag-handle[data-v-3abe32c6]:active {
+.default-item .drag-handle[data-v-060457f1]:active {
   cursor: grabbing;
 }
-.default-item .drag-handle div[data-v-3abe32c6] {
+.default-item .drag-handle div[data-v-060457f1] {
   font-size: 18px;
 }
-.default-item .item-content[data-v-3abe32c6] {
+.default-item .item-content[data-v-060457f1] {
   flex: 1;
   min-width: 0;
 }
-.default-item .item-content .item-title[data-v-3abe32c6] {
+.default-item .item-content .item-title[data-v-060457f1] {
   font-size: 16px;
   font-weight: 600;
   color: var(--n-text-color);
@@ -117,7 +117,7 @@
   margin-bottom: 4px;
   word-break: break-word;
 }
-.default-item .item-content .item-description[data-v-3abe32c6] {
+.default-item .item-content .item-description[data-v-060457f1] {
   font-size: 14px;
   color: var(--n-text-color-disabled);
   line-height: 1.4;
@@ -125,7 +125,7 @@
 }
 
 /* ===== 空状态样式 ===== */
-.empty-state[data-v-3abe32c6] {
+.empty-state[data-v-060457f1] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -135,12 +135,12 @@
   border: 2px dashed var(--n-border-color);
   border-radius: 8px;
 }
-.empty-state .default-empty .empty-icon[data-v-3abe32c6] {
+.empty-state .default-empty .empty-icon[data-v-060457f1] {
   font-size: 48px;
   color: var(--n-text-color-disabled);
   margin-bottom: 16px;
 }
-.empty-state .default-empty .empty-text[data-v-3abe32c6] {
+.empty-state .default-empty .empty-text[data-v-060457f1] {
   color: var(--n-text-color-disabled);
   font-size: 16px;
   margin: 0;
@@ -167,86 +167,86 @@
 }
 
 /* ===== 网格布局特殊优化 ===== */
-.c-draggable-list.layout-grid .c-draggable-item[data-v-3abe32c6] {
+.c-draggable-list.layout-grid .c-draggable-item[data-v-060457f1] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-3abe32c6] {
+.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-060457f1] {
   flex: 1;
   height: 100%;
   min-height: 80px;
 }
-.c-draggable-list.layout-grid + .empty-state[data-v-3abe32c6] {
+.c-draggable-list.layout-grid + .empty-state[data-v-060457f1] {
   grid-column: 1/-1;
   padding: 40px 20px;
 }
-.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-3abe32c6] {
+.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-060457f1] {
   font-size: 36px;
 }
 
 /* ===== 弹性布局特殊优化 ===== */
-.c-draggable-list.layout-horizontal .c-draggable-item[data-v-3abe32c6],
-.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-3abe32c6] {
+.c-draggable-list.layout-horizontal .c-draggable-item[data-v-060457f1],
+.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-060457f1] {
   flex-shrink: 0;
 }
-.c-draggable-list.layout-horizontal .c-draggable-item[data-v-3abe32c6]:not(:last-child),
-.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-3abe32c6]:not(:last-child) {
+.c-draggable-list.layout-horizontal .c-draggable-item[data-v-060457f1]:not(:last-child),
+.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-060457f1]:not(:last-child) {
   margin-right: 0;
 }
-.c-draggable-list.layout-horizontal .default-item[data-v-3abe32c6],
-.c-draggable-list.layout-flex-wrap .default-item[data-v-3abe32c6] {
+.c-draggable-list.layout-horizontal .default-item[data-v-060457f1],
+.c-draggable-list.layout-flex-wrap .default-item[data-v-060457f1] {
   min-width: 200px;
   width: 100%;
 }
 
 /* ===== 响应式设计 ===== */
 @media (max-width: 768px) {
-.c-draggable-list.layout-grid[data-v-3abe32c6] {
+.c-draggable-list.layout-grid[data-v-060457f1] {
     grid-template-columns: repeat(2, 1fr) !important;
 }
-.c-draggable-list.layout-horizontal[data-v-3abe32c6] {
+.c-draggable-list.layout-horizontal[data-v-060457f1] {
     flex-wrap: wrap;
 }
-.default-item[data-v-3abe32c6] {
+.default-item[data-v-060457f1] {
     padding: 12px;
     min-width: 150px !important;
 }
-.default-item .drag-handle[data-v-3abe32c6] {
+.default-item .drag-handle[data-v-060457f1] {
     width: 20px;
     height: 20px;
     margin-right: 8px;
 }
-.default-item .drag-handle div[data-v-3abe32c6] {
+.default-item .drag-handle div[data-v-060457f1] {
     font-size: 16px;
 }
-.default-item .item-content .item-title[data-v-3abe32c6] {
+.default-item .item-content .item-title[data-v-060457f1] {
     font-size: 15px;
 }
-.default-item .item-content .item-description[data-v-3abe32c6] {
+.default-item .item-content .item-description[data-v-060457f1] {
     font-size: 13px;
 }
-.empty-state[data-v-3abe32c6] {
+.empty-state[data-v-060457f1] {
     padding: 40px 16px;
 }
-.empty-state .default-empty .empty-icon[data-v-3abe32c6] {
+.empty-state .default-empty .empty-icon[data-v-060457f1] {
     font-size: 36px;
 }
 }
 @media (max-width: 480px) {
-.c-draggable-list.layout-grid[data-v-3abe32c6] {
+.c-draggable-list.layout-grid[data-v-060457f1] {
     grid-template-columns: 1fr !important;
 }
-.default-item[data-v-3abe32c6] {
+.default-item[data-v-060457f1] {
     min-width: 100% !important;
     padding: 10px;
 }
 }
 
 /* layer: icons */
-.i-mdi\:drag-vertical[data-v-3abe32c6]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:inbox-outline[data-v-3abe32c6]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2M5 19v-2h3.13a4.13 4.13 0 0 0 1.27 2m9.6 0h-4.4a4.13 4.13 0 0 0 1.27-2H19m0-2h-5v1a2 2 0 0 1-4 0v-1H5V5h14Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:drag-vertical[data-v-060457f1]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:inbox-outline[data-v-060457f1]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2M5 19v-2h3.13a4.13 4.13 0 0 0 1.27 2m9.6 0h-4.4a4.13 4.13 0 0 0 1.27-2H19m0-2h-5v1a2 2 0 0 1-4 0v-1H5V5h14Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
 /* layer: default */
-.grid[data-v-3abe32c6]{display:grid;}
-.flex-wrap[data-v-3abe32c6]{flex-wrap:wrap;}
-.px[data-v-3abe32c6]{padding-left:1rem;padding-right:1rem;}
+.grid[data-v-060457f1]{display:grid;}
+.flex-wrap[data-v-060457f1]{flex-wrap:wrap;}
+.px[data-v-060457f1]{padding-left:1rem;padding-right:1rem;}

package/dist/C_Draggable.d.cts

@@ -1,2 +1,2 @@
-import { a as DraggableEmits, c as GroupOptions, i as DragEvent, l as JustifyContent, n as _default, o as DraggableItem, r as AlignItems, s as DraggableProps, t as useDraggableLayout, u as LayoutMode } from "./useDraggableLayout.cjs";
-export { type AlignItems, _default as C_Draggable, type DragEvent, type DraggableEmits, type DraggableItem, type DraggableProps, type GroupOptions, type JustifyContent, type LayoutMode, useDraggableLayout };
+import { a as DraggableEmits, c as DraggableProps, d as JustifyContent, f as LayoutMode, i as DragEvent, l as DraggableSlots, n as _default, o as DraggableExpose, r as AlignItems, s as DraggableItem, t as useDraggableLayout, u as GroupOptions } from "./useDraggableLayout.cjs";
+export { type AlignItems, _default as C_Draggable, type DragEvent, type DraggableEmits, type DraggableExpose, type DraggableItem, type DraggableProps, type DraggableSlots, type GroupOptions, type JustifyContent, type LayoutMode, useDraggableLayout };

package/dist/C_Draggable.d.ts

@@ -1,2 +1,2 @@
-import { a as DraggableEmits, c as GroupOptions, i as DragEvent, l as JustifyContent, n as _default, o as DraggableItem, r as AlignItems, s as DraggableProps, t as useDraggableLayout, u as LayoutMode } from "./useDraggableLayout.js";
-export { type AlignItems, _default as C_Draggable, type DragEvent, type DraggableEmits, type DraggableItem, type DraggableProps, type GroupOptions, type JustifyContent, type LayoutMode, useDraggableLayout };
+import { a as DraggableEmits, c as DraggableProps, d as JustifyContent, f as LayoutMode, i as DragEvent, l as DraggableSlots, n as _default, o as DraggableExpose, r as AlignItems, s as DraggableItem, t as useDraggableLayout, u as GroupOptions } from "./useDraggableLayout.js";
+export { type AlignItems, _default as C_Draggable, type DragEvent, type DraggableEmits, type DraggableExpose, type DraggableItem, type DraggableProps, type DraggableSlots, type GroupOptions, type JustifyContent, type LayoutMode, useDraggableLayout };

package/dist/C_Draggable2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`),n=require(`vue-draggable-plus`);function r(e,n){let r=(0,t.ref)(!1),i,a=!1;(0,t.onBeforeUnmount)(()=>{a=!0,r.value=!1,i=void 0});let o=(0,t.computed)({get:()=>e.modelValue??[],set:e=>{n(`update:modelValue`,e),n(`list-change`,e)}}),s=(0,t.computed)(()=>(e.modelValue??[]).length===0),c=(0,t.computed)(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),l=(0,t.computed)(()=>{let t={"--gap":typeof e.gap==`number`?`${e.gap}px`:e.gap??`8px`,"--grid-columns":e.gridColumns??4,"--justify-content":e.justifyContent??`flex-start`,"--align-items":e.alignItems??`stretch`,...e.customStyles};return e.gridRows&&(t[`--grid-rows`]=e.gridRows),t}),u=(0,t.computed)(()=>{let t={disabled:e.disabled,group:e.group,sort:e.sort,animation:e.animation,delay:e.delay,ghostClass:e.ghostClass,chosenClass:e.chosenClass,dragClass:e.dragClass,swapThreshold:e.swapThreshold,invertSwap:e.invertSwap,direction:e.direction,forceFallback:!1};return e.handle?t.handle=e.handle:e.showHandle&&(t.handle=`.drag-handle`),t}),d=(t,n)=>e.itemKey?e.itemKey(t,n):t.id??n,f=t=>e.itemTitle?e.itemTitle(t):t.title||t.name||t.label||String(t.id)||`未命名项目`,p=t=>e.itemDescription?e.itemDescription(t):t.description||``,m=()=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],h=e=>e!==void 0&&Number.isInteger(e)&&e>=0;return{isDragging:r,internalList:o,isEmpty:s,listClasses:c,listStyles:l,draggableOptions:u,getItemKey:d,getItemTitle:f,getItemDescription:p,getItemClass:m,handleStart:e=>{r.value=!0;let t=e.oldDraggableIndex??e.oldIndex;i=e.data??(h(t)?o.value[t]:void 0),i&&h(t)&&n(`drag-start`,{oldIndex:t,newIndex:t,item:i})},handleEnd:e=>{let o=e.oldDraggableIndex??e.oldIndex,s=e.newDraggableIndex??e.newIndex,c=e.data??i;i=void 0,c&&h(o)&&h(s)&&n(`drag-end`,{oldIndex:o,newIndex:s,item:c}),(0,t.nextTick)(()=>{a||(r.value=!1)})},handleAdd:e=>{let t=e.newDraggableIndex??e.newIndex,r=e.clonedData??e.data;r&&h(t)&&n(`item-add`,r,t)},handleRemove:e=>{if(e.pullMode===`clone`)return;let t=e.oldDraggableIndex??e.oldIndex,r=e.data??i;r&&h(t)&&n(`item-remove`,r,t)},handleUpdate:()=>{},addItem:(e,t)=>{let n=[...o.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),o.value=n},removeItem:e=>{if(e>=0&&e<o.value.length){let t=[...o.value],[n]=t.splice(e,1);return o.value=t,n}return null},moveItem:(e,t)=>{let n=o.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[i]=r.splice(e,1);return r.splice(t,0,i),o.value=r,!0}return!1},updateList:e=>{o.value=[...e]},clear:()=>{o.value=[]},getItem:e=>o.value[e],findIndex:e=>o.value.findIndex(e)}}const i=[`data-index`],a={class:`default-item`},o={key:0,class:`drag-handle`},s={class:`item-content`},c={class:`item-title`},l={key:0,class:`item-description`},u={key:0,class:`empty-state`},d={class:`default-empty`},f={class:`empty-text`},p=(0,t.defineComponent)({name:`C_Draggable`,__name:`index`,props:{modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},group:{default:`default`},sort:{type:Boolean,default:!0},animation:{default:200},delay:{default:0},handle:{default:``},showHandle:{type:Boolean,default:!1},ghostClass:{default:`c-draggable-ghost`},chosenClass:{default:`c-draggable-chosen`},dragClass:{default:`c-draggable-drag`},wrapperClass:{default:``},listClass:{default:``},itemClass:{default:``},showEmptyState:{type:Boolean,default:!0},emptyText:{default:`暂无数据`},itemKey:{},itemTitle:{},itemDescription:{},swapThreshold:{default:1},invertSwap:{type:Boolean,default:!1},direction:{default:`vertical`},layout:{default:`vertical`},gridColumns:{default:4},gridRows:{default:void 0},gap:{default:`8px`},flexWrap:{type:Boolean,default:!1},justifyContent:{default:`flex-start`},alignItems:{default:`stretch`},customStyles:{default:()=>({})}},emits:[`update:modelValue`,`drag-start`,`drag-end`,`item-add`,`item-remove`,`list-change`],setup(e,{expose:p,emit:m}){let{isDragging:h,internalList:g,isEmpty:_,listClasses:v,listStyles:y,draggableOptions:b,getItemKey:x,getItemTitle:S,getItemDescription:C,getItemClass:w,handleStart:T,handleEnd:E,handleAdd:D,handleRemove:O,handleUpdate:k,addItem:A,removeItem:j,moveItem:M,updateList:N,clear:P,getItem:F,findIndex:I}=r(e,m);return p({isDragging:(0,t.readonly)(h),list:(0,t.readonly)(g),isEmpty:(0,t.readonly)(_),addItem:A,removeItem:j,moveItem:M,updateList:N,clear:P,getItem:F,findIndex:I}),(r,p)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`c-draggable-wrapper`,e.wrapperClass])},[(0,t.createVNode)((0,t.unref)(n.VueDraggable),(0,t.mergeProps)({modelValue:(0,t.unref)(g),"onUpdate:modelValue":p[0]||=e=>(0,t.isRef)(g)?g.value=e:null},(0,t.unref)(b),{class:(0,t.unref)(v),style:(0,t.unref)(y),onStart:(0,t.unref)(T),onEnd:(0,t.unref)(E),onAdd:(0,t.unref)(D),onRemove:(0,t.unref)(O),onUpdate:(0,t.unref)(k)}),{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(g),(n,u)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:(0,t.unref)(x)(n,u),class:(0,t.normalizeClass)((0,t.unref)(w)()),"data-index":u},[(0,t.renderSlot)(r.$slots,`default`,{item:n,index:u,isDragging:(0,t.unref)(h),isDisabled:e.disabled},()=>[(0,t.createElementVNode)(`div`,a,[e.showHandle?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,o,[...p[1]||=[(0,t.createElementVNode)(`div`,{class:`i-mdi:drag-vertical`},null,-1)]])):(0,t.createCommentVNode)(`v-if`,!0),(0,t.createElementVNode)(`div`,s,[(0,t.createElementVNode)(`div`,c,(0,t.toDisplayString)((0,t.unref)(S)(n)),1),(0,t.unref)(C)(n)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,(0,t.toDisplayString)((0,t.unref)(C)(n)),1)):(0,t.createCommentVNode)(`v-if`,!0)])])],!0)],10,i))),128))]),_:3},16,[`modelValue`,`class`,`style`,`onStart`,`onEnd`,`onAdd`,`onRemove`,`onUpdate`]),(0,t.unref)(_)&&e.showEmptyState?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,u,[(0,t.renderSlot)(r.$slots,`empty`,{},()=>[(0,t.createElementVNode)(`div`,d,[p[2]||=(0,t.createElementVNode)(`div`,{class:`empty-icon i-mdi:inbox-outline`},null,-1),(0,t.createElementVNode)(`p`,f,(0,t.toDisplayString)(e.emptyText),1)])],!0)])):(0,t.createCommentVNode)(`v-if`,!0)],2))}});var m=e.t(p,[[`__scopeId`,`data-v-3abe32c6`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
+require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`),n=require(`vue-draggable-plus`);function r(e,n){let r=(0,t.ref)(!1),i,a=!1;(0,t.onBeforeUnmount)(()=>{a=!0,r.value=!1,i=void 0});let o=(0,t.computed)({get:()=>e.modelValue??[],set:e=>{n(`update:modelValue`,e),n(`list-change`,e)}}),s=(0,t.computed)(()=>(e.modelValue??[]).length===0),c=(0,t.computed)(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),l=(0,t.computed)(()=>{let t={"--gap":typeof e.gap==`number`?`${e.gap}px`:e.gap??`8px`,"--grid-columns":e.gridColumns??4,"--justify-content":e.justifyContent??`flex-start`,"--align-items":e.alignItems??`stretch`,...e.customStyles};return e.gridRows&&(t[`--grid-rows`]=e.gridRows),t}),u=(0,t.computed)(()=>{let t={disabled:e.disabled,group:e.group,sort:e.sort,animation:e.animation,delay:e.delay,ghostClass:e.ghostClass,chosenClass:e.chosenClass,dragClass:e.dragClass,swapThreshold:e.swapThreshold,invertSwap:e.invertSwap,direction:e.direction,forceFallback:!1};return e.handle?t.handle=e.handle:e.showHandle&&(t.handle=`.drag-handle`),t}),d=(e,t)=>Reflect.get(e,t),f=(t,n)=>{if(e.itemKey)return e.itemKey(t,n);let r=d(t,`id`);return typeof r==`string`||typeof r==`number`?r:n},p=t=>e.itemTitle?e.itemTitle(t):String(d(t,`title`)||d(t,`name`)||d(t,`label`)||String(d(t,`id`))||`未命名项目`),m=t=>e.itemDescription?e.itemDescription(t):String(d(t,`description`)||``),h=()=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],g=e=>e!==void 0&&Number.isInteger(e)&&e>=0;return{isDragging:r,internalList:o,isEmpty:s,listClasses:c,listStyles:l,draggableOptions:u,getItemKey:f,getItemTitle:p,getItemDescription:m,getItemClass:h,handleStart:e=>{r.value=!0;let t=e.oldDraggableIndex??e.oldIndex;i=e.data??(g(t)?o.value[t]:void 0),i&&g(t)&&n(`drag-start`,{oldIndex:t,newIndex:t,item:i})},handleEnd:e=>{let o=e.oldDraggableIndex??e.oldIndex,s=e.newDraggableIndex??e.newIndex,c=e.data??i;i=void 0,c&&g(o)&&g(s)&&n(`drag-end`,{oldIndex:o,newIndex:s,item:c}),(0,t.nextTick)(()=>{a||(r.value=!1)})},handleAdd:e=>{let t=e.newDraggableIndex??e.newIndex,r=e.clonedData??e.data;r&&g(t)&&n(`item-add`,r,t)},handleRemove:e=>{if(e.pullMode===`clone`)return;let t=e.oldDraggableIndex??e.oldIndex,r=e.data??i;r&&g(t)&&n(`item-remove`,r,t)},handleUpdate:()=>{},addItem:(e,t)=>{let n=[...o.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),o.value=n},removeItem:e=>{if(e>=0&&e<o.value.length){let t=[...o.value],[n]=t.splice(e,1);return o.value=t,n}return null},moveItem:(e,t)=>{let n=o.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[i]=r.splice(e,1);return r.splice(t,0,i),o.value=r,!0}return!1},updateList:e=>{o.value=[...e]},clear:()=>{o.value=[]},getItem:e=>o.value[e],findIndex:e=>o.value.findIndex(e)}}const i=[`data-index`],a={class:`default-item`},o={key:0,class:`drag-handle`},s={class:`item-content`},c={class:`item-title`},l={key:0,class:`item-description`},u={key:0,class:`empty-state`},d={class:`default-empty`},f={class:`empty-text`},p=(0,t.defineComponent)({name:`C_Draggable`,__name:`index`,props:{modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},group:{default:`default`},sort:{type:Boolean,default:!0},animation:{default:200},delay:{default:0},handle:{default:``},showHandle:{type:Boolean,default:!1},ghostClass:{default:`c-draggable-ghost`},chosenClass:{default:`c-draggable-chosen`},dragClass:{default:`c-draggable-drag`},wrapperClass:{default:``},listClass:{default:``},itemClass:{default:``},showEmptyState:{type:Boolean,default:!0},emptyText:{default:`暂无数据`},itemKey:{},itemTitle:{},itemDescription:{},swapThreshold:{default:1},invertSwap:{type:Boolean,default:!1},direction:{default:`vertical`},layout:{default:`vertical`},gridColumns:{default:4},gridRows:{default:void 0},gap:{default:`8px`},flexWrap:{type:Boolean,default:!1},justifyContent:{default:`flex-start`},alignItems:{default:`stretch`},customStyles:{default:()=>({})}},emits:[`update:modelValue`,`drag-start`,`drag-end`,`item-add`,`item-remove`,`list-change`],setup(e,{expose:p,emit:m}){let{isDragging:h,internalList:g,isEmpty:_,listClasses:v,listStyles:y,draggableOptions:b,getItemKey:x,getItemTitle:S,getItemDescription:C,getItemClass:w,handleStart:T,handleEnd:E,handleAdd:D,handleRemove:O,handleUpdate:k,addItem:A,removeItem:j,moveItem:M,updateList:N,clear:P,getItem:F,findIndex:I}=r(e,m);return p({isDragging:(0,t.readonly)(h),list:(0,t.readonly)(g),isEmpty:(0,t.readonly)(_),addItem:A,removeItem:j,moveItem:M,updateList:N,clear:P,getItem:F,findIndex:I}),(r,p)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`c-draggable-wrapper`,e.wrapperClass])},[(0,t.createVNode)((0,t.unref)(n.VueDraggable),(0,t.mergeProps)({modelValue:(0,t.unref)(g),"onUpdate:modelValue":p[0]||=e=>(0,t.isRef)(g)?g.value=e:null},(0,t.unref)(b),{class:(0,t.unref)(v),style:(0,t.unref)(y),onStart:(0,t.unref)(T),onEnd:(0,t.unref)(E),onAdd:(0,t.unref)(D),onRemove:(0,t.unref)(O),onUpdate:(0,t.unref)(k)}),{default:(0,t.withCtx)(()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(g),(n,u)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:(0,t.unref)(x)(n,u),class:(0,t.normalizeClass)((0,t.unref)(w)()),"data-index":u},[(0,t.renderSlot)(r.$slots,`default`,{item:n,index:u,isDragging:(0,t.unref)(h),isDisabled:e.disabled},()=>[(0,t.createElementVNode)(`div`,a,[e.showHandle?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,o,[...p[1]||=[(0,t.createElementVNode)(`div`,{class:`i-mdi:drag-vertical`},null,-1)]])):(0,t.createCommentVNode)(`v-if`,!0),(0,t.createElementVNode)(`div`,s,[(0,t.createElementVNode)(`div`,c,(0,t.toDisplayString)((0,t.unref)(S)(n)),1),(0,t.unref)(C)(n)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,(0,t.toDisplayString)((0,t.unref)(C)(n)),1)):(0,t.createCommentVNode)(`v-if`,!0)])])],!0)],10,i))),128))]),_:3},16,[`modelValue`,`class`,`style`,`onStart`,`onEnd`,`onAdd`,`onRemove`,`onUpdate`]),(0,t.unref)(_)&&e.showEmptyState?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,u,[(0,t.renderSlot)(r.$slots,`empty`,{},()=>[(0,t.createElementVNode)(`div`,d,[p[2]||=(0,t.createElementVNode)(`div`,{class:`empty-icon i-mdi:inbox-outline`},null,-1),(0,t.createElementVNode)(`p`,f,(0,t.toDisplayString)(e.emptyText),1)])],!0)])):(0,t.createCommentVNode)(`v-if`,!0)],2))}});var m=e.t(p,[[`__scopeId`,`data-v-060457f1`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});

package/dist/C_Draggable2.js

@@ -1 +1 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,isRef as c,mergeProps as l,nextTick as u,normalizeClass as d,onBeforeUnmount as f,openBlock as p,readonly as m,ref as h,renderList as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";import{VueDraggable as x}from"vue-draggable-plus";function S(e,t){let r=h(!1),i,a=!1;f(()=>{a=!0,r.value=!1,i=void 0});let o=n({get:()=>e.modelValue??[],set:e=>{t(`update:modelValue`,e),t(`list-change`,e)}}),s=n(()=>(e.modelValue??[]).length===0),c=n(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),l=n(()=>{let t={"--gap":typeof e.gap==`number`?`${e.gap}px`:e.gap??`8px`,"--grid-columns":e.gridColumns??4,"--justify-content":e.justifyContent??`flex-start`,"--align-items":e.alignItems??`stretch`,...e.customStyles};return e.gridRows&&(t[`--grid-rows`]=e.gridRows),t}),d=n(()=>{let t={disabled:e.disabled,group:e.group,sort:e.sort,animation:e.animation,delay:e.delay,ghostClass:e.ghostClass,chosenClass:e.chosenClass,dragClass:e.dragClass,swapThreshold:e.swapThreshold,invertSwap:e.invertSwap,direction:e.direction,forceFallback:!1};return e.handle?t.handle=e.handle:e.showHandle&&(t.handle=`.drag-handle`),t}),p=(t,n)=>e.itemKey?e.itemKey(t,n):t.id??n,m=t=>e.itemTitle?e.itemTitle(t):t.title||t.name||t.label||String(t.id)||`未命名项目`,g=t=>e.itemDescription?e.itemDescription(t):t.description||``,_=()=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],v=e=>e!==void 0&&Number.isInteger(e)&&e>=0;return{isDragging:r,internalList:o,isEmpty:s,listClasses:c,listStyles:l,draggableOptions:d,getItemKey:p,getItemTitle:m,getItemDescription:g,getItemClass:_,handleStart:e=>{r.value=!0;let n=e.oldDraggableIndex??e.oldIndex;i=e.data??(v(n)?o.value[n]:void 0),i&&v(n)&&t(`drag-start`,{oldIndex:n,newIndex:n,item:i})},handleEnd:e=>{let n=e.oldDraggableIndex??e.oldIndex,o=e.newDraggableIndex??e.newIndex,s=e.data??i;i=void 0,s&&v(n)&&v(o)&&t(`drag-end`,{oldIndex:n,newIndex:o,item:s}),u(()=>{a||(r.value=!1)})},handleAdd:e=>{let n=e.newDraggableIndex??e.newIndex,r=e.clonedData??e.data;r&&v(n)&&t(`item-add`,r,n)},handleRemove:e=>{if(e.pullMode===`clone`)return;let n=e.oldDraggableIndex??e.oldIndex,r=e.data??i;r&&v(n)&&t(`item-remove`,r,n)},handleUpdate:()=>{},addItem:(e,t)=>{let n=[...o.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),o.value=n},removeItem:e=>{if(e>=0&&e<o.value.length){let t=[...o.value],[n]=t.splice(e,1);return o.value=t,n}return null},moveItem:(e,t)=>{let n=o.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[i]=r.splice(e,1);return r.splice(t,0,i),o.value=r,!0}return!1},updateList:e=>{o.value=[...e]},clear:()=>{o.value=[]},getItem:e=>o.value[e],findIndex:e=>o.value.findIndex(e)}}const C=[`data-index`],w={class:`default-item`},T={key:0,class:`drag-handle`},E={class:`item-content`},D={class:`item-title`},O={key:0,class:`item-description`},k={key:0,class:`empty-state`},A={class:`default-empty`},j={class:`empty-text`};var M=e(s({name:`C_Draggable`,__name:`index`,props:{modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},group:{default:`default`},sort:{type:Boolean,default:!0},animation:{default:200},delay:{default:0},handle:{default:``},showHandle:{type:Boolean,default:!1},ghostClass:{default:`c-draggable-ghost`},chosenClass:{default:`c-draggable-chosen`},dragClass:{default:`c-draggable-drag`},wrapperClass:{default:``},listClass:{default:``},itemClass:{default:``},showEmptyState:{type:Boolean,default:!0},emptyText:{default:`暂无数据`},itemKey:{},itemTitle:{},itemDescription:{},swapThreshold:{default:1},invertSwap:{type:Boolean,default:!1},direction:{default:`vertical`},layout:{default:`vertical`},gridColumns:{default:4},gridRows:{default:void 0},gap:{default:`8px`},flexWrap:{type:Boolean,default:!1},justifyContent:{default:`flex-start`},alignItems:{default:`stretch`},customStyles:{default:()=>({})}},emits:[`update:modelValue`,`drag-start`,`drag-end`,`item-add`,`item-remove`,`list-change`],setup(e,{expose:n,emit:s}){let{isDragging:u,internalList:f,isEmpty:h,listClasses:M,listStyles:N,draggableOptions:P,getItemKey:F,getItemTitle:I,getItemDescription:L,getItemClass:R,handleStart:z,handleEnd:B,handleAdd:V,handleRemove:H,handleUpdate:U,addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}=S(e,s);return n({isDragging:m(u),list:m(f),isEmpty:m(h),addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}),(n,s)=>(p(),i(`div`,{class:d([`c-draggable-wrapper`,e.wrapperClass])},[o(y(x),l({modelValue:y(f),"onUpdate:modelValue":s[0]||=e=>c(f)?f.value=e:null},y(P),{class:y(M),style:y(N),onStart:y(z),onEnd:y(B),onAdd:y(V),onRemove:y(H),onUpdate:y(U)}),{default:b(()=>[(p(!0),i(t,null,g(y(f),(t,o)=>(p(),i(`div`,{key:y(F)(t,o),class:d(y(R)()),"data-index":o},[_(n.$slots,`default`,{item:t,index:o,isDragging:y(u),isDisabled:e.disabled},()=>[a(`div`,w,[e.showHandle?(p(),i(`div`,T,[...s[1]||=[a(`div`,{class:`i-mdi:drag-vertical`},null,-1)]])):r(`v-if`,!0),a(`div`,E,[a(`div`,D,v(y(I)(t)),1),y(L)(t)?(p(),i(`div`,O,v(y(L)(t)),1)):r(`v-if`,!0)])])],!0)],10,C))),128))]),_:3},16,[`modelValue`,`class`,`style`,`onStart`,`onEnd`,`onAdd`,`onRemove`,`onUpdate`]),y(h)&&e.showEmptyState?(p(),i(`div`,k,[_(n.$slots,`empty`,{},()=>[a(`div`,A,[s[2]||=a(`div`,{class:`empty-icon i-mdi:inbox-outline`},null,-1),a(`p`,j,v(e.emptyText),1)])],!0)])):r(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-3abe32c6`]]);export{S as n,M as t};
+import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,isRef as c,mergeProps as l,nextTick as u,normalizeClass as d,onBeforeUnmount as f,openBlock as p,readonly as m,ref as h,renderList as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";import{VueDraggable as x}from"vue-draggable-plus";function S(e,t){let r=h(!1),i,a=!1;f(()=>{a=!0,r.value=!1,i=void 0});let o=n({get:()=>e.modelValue??[],set:e=>{t(`update:modelValue`,e),t(`list-change`,e)}}),s=n(()=>(e.modelValue??[]).length===0),c=n(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),l=n(()=>{let t={"--gap":typeof e.gap==`number`?`${e.gap}px`:e.gap??`8px`,"--grid-columns":e.gridColumns??4,"--justify-content":e.justifyContent??`flex-start`,"--align-items":e.alignItems??`stretch`,...e.customStyles};return e.gridRows&&(t[`--grid-rows`]=e.gridRows),t}),d=n(()=>{let t={disabled:e.disabled,group:e.group,sort:e.sort,animation:e.animation,delay:e.delay,ghostClass:e.ghostClass,chosenClass:e.chosenClass,dragClass:e.dragClass,swapThreshold:e.swapThreshold,invertSwap:e.invertSwap,direction:e.direction,forceFallback:!1};return e.handle?t.handle=e.handle:e.showHandle&&(t.handle=`.drag-handle`),t}),p=(e,t)=>Reflect.get(e,t),m=(t,n)=>{if(e.itemKey)return e.itemKey(t,n);let r=p(t,`id`);return typeof r==`string`||typeof r==`number`?r:n},g=t=>e.itemTitle?e.itemTitle(t):String(p(t,`title`)||p(t,`name`)||p(t,`label`)||String(p(t,`id`))||`未命名项目`),_=t=>e.itemDescription?e.itemDescription(t):String(p(t,`description`)||``),v=()=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],y=e=>e!==void 0&&Number.isInteger(e)&&e>=0;return{isDragging:r,internalList:o,isEmpty:s,listClasses:c,listStyles:l,draggableOptions:d,getItemKey:m,getItemTitle:g,getItemDescription:_,getItemClass:v,handleStart:e=>{r.value=!0;let n=e.oldDraggableIndex??e.oldIndex;i=e.data??(y(n)?o.value[n]:void 0),i&&y(n)&&t(`drag-start`,{oldIndex:n,newIndex:n,item:i})},handleEnd:e=>{let n=e.oldDraggableIndex??e.oldIndex,o=e.newDraggableIndex??e.newIndex,s=e.data??i;i=void 0,s&&y(n)&&y(o)&&t(`drag-end`,{oldIndex:n,newIndex:o,item:s}),u(()=>{a||(r.value=!1)})},handleAdd:e=>{let n=e.newDraggableIndex??e.newIndex,r=e.clonedData??e.data;r&&y(n)&&t(`item-add`,r,n)},handleRemove:e=>{if(e.pullMode===`clone`)return;let n=e.oldDraggableIndex??e.oldIndex,r=e.data??i;r&&y(n)&&t(`item-remove`,r,n)},handleUpdate:()=>{},addItem:(e,t)=>{let n=[...o.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),o.value=n},removeItem:e=>{if(e>=0&&e<o.value.length){let t=[...o.value],[n]=t.splice(e,1);return o.value=t,n}return null},moveItem:(e,t)=>{let n=o.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[i]=r.splice(e,1);return r.splice(t,0,i),o.value=r,!0}return!1},updateList:e=>{o.value=[...e]},clear:()=>{o.value=[]},getItem:e=>o.value[e],findIndex:e=>o.value.findIndex(e)}}const C=[`data-index`],w={class:`default-item`},T={key:0,class:`drag-handle`},E={class:`item-content`},D={class:`item-title`},O={key:0,class:`item-description`},k={key:0,class:`empty-state`},A={class:`default-empty`},j={class:`empty-text`};var M=e(s({name:`C_Draggable`,__name:`index`,props:{modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},group:{default:`default`},sort:{type:Boolean,default:!0},animation:{default:200},delay:{default:0},handle:{default:``},showHandle:{type:Boolean,default:!1},ghostClass:{default:`c-draggable-ghost`},chosenClass:{default:`c-draggable-chosen`},dragClass:{default:`c-draggable-drag`},wrapperClass:{default:``},listClass:{default:``},itemClass:{default:``},showEmptyState:{type:Boolean,default:!0},emptyText:{default:`暂无数据`},itemKey:{},itemTitle:{},itemDescription:{},swapThreshold:{default:1},invertSwap:{type:Boolean,default:!1},direction:{default:`vertical`},layout:{default:`vertical`},gridColumns:{default:4},gridRows:{default:void 0},gap:{default:`8px`},flexWrap:{type:Boolean,default:!1},justifyContent:{default:`flex-start`},alignItems:{default:`stretch`},customStyles:{default:()=>({})}},emits:[`update:modelValue`,`drag-start`,`drag-end`,`item-add`,`item-remove`,`list-change`],setup(e,{expose:n,emit:s}){let{isDragging:u,internalList:f,isEmpty:h,listClasses:M,listStyles:N,draggableOptions:P,getItemKey:F,getItemTitle:I,getItemDescription:L,getItemClass:R,handleStart:z,handleEnd:B,handleAdd:V,handleRemove:H,handleUpdate:U,addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}=S(e,s);return n({isDragging:m(u),list:m(f),isEmpty:m(h),addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}),(n,s)=>(p(),i(`div`,{class:d([`c-draggable-wrapper`,e.wrapperClass])},[o(y(x),l({modelValue:y(f),"onUpdate:modelValue":s[0]||=e=>c(f)?f.value=e:null},y(P),{class:y(M),style:y(N),onStart:y(z),onEnd:y(B),onAdd:y(V),onRemove:y(H),onUpdate:y(U)}),{default:b(()=>[(p(!0),i(t,null,g(y(f),(t,o)=>(p(),i(`div`,{key:y(F)(t,o),class:d(y(R)()),"data-index":o},[_(n.$slots,`default`,{item:t,index:o,isDragging:y(u),isDisabled:e.disabled},()=>[a(`div`,w,[e.showHandle?(p(),i(`div`,T,[...s[1]||=[a(`div`,{class:`i-mdi:drag-vertical`},null,-1)]])):r(`v-if`,!0),a(`div`,E,[a(`div`,D,v(y(I)(t)),1),y(L)(t)?(p(),i(`div`,O,v(y(L)(t)),1)):r(`v-if`,!0)])])],!0)],10,C))),128))]),_:3},16,[`modelValue`,`class`,`style`,`onStart`,`onEnd`,`onAdd`,`onRemove`,`onUpdate`]),y(h)&&e.showEmptyState?(p(),i(`div`,k,[_(n.$slots,`empty`,{},()=>[a(`div`,A,[s[2]||=a(`div`,{class:`empty-icon i-mdi:inbox-outline`},null,-1),a(`p`,j,v(e.emptyText),1)])],!0)])):r(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-060457f1`]]);export{S as n,M as t};

package/dist/C_Editor.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./index12.vue.cjs";
+import { t as _default } from "./index11.vue.cjs";
 export { _default as C_Editor };

package/dist/C_Editor.d.ts

@@ -1,2 +1,2 @@
-import { t as _default } from "./index11.vue.js";
+import { t as _default } from "./index10.vue.js";
 export { _default as C_Editor };

package/dist/C_FormModal.d.cts

@@ -1,2 +1,2 @@
-import { a as FormModalProps, i as FormModalMode, n as FormModalEditor, r as FormModalEmits, t as _default } from "./index13.vue.cjs";
+import { a as FormModalProps, i as FormModalMode, n as FormModalEditor, r as FormModalEmits, t as _default } from "./index12.vue.cjs";
 export { _default as C_FormModal, type FormModalEditor, type FormModalEmits, type FormModalMode, type FormModalProps };

package/dist/C_FormModal.d.ts

@@ -1,3 +1,3 @@
 import "./useDynamicFormState.js";
-import { a as FormModalProps, i as FormModalMode, n as FormModalEditor, r as FormModalEmits, t as _default } from "./index12.vue.js";
+import { a as FormModalProps, i as FormModalMode, n as FormModalEditor, r as FormModalEmits, t as _default } from "./index11.vue.js";
 export { _default as C_FormModal, type FormModalEditor, type FormModalEmits, type FormModalMode, type FormModalProps };

package/dist/C_FormSearch.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_FormSearch2.cjs`);exports.C_FormSearch=e.t,exports.useSearchHistory=e.r,exports.useSearchState=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_FormSearch2.cjs`),t=e.t;exports.C_FormSearch=t,exports.useSearchHistory=e.r,exports.useSearchState=e.n;

package/dist/C_FormSearch.css

@@ -1,24 +1,24 @@
 :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
 
-.form-search-card[data-v-48f30fec] :is(.n-card-content, .n-card__content) {
+.form-search-card[data-v-af873fa0] :is(.n-card-content, .n-card__content) {
   padding: var(--c-search-padding, 20px);
 }
-.form-search[data-v-48f30fec] {
+.form-search[data-v-af873fa0] {
   display: flex;
   flex-wrap: wrap;
   align-items: end;
   gap: var(--c-search-row-gap, 20px) var(--c-search-gap, 32px);
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] {
   position: relative;
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-input,
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-select,
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-input,
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-select,
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-date-picker {
   width: 260px;
   max-width: 100%;
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-space .n-button {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-space .n-button {
   width: var(--n-height);
   padding: 0;
   display: flex;
@@ -26,14 +26,14 @@
   justify-content: center;
   transition: all 0.2s ease;
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-space .n-button:hover {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-space .n-button:hover {
   transform: translateY(-1px);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-space .n-button .n-button__icon {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-space .n-button .n-button__icon {
   margin: 0;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-af873fa0] {
   width: 100%;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
   border: 1px solid var(--n-border-color);
@@ -49,7 +49,7 @@
   max-height: 240px;
   overflow-y: auto;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-af873fa0] {
   padding: 10px 12px;
   display: flex;
   align-items: center;
@@ -60,24 +60,24 @@
   transition: all 0.2s ease;
   position: relative;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-48f30fec]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-af873fa0]:hover {
   background: var(--n-option-color-hover);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item:hover .delete-icon[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item:hover .delete-icon[data-v-af873fa0] {
   opacity: 1;
   transform: scale(1);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-48f30fec]:not(:last-of-type) {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-af873fa0]:not(:last-of-type) {
   border-bottom: 1px solid var(--n-divider-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .history-text[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .history-text[data-v-af873fa0] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-right: 8px;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-af873fa0] {
   opacity: 0;
   transform: scale(0.8);
   transition: all 0.2s ease;
@@ -89,100 +89,100 @@
   align-items: center;
   justify-content: center;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-48f30fec]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-af873fa0]:hover {
   background: var(--n-close-color-hover);
   color: var(--n-close-color-pressed);
   transform: scale(1.1);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer[data-v-af873fa0] {
   padding: 8px 12px;
   border-top: 1px solid var(--n-divider-color);
   background: var(--n-modal-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-af873fa0] {
   color: var(--n-text-color-disabled);
   font-size: 12px;
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-48f30fec]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-af873fa0]:hover {
   color: var(--n-error-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-af873fa0] {
   /* custom scrollbar */
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-48f30fec]::-webkit-scrollbar {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-af873fa0]::-webkit-scrollbar {
   width: 6px;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-48f30fec]::-webkit-scrollbar-track {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-af873fa0]::-webkit-scrollbar-track {
   background: transparent;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-48f30fec]::-webkit-scrollbar-thumb {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-af873fa0]::-webkit-scrollbar-thumb {
   background: var(--n-scrollbar-color);
   border-radius: 3px;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-48f30fec]::-webkit-scrollbar-thumb:hover {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-af873fa0]::-webkit-scrollbar-thumb:hover {
   background: var(--n-scrollbar-color-hover);
 }
 
 /* responsive */
 @media (max-width: 1400px) {
-.form-search[data-v-48f30fec] {
+.form-search[data-v-af873fa0] {
     gap: var(--c-search-row-gap, 16px) var(--c-search-gap, 28px);
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-date-picker {
     width: 240px;
 }
 }
 @media (max-width: 1200px) {
-.form-search[data-v-48f30fec] {
+.form-search[data-v-af873fa0] {
     gap: var(--c-search-row-gap, 16px) var(--c-search-gap, 24px);
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-date-picker {
     width: 220px;
 }
 }
 @media (max-width: 900px) {
-.form-search[data-v-48f30fec] {
+.form-search[data-v-af873fa0] {
     gap: var(--c-search-row-gap, 12px) var(--c-search-gap, 20px);
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-date-picker {
     width: 200px;
 }
 }
 @media (max-width: 600px) {
-.form-search-card[data-v-48f30fec] :is(.n-card-content, .n-card__content) {
+.form-search-card[data-v-af873fa0] :is(.n-card-content, .n-card__content) {
     padding: var(--c-search-padding, 16px);
 }
-.form-search[data-v-48f30fec] {
+.form-search[data-v-af873fa0] {
     gap: var(--c-search-row-gap, 12px) 0;
 }
-.form-search .form-search-item-box[data-v-48f30fec] {
+.form-search .form-search-item-box[data-v-af873fa0] {
     width: 100%;
 }
-.form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-48f30fec] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-af873fa0] .n-date-picker {
     width: 100%;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-48f30fec] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-af873fa0] {
     opacity: 1;
 }
 }
 
 /* layer: icons */
-.i-mdi\:chevron-down[data-v-48f30fec]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:chevron-up[data-v-48f30fec]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:close[data-v-48f30fec]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:refresh[data-v-48f30fec]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
-.i-mdi\:search[data-v-48f30fec]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:chevron-down[data-v-af873fa0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:chevron-up[data-v-af873fa0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:close[data-v-af873fa0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:refresh[data-v-af873fa0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
+.i-mdi\:search[data-v-af873fa0]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em;}
 /* layer: default */
-.h-4[data-v-48f30fec]{height:1rem;}
-.w-4[data-v-48f30fec]{width:1rem;}
-.px[data-v-48f30fec]{padding-left:1rem;padding-right:1rem;}
+.h-4[data-v-af873fa0]{height:1rem;}
+.w-4[data-v-af873fa0]{width:1rem;}
+.px[data-v-af873fa0]{padding-left:1rem;padding-right:1rem;}