@robot-admin/naive-ui-components 0.11.8 → 0.13.0
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/CHANGELOG.md +26 -0
- package/README.md +172 -29
- package/README_EN.md +171 -28
- package/SECURITY.md +1 -0
- package/dist/C_ActionBar.cjs +1 -1
- package/dist/C_ActionBar.css +67 -67
- package/dist/C_ActionBar.d.cts +2 -2
- package/dist/C_ActionBar.d.ts +2 -2
- package/dist/C_ActionBar.js +1 -1
- package/dist/C_ActionBar2.cjs +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_AntV.css +70 -70
- package/dist/C_AntV2.cjs +3 -3
- package/dist/C_AntV2.js +3 -3
- package/dist/C_AudioPlayer.css +81 -66
- package/dist/C_AudioPlayer.d.cts +1 -1
- package/dist/C_AudioPlayer.d.ts +1 -1
- package/dist/C_AudioPlayer2.cjs +1 -1
- package/dist/C_AudioPlayer2.js +1 -1
- package/dist/C_AvatarGroup.css +40 -25
- package/dist/C_AvatarGroup.d.cts +1 -1
- package/dist/C_AvatarGroup.d.ts +1 -1
- package/dist/C_AvatarGroup2.cjs +1 -1
- package/dist/C_AvatarGroup2.js +1 -1
- package/dist/C_Barcode.css +6 -6
- package/dist/C_Barcode.d.cts +1 -1
- package/dist/C_Barcode.d.ts +1 -1
- package/dist/C_Barcode2.cjs +1 -1
- package/dist/C_Barcode2.js +1 -1
- package/dist/C_Breadcrumb.css +14 -14
- package/dist/C_Breadcrumb.d.cts +1 -1
- package/dist/C_Breadcrumb.d.ts +1 -1
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Captcha.cjs +1 -1
- package/dist/C_Captcha.css +193 -51
- package/dist/C_Captcha.d.cts +2 -3
- package/dist/C_Captcha.d.ts +2 -3
- package/dist/C_Captcha.js +1 -1
- package/dist/C_Captcha2.cjs +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Cascade.css +2 -2
- package/dist/C_Cascade.d.cts +1 -1
- package/dist/C_Cascade.d.ts +1 -1
- package/dist/C_Cascade2.cjs +1 -1
- package/dist/C_Cascade2.js +1 -1
- package/dist/C_Chat.css +96 -78
- package/dist/C_Chat.d.cts +1 -1
- package/dist/C_Chat.d.ts +1 -1
- package/dist/C_Chat2.cjs +1 -1
- package/dist/C_Chat2.js +1 -1
- package/dist/C_City.css +52 -28
- package/dist/C_City.d.cts +1 -1
- package/dist/C_City.d.ts +1 -1
- package/dist/C_City2.cjs +1 -1
- package/dist/C_City2.js +1 -1
- package/dist/C_Code.css +48 -42
- package/dist/C_Code.d.cts +1 -1
- package/dist/C_Code.d.ts +1 -1
- package/dist/C_Code2.cjs +1 -1
- package/dist/C_Code2.js +1 -1
- package/dist/C_CollapsePanel.css +14 -14
- package/dist/C_CollapsePanel2.cjs +1 -1
- package/dist/C_CollapsePanel2.js +1 -1
- package/dist/C_ContextMenu.css +14 -14
- package/dist/C_ContextMenu.d.cts +1 -1
- package/dist/C_ContextMenu.d.ts +1 -1
- package/dist/C_ContextMenu2.cjs +1 -1
- package/dist/C_ContextMenu2.js +1 -1
- package/dist/C_Cron.css +94 -55
- package/dist/C_Cron2.cjs +1 -1
- package/dist/C_Cron2.js +1 -1
- package/dist/C_Date.d.cts +1 -1
- package/dist/C_Date.d.ts +1 -1
- package/dist/C_Date2.cjs +1 -1
- package/dist/C_Date2.js +1 -1
- package/dist/C_Draggable.css +48 -48
- package/dist/C_Draggable2.cjs +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_Editor.css +13 -14
- package/dist/C_Editor.d.cts +1 -1
- package/dist/C_Editor.d.ts +1 -1
- package/dist/C_Editor2.cjs +1 -1
- package/dist/C_Editor2.js +1 -1
- package/dist/C_FilePreview.css +18 -18
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_Form.base.css +36 -36
- package/dist/C_Form.css +49 -50
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.cjs +1 -0
- package/dist/C_FormModal.css +41 -0
- package/dist/C_FormModal.d.cts +2 -0
- package/dist/C_FormModal.d.ts +3 -0
- package/dist/C_FormModal.js +1 -0
- package/dist/C_FormModal2.cjs +1 -0
- package/dist/C_FormModal2.js +1 -0
- package/dist/C_FormSearch.css +45 -45
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormulaEditor.css +94 -55
- package/dist/C_FormulaEditor2.cjs +2 -2
- package/dist/C_FormulaEditor2.js +2 -2
- package/dist/C_FullCalendar.css +8 -1
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_GlobalSearch2.cjs +1 -1
- package/dist/C_GlobalSearch2.js +1 -1
- package/dist/C_Guide.css +14 -14
- package/dist/C_Guide2.cjs +1 -1
- package/dist/C_Guide2.js +1 -1
- package/dist/C_Icon.css +14 -14
- package/dist/C_Icon2.cjs +1 -1
- package/dist/C_Icon2.js +1 -1
- package/dist/C_ImageCropper.css +22 -22
- package/dist/C_ImageCropper2.cjs +1 -1
- package/dist/C_ImageCropper2.js +1 -1
- package/dist/C_Language.css +14 -14
- package/dist/C_Language2.cjs +1 -1
- package/dist/C_Language2.js +1 -1
- package/dist/C_Login.css +232 -149
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +3 -3
- package/dist/C_Map2.cjs +1 -1
- package/dist/C_Map2.js +1 -1
- package/dist/C_Markdown.css +35 -35
- package/dist/C_Markdown2.cjs +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_Menu.d.cts +1 -1
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +30 -30
- package/dist/C_NotificationCenter2.cjs +1 -1
- package/dist/C_NotificationCenter2.js +1 -1
- package/dist/C_OrgChart.css +4 -0
- package/dist/C_OrgChart2.cjs +1 -1
- package/dist/C_OrgChart2.js +1 -1
- package/dist/C_Progress2.cjs +1 -1
- package/dist/C_Progress2.js +1 -1
- package/dist/C_QRCode.css +8 -8
- package/dist/C_QRCode2.cjs +1 -1
- package/dist/C_QRCode2.js +1 -1
- package/dist/C_Signature.css +14 -14
- package/dist/C_Signature2.cjs +1 -1
- package/dist/C_Signature2.js +1 -1
- package/dist/C_Skeleton2.cjs +1 -1
- package/dist/C_Skeleton2.js +1 -1
- package/dist/C_SplitPane.css +39 -39
- package/dist/C_SplitPane2.cjs +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_Steps.css +48 -38
- package/dist/C_Steps2.cjs +1 -1
- package/dist/C_Steps2.js +1 -1
- package/dist/C_Table.base.css +160 -160
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +173 -174
- package/dist/C_Table.d.ts +4 -3
- package/dist/C_Table.js +1 -1
- package/dist/C_Tabs.cjs +1 -0
- package/dist/C_Tabs.css +1 -0
- package/dist/C_Tabs.d.cts +2 -0
- package/dist/C_Tabs.d.ts +2 -0
- package/dist/C_Tabs.js +1 -0
- package/dist/C_TagsView.css +52 -52
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +14 -14
- package/dist/C_Theme2.cjs +1 -1
- package/dist/C_Theme2.js +1 -1
- package/dist/C_Time.css +4 -4
- package/dist/C_Time2.cjs +1 -1
- package/dist/C_Time2.js +1 -1
- package/dist/C_Timeline.css +76 -58
- package/dist/C_Timeline2.cjs +1 -1
- package/dist/C_Timeline2.js +1 -1
- package/dist/C_Transfer.css +51 -51
- package/dist/C_Transfer2.cjs +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Tree.css +35 -32
- package/dist/C_Tree2.cjs +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_Upload.css +53 -50
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer.css +17 -13
- package/dist/C_VideoPlayer2.cjs +2 -2
- package/dist/C_VideoPlayer2.js +2 -2
- package/dist/C_VtableGantt.css +19 -19
- package/dist/C_VtableGantt2.cjs +1 -1
- package/dist/C_VtableGantt2.js +1 -1
- package/dist/C_WaterFall.css +19 -15
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WorkFlow.css +123 -123
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/constants.d.cts +2 -2
- package/dist/constants.d.ts +2 -2
- package/dist/constants2.d.cts +3 -3
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.cts +8 -4
- package/dist/constants3.d.ts +8 -4
- package/dist/constants4.d.cts +6 -6
- package/dist/constants4.d.ts +6 -6
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +108 -0
- package/dist/data.d.ts +108 -0
- package/dist/data2.cjs +1 -0
- package/dist/data2.js +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +49 -49
- package/dist/index.d.ts +51 -49
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +74 -69
- package/dist/index.vue.d.ts +74 -69
- package/dist/index10.vue.d.cts +80 -39
- package/dist/index10.vue.d.ts +68 -77
- package/dist/index11.vue.d.cts +68 -77
- package/dist/index11.vue.d.ts +54 -69
- package/dist/index12.vue.d.cts +54 -69
- package/dist/index12.vue.d.ts +52 -58
- package/dist/index13.vue.d.cts +52 -58
- package/dist/index13.vue.d.ts +1 -1
- package/dist/index14.vue.d.cts +1 -1
- package/dist/index14.vue.d.ts +14 -47
- package/dist/index15.vue.d.cts +14 -47
- package/dist/index16.vue.d.ts +15 -12
- package/dist/index17.vue.d.cts +15 -12
- package/dist/index17.vue.d.ts +4 -4
- package/dist/index18.vue.d.cts +4 -4
- package/dist/index18.vue.d.ts +2 -2
- package/dist/index19.vue.d.cts +1 -1
- package/dist/index19.vue.d.ts +1 -1
- package/dist/index2.vue.d.cts +70 -65
- package/dist/index2.vue.d.ts +70 -65
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index24.vue.d.cts +3 -3
- package/dist/index24.vue.d.ts +3 -3
- package/dist/index25.vue.d.cts +1 -1
- package/dist/index25.vue.d.ts +1 -1
- package/dist/index26.vue.d.cts +5 -5
- package/dist/index26.vue.d.ts +5 -5
- package/dist/index27.vue.d.cts +1 -1
- package/dist/index27.vue.d.ts +1 -1
- package/dist/index3.vue.d.cts +30 -80
- package/dist/index3.vue.d.ts +30 -80
- package/dist/index4.vue.d.cts +130 -30
- package/dist/index4.vue.d.ts +22 -30
- package/dist/index5.vue.d.cts +18 -126
- package/dist/index5.vue.d.ts +22 -19
- package/dist/index6.vue.d.cts +22 -19
- package/dist/index6.vue.d.ts +117 -22
- package/dist/index7.vue.d.cts +117 -22
- package/dist/index7.vue.d.ts +17 -110
- package/dist/index8.vue.d.cts +17 -110
- package/dist/index8.vue.d.ts +37 -24
- package/dist/index9.vue.d.cts +37 -24
- package/dist/index9.vue.d.ts +80 -39
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +96 -0
- package/dist/presets.d.ts +96 -0
- package/dist/resolver.cjs +1 -1
- package/dist/resolver.d.cts +1 -1
- package/dist/resolver.d.ts +1 -1
- package/dist/resolver.js +1 -1
- package/dist/style.css +1735 -1400
- package/dist/useCalendarEvents.d.cts +23 -18
- package/dist/useCalendarEvents.d.ts +23 -18
- package/dist/useCollapsePanel.d.cts +4 -3
- package/dist/useCollapsePanel.d.ts +4 -3
- package/dist/useCropperCore.d.cts +32 -17
- package/dist/useCropperCore.d.ts +32 -17
- package/dist/useDraggableLayout.d.cts +2 -2
- package/dist/useDraggableLayout.d.ts +2 -2
- package/dist/useDynamicFormState.d.cts +7 -2
- package/dist/useDynamicFormState.d.ts +7 -2
- package/dist/useEdgeInteraction.d.cts +20 -19
- package/dist/useEdgeInteraction.d.ts +20 -19
- package/dist/useFullscreen.d.cts +6 -6
- package/dist/useFullscreen.d.ts +6 -6
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +5 -4
- package/dist/useQRCode.d.ts +5 -4
- package/dist/useSearchState.d.cts +9 -9
- package/dist/useSearchState.d.ts +9 -9
- package/dist/useSignatureHistory.d.cts +18 -10
- package/dist/useSignatureHistory.d.ts +18 -10
- package/dist/useSplitResize.d.cts +7 -7
- package/dist/useSplitResize.d.ts +7 -7
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +12 -5
- package/dist/useTableQuery.d.ts +12 -5
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +6 -3
- package/dist/useTimeSelection.d.ts +6 -3
- package/dist/useTreeOperations.d.cts +8 -8
- package/dist/useTreeOperations.d.ts +8 -8
- package/dist/useWorkflowValidation.d.cts +6 -4
- package/dist/useWorkflowValidation.d.ts +6 -4
- package/dist/verification.d.cts +71 -6
- package/dist/verification.d.ts +71 -6
- package/package.json +5 -3
- package/dist/types.d.ts +0 -58
- package/dist/types2.d.cts +0 -58
package/dist/C_Date2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{computed as e,createBlock as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,unref as u,watch as d}from"vue";import{NDatePicker as f}from"naive-ui";
|
|
1
|
+
import{computed as e,createBlock as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,unref as u,watch as d}from"vue";import{NDatePicker as f}from"naive-ui";function p(e){let t=/^(\d{4})-(\d{2})-(\d{2})/.exec(e);if(t)return new Date(Number(t[1]),Number(t[2])-1,Number(t[3])).getTime();let n=new Date(e);return new Date(n.getFullYear(),n.getMonth(),n.getDate()).getTime()}const m={class:`inline-block`},h={key:4,class:`inline-block`},g={class:`flex gap-2.5 items-center`},_=o({name:`C_Date`,__name:`index`,props:{modelValue:{},mode:{default:`date`},placeholder:{default:``},startPlaceholder:{default:``},endPlaceholder:{default:``},disabled:{type:Boolean,default:!1},disabledBeforeToday:{type:Boolean,default:!1},disabledAfterToday:{type:Boolean,default:!1},valueFormat:{},startDateProps:{default:()=>({})},endDateProps:{default:()=>({})},singleDate:{default:null},singleDateTime:{default:null},dateRange:{default:null},dateTimeRange:{default:null},smartRange:{default:null}},emits:[`update:modelValue`,`update:singleDate`,`update:singleDateTime`,`update:dateRange`,`update:dateTimeRange`,`update:smartRange`,`change`],setup(o,{expose:_,emit:v}){let y=o,b=v,x=()=>{let e=new Date;return e.setHours(0,0,0,0),e.getTime()},S=e(()=>y.valueFormat?y.valueFormat:y.mode.includes(`datetime`)?`yyyy-MM-dd HH:mm:ss`:`yyyy-MM-dd`),C=e({get:()=>y.modelValue===void 0?y.singleDate??null:y.modelValue,set:e=>{b(`update:modelValue`,e),b(`update:singleDate`,e),b(`change`,e)}}),w=e({get:()=>y.modelValue===void 0?y.singleDateTime??null:y.modelValue,set:e=>{b(`update:modelValue`,e),b(`update:singleDateTime`,e),b(`change`,e)}}),T=e({get:()=>y.modelValue===void 0?y.dateRange??null:y.modelValue,set:e=>{b(`update:modelValue`,e),b(`update:dateRange`,e),b(`change`,e)}}),E=e({get:()=>y.modelValue===void 0?y.dateTimeRange??null:y.modelValue,set:e=>{b(`update:modelValue`,e),b(`update:dateTimeRange`,e),b(`change`,e)}}),D=l(null),O=l(null),k=e(()=>y.disabled||D.value===null),A=!1;d(()=>[y.modelValue,y.smartRange,y.mode],([e,t,n])=>{let r=n===`smart-range`&&e!==void 0?e:t,i=r?.[0]??null,a=r?.[1]??null;i===D.value&&a===O.value||(A=!0,D.value=i,O.value=a,A=!1)},{immediate:!0,deep:!0}),d(()=>[D.value,O.value],([e,t])=>{if(A)return;if(e===null&&t!==null){O.value=null;return}if(e!==null&&t!==null&&p(t)<p(e)){O.value=null;return}let n=e!==null&&t!==null?[e,t]:null;b(`update:modelValue`,n),b(`update:smartRange`,n),b(`change`,n)},{deep:!0,flush:`sync`});let j=e=>{let t=x();return!!(y.disabledBeforeToday&&e<t||y.disabledAfterToday&&e>t)},M=e=>D.value===null||e<p(D.value)?!0:j(e);return _({clearAll:()=>{A=!0,D.value=null,O.value=null,A=!1,b(`update:modelValue`,null),b(`update:singleDate`,null),b(`update:singleDateTime`,null),b(`update:dateRange`,null),b(`update:dateTimeRange`,null),b(`update:smartRange`,null),b(`change`,null)}}),(e,l)=>(c(),r(`div`,m,[o.mode===`date`?(c(),t(u(f),s({key:0,"formatted-value":C.value,"onUpdate:formattedValue":l[0]||=e=>C.value=e,type:`date`,placeholder:o.placeholder||`请选择日期`,disabled:o.disabled,"is-date-disabled":j,"value-format":S.value,clearable:``},e.$attrs),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])):o.mode===`datetime`?(c(),t(u(f),s({key:1,"formatted-value":w.value,"onUpdate:formattedValue":l[1]||=e=>w.value=e,type:`datetime`,placeholder:o.placeholder||`请选择日期时间`,disabled:o.disabled,"is-date-disabled":j,"value-format":S.value,clearable:``},e.$attrs),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])):o.mode===`daterange`?(c(),t(u(f),s({key:2,"formatted-value":T.value,"onUpdate:formattedValue":l[2]||=e=>T.value=e,type:`daterange`,"start-placeholder":o.startPlaceholder||`开始日期`,"end-placeholder":o.endPlaceholder||`结束日期`,disabled:o.disabled,"is-date-disabled":j,"value-format":S.value,clearable:``},e.$attrs),null,16,[`formatted-value`,`start-placeholder`,`end-placeholder`,`disabled`,`value-format`])):o.mode===`datetimerange`?(c(),t(u(f),s({key:3,"formatted-value":E.value,"onUpdate:formattedValue":l[3]||=e=>E.value=e,type:`datetimerange`,"start-placeholder":o.startPlaceholder||`开始日期时间`,"end-placeholder":o.endPlaceholder||`结束日期时间`,disabled:o.disabled,"is-date-disabled":j,"value-format":S.value,clearable:``},e.$attrs),null,16,[`formatted-value`,`start-placeholder`,`end-placeholder`,`disabled`,`value-format`])):o.mode===`smart-range`?(c(),r(`div`,h,[i(`div`,g,[a(u(f),s({class:`flex-1`,"formatted-value":D.value,"onUpdate:formattedValue":l[4]||=e=>D.value=e,type:`date`,placeholder:o.startPlaceholder||`请选择开始日期`,disabled:o.disabled,"is-date-disabled":j,"value-format":S.value,clearable:``},o.startDateProps),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`]),a(u(f),s({class:`flex-1`,"formatted-value":O.value,"onUpdate:formattedValue":l[5]||=e=>O.value=e,type:`date`,placeholder:o.endPlaceholder||`请选择结束日期`,disabled:k.value,"is-date-disabled":M,"value-format":S.value,clearable:``},o.endDateProps),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])])])):n(`v-if`,!0)]))}});export{_ as t};
|
package/dist/C_Draggable.css
CHANGED
|
@@ -1,67 +1,67 @@
|
|
|
1
1
|
/* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */
|
|
2
|
-
.c-draggable-wrapper[data-v-
|
|
2
|
+
.c-draggable-wrapper[data-v-2b8ca093] {
|
|
3
3
|
position: relative;
|
|
4
4
|
width: 100%;
|
|
5
5
|
}
|
|
6
|
-
.c-draggable-list[data-v-
|
|
6
|
+
.c-draggable-list[data-v-2b8ca093] {
|
|
7
7
|
min-height: 50px;
|
|
8
8
|
width: 100%;
|
|
9
9
|
display: flex;
|
|
10
10
|
gap: var(--gap, 8px);
|
|
11
11
|
/* 默认垂直布局 */
|
|
12
12
|
}
|
|
13
|
-
.c-draggable-list.layout-vertical[data-v-
|
|
13
|
+
.c-draggable-list.layout-vertical[data-v-2b8ca093] {
|
|
14
14
|
flex-direction: column;
|
|
15
15
|
}
|
|
16
|
-
.c-draggable-list[data-v-
|
|
16
|
+
.c-draggable-list[data-v-2b8ca093] {
|
|
17
17
|
/* 水平布局 */
|
|
18
18
|
}
|
|
19
|
-
.c-draggable-list.layout-horizontal[data-v-
|
|
19
|
+
.c-draggable-list.layout-horizontal[data-v-2b8ca093] {
|
|
20
20
|
flex-direction: row;
|
|
21
21
|
align-items: var(--align-items, stretch);
|
|
22
22
|
justify-content: var(--justify-content, flex-start);
|
|
23
23
|
}
|
|
24
|
-
.c-draggable-list.layout-horizontal.flex-wrap[data-v-
|
|
24
|
+
.c-draggable-list.layout-horizontal.flex-wrap[data-v-2b8ca093] {
|
|
25
25
|
flex-wrap: wrap;
|
|
26
26
|
}
|
|
27
|
-
.c-draggable-list[data-v-
|
|
27
|
+
.c-draggable-list[data-v-2b8ca093] {
|
|
28
28
|
/* 弹性换行布局 */
|
|
29
29
|
}
|
|
30
|
-
.c-draggable-list.layout-flex-wrap[data-v-
|
|
30
|
+
.c-draggable-list.layout-flex-wrap[data-v-2b8ca093] {
|
|
31
31
|
flex-direction: row;
|
|
32
32
|
flex-wrap: wrap;
|
|
33
33
|
align-items: var(--align-items, stretch);
|
|
34
34
|
justify-content: var(--justify-content, flex-start);
|
|
35
35
|
}
|
|
36
|
-
.c-draggable-list[data-v-
|
|
36
|
+
.c-draggable-list[data-v-2b8ca093] {
|
|
37
37
|
/* 网格布局 */
|
|
38
38
|
}
|
|
39
|
-
.c-draggable-list.layout-grid[data-v-
|
|
39
|
+
.c-draggable-list.layout-grid[data-v-2b8ca093] {
|
|
40
40
|
display: grid;
|
|
41
41
|
grid-template-columns: repeat(var(--grid-columns, 4), 1fr);
|
|
42
42
|
grid-template-rows: var(--grid-rows, auto);
|
|
43
43
|
align-items: var(--align-items, stretch);
|
|
44
44
|
justify-content: var(--justify-content, stretch);
|
|
45
45
|
}
|
|
46
|
-
.c-draggable-list.layout-grid > .c-draggable-item[data-v-
|
|
46
|
+
.c-draggable-list.layout-grid > .c-draggable-item[data-v-2b8ca093] {
|
|
47
47
|
width: 100%;
|
|
48
48
|
box-sizing: border-box;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
/* ===== 拖拽项目基础样式 ===== */
|
|
52
|
-
.c-draggable-item[data-v-
|
|
52
|
+
.c-draggable-item[data-v-2b8ca093] {
|
|
53
53
|
position: relative;
|
|
54
54
|
}
|
|
55
|
-
.c-draggable-item.is-disabled[data-v-
|
|
55
|
+
.c-draggable-item.is-disabled[data-v-2b8ca093] {
|
|
56
56
|
opacity: 0.6;
|
|
57
57
|
cursor: not-allowed;
|
|
58
58
|
}
|
|
59
|
-
.c-draggable-item.is-disabled[data-v-
|
|
59
|
+
.c-draggable-item.is-disabled[data-v-2b8ca093] * {
|
|
60
60
|
cursor: not-allowed !important;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
/* ===== 默认项目样式 ===== */
|
|
64
|
-
.default-item[data-v-
|
|
64
|
+
.default-item[data-v-2b8ca093] {
|
|
65
65
|
display: flex;
|
|
66
66
|
align-items: center;
|
|
67
67
|
padding: 16px;
|
|
@@ -72,15 +72,15 @@
|
|
|
72
72
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
73
73
|
position: relative;
|
|
74
74
|
}
|
|
75
|
-
.default-item[data-v-
|
|
75
|
+
.default-item[data-v-2b8ca093]:hover {
|
|
76
76
|
border-color: var(--n-primary-color);
|
|
77
77
|
box-shadow: 0 2px 8px var(--n-box-shadow-color);
|
|
78
78
|
transform: translateY(-1px);
|
|
79
79
|
}
|
|
80
|
-
.default-item[data-v-
|
|
80
|
+
.default-item[data-v-2b8ca093]:active {
|
|
81
81
|
cursor: grabbing;
|
|
82
82
|
}
|
|
83
|
-
.default-item .drag-handle[data-v-
|
|
83
|
+
.default-item .drag-handle[data-v-2b8ca093] {
|
|
84
84
|
display: flex;
|
|
85
85
|
align-items: center;
|
|
86
86
|
justify-content: center;
|
|
@@ -93,21 +93,21 @@
|
|
|
93
93
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
94
94
|
flex-shrink: 0;
|
|
95
95
|
}
|
|
96
|
-
.default-item .drag-handle[data-v-
|
|
96
|
+
.default-item .drag-handle[data-v-2b8ca093]:hover {
|
|
97
97
|
background: var(--n-action-color);
|
|
98
98
|
color: var(--n-primary-color);
|
|
99
99
|
}
|
|
100
|
-
.default-item .drag-handle[data-v-
|
|
100
|
+
.default-item .drag-handle[data-v-2b8ca093]:active {
|
|
101
101
|
cursor: grabbing;
|
|
102
102
|
}
|
|
103
|
-
.default-item .drag-handle div[data-v-
|
|
103
|
+
.default-item .drag-handle div[data-v-2b8ca093] {
|
|
104
104
|
font-size: 18px;
|
|
105
105
|
}
|
|
106
|
-
.default-item .item-content[data-v-
|
|
106
|
+
.default-item .item-content[data-v-2b8ca093] {
|
|
107
107
|
flex: 1;
|
|
108
108
|
min-width: 0;
|
|
109
109
|
}
|
|
110
|
-
.default-item .item-content .item-title[data-v-
|
|
110
|
+
.default-item .item-content .item-title[data-v-2b8ca093] {
|
|
111
111
|
font-size: 16px;
|
|
112
112
|
font-weight: 600;
|
|
113
113
|
color: var(--n-text-color);
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
margin-bottom: 4px;
|
|
116
116
|
word-break: break-word;
|
|
117
117
|
}
|
|
118
|
-
.default-item .item-content .item-description[data-v-
|
|
118
|
+
.default-item .item-content .item-description[data-v-2b8ca093] {
|
|
119
119
|
font-size: 14px;
|
|
120
120
|
color: var(--n-text-color-disabled);
|
|
121
121
|
line-height: 1.4;
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
/* ===== 空状态样式 ===== */
|
|
126
|
-
.empty-state[data-v-
|
|
126
|
+
.empty-state[data-v-2b8ca093] {
|
|
127
127
|
display: flex;
|
|
128
128
|
flex-direction: column;
|
|
129
129
|
align-items: center;
|
|
@@ -133,12 +133,12 @@
|
|
|
133
133
|
border: 2px dashed var(--n-border-color);
|
|
134
134
|
border-radius: 8px;
|
|
135
135
|
}
|
|
136
|
-
.empty-state .default-empty .empty-icon[data-v-
|
|
136
|
+
.empty-state .default-empty .empty-icon[data-v-2b8ca093] {
|
|
137
137
|
font-size: 48px;
|
|
138
138
|
color: var(--n-text-color-disabled);
|
|
139
139
|
margin-bottom: 16px;
|
|
140
140
|
}
|
|
141
|
-
.empty-state .default-empty .empty-text[data-v-
|
|
141
|
+
.empty-state .default-empty .empty-text[data-v-2b8ca093] {
|
|
142
142
|
color: var(--n-text-color-disabled);
|
|
143
143
|
font-size: 16px;
|
|
144
144
|
margin: 0;
|
|
@@ -165,77 +165,77 @@
|
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
/* ===== 网格布局特殊优化 ===== */
|
|
168
|
-
.c-draggable-list.layout-grid .c-draggable-item[data-v-
|
|
168
|
+
.c-draggable-list.layout-grid .c-draggable-item[data-v-2b8ca093] {
|
|
169
169
|
display: flex;
|
|
170
170
|
flex-direction: column;
|
|
171
171
|
height: 100%;
|
|
172
172
|
}
|
|
173
|
-
.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-
|
|
173
|
+
.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-2b8ca093] {
|
|
174
174
|
flex: 1;
|
|
175
175
|
height: 100%;
|
|
176
176
|
min-height: 80px;
|
|
177
177
|
}
|
|
178
|
-
.c-draggable-list.layout-grid + .empty-state[data-v-
|
|
178
|
+
.c-draggable-list.layout-grid + .empty-state[data-v-2b8ca093] {
|
|
179
179
|
grid-column: 1/-1;
|
|
180
180
|
padding: 40px 20px;
|
|
181
181
|
}
|
|
182
|
-
.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-
|
|
182
|
+
.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-2b8ca093] {
|
|
183
183
|
font-size: 36px;
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
/* ===== 弹性布局特殊优化 ===== */
|
|
187
|
-
.c-draggable-list.layout-horizontal .c-draggable-item[data-v-
|
|
188
|
-
.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-
|
|
187
|
+
.c-draggable-list.layout-horizontal .c-draggable-item[data-v-2b8ca093],
|
|
188
|
+
.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-2b8ca093] {
|
|
189
189
|
flex-shrink: 0;
|
|
190
190
|
}
|
|
191
|
-
.c-draggable-list.layout-horizontal .c-draggable-item[data-v-
|
|
192
|
-
.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-
|
|
191
|
+
.c-draggable-list.layout-horizontal .c-draggable-item[data-v-2b8ca093]:not(:last-child),
|
|
192
|
+
.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-2b8ca093]:not(:last-child) {
|
|
193
193
|
margin-right: 0;
|
|
194
194
|
}
|
|
195
|
-
.c-draggable-list.layout-horizontal .default-item[data-v-
|
|
196
|
-
.c-draggable-list.layout-flex-wrap .default-item[data-v-
|
|
195
|
+
.c-draggable-list.layout-horizontal .default-item[data-v-2b8ca093],
|
|
196
|
+
.c-draggable-list.layout-flex-wrap .default-item[data-v-2b8ca093] {
|
|
197
197
|
min-width: 200px;
|
|
198
198
|
width: 100%;
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
/* ===== 响应式设计 ===== */
|
|
202
202
|
@media (max-width: 768px) {
|
|
203
|
-
.c-draggable-list.layout-grid[data-v-
|
|
203
|
+
.c-draggable-list.layout-grid[data-v-2b8ca093] {
|
|
204
204
|
grid-template-columns: repeat(2, 1fr) !important;
|
|
205
205
|
}
|
|
206
|
-
.c-draggable-list.layout-horizontal[data-v-
|
|
206
|
+
.c-draggable-list.layout-horizontal[data-v-2b8ca093] {
|
|
207
207
|
flex-wrap: wrap;
|
|
208
208
|
}
|
|
209
|
-
.default-item[data-v-
|
|
209
|
+
.default-item[data-v-2b8ca093] {
|
|
210
210
|
padding: 12px;
|
|
211
211
|
min-width: 150px !important;
|
|
212
212
|
}
|
|
213
|
-
.default-item .drag-handle[data-v-
|
|
213
|
+
.default-item .drag-handle[data-v-2b8ca093] {
|
|
214
214
|
width: 20px;
|
|
215
215
|
height: 20px;
|
|
216
216
|
margin-right: 8px;
|
|
217
217
|
}
|
|
218
|
-
.default-item .drag-handle div[data-v-
|
|
218
|
+
.default-item .drag-handle div[data-v-2b8ca093] {
|
|
219
219
|
font-size: 16px;
|
|
220
220
|
}
|
|
221
|
-
.default-item .item-content .item-title[data-v-
|
|
221
|
+
.default-item .item-content .item-title[data-v-2b8ca093] {
|
|
222
222
|
font-size: 15px;
|
|
223
223
|
}
|
|
224
|
-
.default-item .item-content .item-description[data-v-
|
|
224
|
+
.default-item .item-content .item-description[data-v-2b8ca093] {
|
|
225
225
|
font-size: 13px;
|
|
226
226
|
}
|
|
227
|
-
.empty-state[data-v-
|
|
227
|
+
.empty-state[data-v-2b8ca093] {
|
|
228
228
|
padding: 40px 16px;
|
|
229
229
|
}
|
|
230
|
-
.empty-state .default-empty .empty-icon[data-v-
|
|
230
|
+
.empty-state .default-empty .empty-icon[data-v-2b8ca093] {
|
|
231
231
|
font-size: 36px;
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
@media (max-width: 480px) {
|
|
235
|
-
.c-draggable-list.layout-grid[data-v-
|
|
235
|
+
.c-draggable-list.layout-grid[data-v-2b8ca093] {
|
|
236
236
|
grid-template-columns: 1fr !important;
|
|
237
237
|
}
|
|
238
|
-
.default-item[data-v-
|
|
238
|
+
.default-item[data-v-2b8ca093] {
|
|
239
239
|
min-width: 100% !important;
|
|
240
240
|
padding: 10px;
|
|
241
241
|
}
|
package/dist/C_Draggable2.cjs
CHANGED
|
@@ -1 +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=(0,t.computed)({get:()=>e.modelValue??[],set:e=>{n(`update:modelValue`,e),n(`list-change`,e)}});return{isDragging:r,internalList:i,isEmpty:(0,t.computed)(()=>(e.modelValue??[]).length===0),listClasses:(0,t.computed)(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),listStyles:(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}),draggableOptions:(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}),getItemKey:(t,n)=>e.itemKey?e.itemKey(t,n):t.id??n,getItemTitle:t=>e.itemTitle?e.itemTitle(t):t.title||t.name||t.label||String(t.id)||`未命名项目`,getItemDescription:t=>e.itemDescription?e.itemDescription(t):t.description||``,getItemClass:()=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],handleStart:e=>{r.value=!0;let t=i.value[e.oldIndex];t&&n(`drag-start`,{oldIndex:e.oldIndex,newIndex:e.oldIndex,item:t})},handleEnd:e=>{let a=i.value[e.newIndex];a&&n(`drag-end`,{oldIndex:e.oldIndex,newIndex:e.newIndex,item:a}),(0,t.nextTick)(()=>{r.value=!1})},handleAdd:e=>{let t=i.value[e.newIndex];t&&n(`item-add`,t,e.newIndex)},handleRemove:e=>{e.item&&n(`item-remove`,e.item,e.oldIndex)},handleUpdate:()=>{},addItem:(e,t)=>{let n=[...i.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),i.value=n},removeItem:e=>{if(e>=0&&e<i.value.length){let t=[...i.value],[n]=t.splice(e,1);return i.value=t,n}return null},moveItem:(e,t)=>{let n=i.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[a]=r.splice(e,1);return r.splice(t,0,a),i.value=r,!0}return!1},updateList:e=>{i.value=[...e]},clear:()=>{i.value=[]},getItem:e=>i.value[e],findIndex:e=>i.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:`sortable-ghost`},chosenClass:{default:`sortable-chosen`},dragClass:{default:`sortable-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)(
|
|
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=(0,t.computed)({get:()=>e.modelValue??[],set:e=>{n(`update:modelValue`,e),n(`list-change`,e)}});return{isDragging:r,internalList:i,isEmpty:(0,t.computed)(()=>(e.modelValue??[]).length===0),listClasses:(0,t.computed)(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),listStyles:(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}),draggableOptions:(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}),getItemKey:(t,n)=>e.itemKey?e.itemKey(t,n):t.id??n,getItemTitle:t=>e.itemTitle?e.itemTitle(t):t.title||t.name||t.label||String(t.id)||`未命名项目`,getItemDescription:t=>e.itemDescription?e.itemDescription(t):t.description||``,getItemClass:()=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],handleStart:e=>{r.value=!0;let t=i.value[e.oldIndex];t&&n(`drag-start`,{oldIndex:e.oldIndex,newIndex:e.oldIndex,item:t})},handleEnd:e=>{let a=i.value[e.newIndex];a&&n(`drag-end`,{oldIndex:e.oldIndex,newIndex:e.newIndex,item:a}),(0,t.nextTick)(()=>{r.value=!1})},handleAdd:e=>{let t=i.value[e.newIndex];t&&n(`item-add`,t,e.newIndex)},handleRemove:e=>{e.item&&n(`item-remove`,e.item,e.oldIndex)},handleUpdate:()=>{},addItem:(e,t)=>{let n=[...i.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),i.value=n},removeItem:e=>{if(e>=0&&e<i.value.length){let t=[...i.value],[n]=t.splice(e,1);return i.value=t,n}return null},moveItem:(e,t)=>{let n=i.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[a]=r.splice(e,1);return r.splice(t,0,a),i.value=r,!0}return!1},updateList:e=>{i.value=[...e]},clear:()=>{i.value=[]},getItem:e=>i.value[e],findIndex:e=>i.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:`sortable-ghost`},chosenClass:{default:`sortable-chosen`},dragClass:{default:`sortable-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-2b8ca093`]]);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
CHANGED
|
@@ -1 +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,openBlock as f,readonly as p,ref as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";import{VueDraggable as b}from"vue-draggable-plus";function x(e,t){let r=m(!1),i=n({get:()=>e.modelValue??[],set:e=>{t(`update:modelValue`,e),t(`list-change`,e)}});return{isDragging:r,internalList:i,isEmpty:n(()=>(e.modelValue??[]).length===0),listClasses:n(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),listStyles: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}),draggableOptions: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}),getItemKey:(t,n)=>e.itemKey?e.itemKey(t,n):t.id??n,getItemTitle:t=>e.itemTitle?e.itemTitle(t):t.title||t.name||t.label||String(t.id)||`未命名项目`,getItemDescription:t=>e.itemDescription?e.itemDescription(t):t.description||``,getItemClass:()=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],handleStart:e=>{r.value=!0;let n=i.value[e.oldIndex];n&&t(`drag-start`,{oldIndex:e.oldIndex,newIndex:e.oldIndex,item:n})},handleEnd:e=>{let n=i.value[e.newIndex];n&&t(`drag-end`,{oldIndex:e.oldIndex,newIndex:e.newIndex,item:n}),u(()=>{r.value=!1})},handleAdd:e=>{let n=i.value[e.newIndex];n&&t(`item-add`,n,e.newIndex)},handleRemove:e=>{e.item&&t(`item-remove`,e.item,e.oldIndex)},handleUpdate:()=>{},addItem:(e,t)=>{let n=[...i.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),i.value=n},removeItem:e=>{if(e>=0&&e<i.value.length){let t=[...i.value],[n]=t.splice(e,1);return i.value=t,n}return null},moveItem:(e,t)=>{let n=i.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[a]=r.splice(e,1);return r.splice(t,0,a),i.value=r,!0}return!1},updateList:e=>{i.value=[...e]},clear:()=>{i.value=[]},getItem:e=>i.value[e],findIndex:e=>i.value.findIndex(e)}}const S=[`data-index`],C={class:`default-item`},w={key:0,class:`drag-handle`},T={class:`item-content`},E={class:`item-title`},D={key:0,class:`item-description`},O={key:0,class:`empty-state`},k={class:`default-empty`},A={class:`empty-text`};var j=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:`sortable-ghost`},chosenClass:{default:`sortable-chosen`},dragClass:{default:`sortable-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:m,isEmpty:j,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}=x(e,s);return n({isDragging:p(u),list:p(m),isEmpty:p(j),addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}),(n,s)=>(f(),i(`div`,{class:d([`c-draggable-wrapper`,e.wrapperClass])},[o(v(b),l({modelValue:v(m),"onUpdate:modelValue":s[0]||=e=>c(m)?m.value=e:null},v(P),{class:v(M),style:v(N),onStart:v(z),onEnd:v(B),onAdd:v(V),onRemove:v(H),onUpdate:v(U)}),{default:y(()=>[(f(!0),i(t,null,h(v(m),(t,o)=>(f(),i(`div`,{key:v(F)(t,o),class:d(v(R)(
|
|
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,openBlock as f,readonly as p,ref as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";import{VueDraggable as b}from"vue-draggable-plus";function x(e,t){let r=m(!1),i=n({get:()=>e.modelValue??[],set:e=>{t(`update:modelValue`,e),t(`list-change`,e)}});return{isDragging:r,internalList:i,isEmpty:n(()=>(e.modelValue??[]).length===0),listClasses:n(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),listStyles: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}),draggableOptions: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}),getItemKey:(t,n)=>e.itemKey?e.itemKey(t,n):t.id??n,getItemTitle:t=>e.itemTitle?e.itemTitle(t):t.title||t.name||t.label||String(t.id)||`未命名项目`,getItemDescription:t=>e.itemDescription?e.itemDescription(t):t.description||``,getItemClass:()=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],handleStart:e=>{r.value=!0;let n=i.value[e.oldIndex];n&&t(`drag-start`,{oldIndex:e.oldIndex,newIndex:e.oldIndex,item:n})},handleEnd:e=>{let n=i.value[e.newIndex];n&&t(`drag-end`,{oldIndex:e.oldIndex,newIndex:e.newIndex,item:n}),u(()=>{r.value=!1})},handleAdd:e=>{let n=i.value[e.newIndex];n&&t(`item-add`,n,e.newIndex)},handleRemove:e=>{e.item&&t(`item-remove`,e.item,e.oldIndex)},handleUpdate:()=>{},addItem:(e,t)=>{let n=[...i.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),i.value=n},removeItem:e=>{if(e>=0&&e<i.value.length){let t=[...i.value],[n]=t.splice(e,1);return i.value=t,n}return null},moveItem:(e,t)=>{let n=i.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[a]=r.splice(e,1);return r.splice(t,0,a),i.value=r,!0}return!1},updateList:e=>{i.value=[...e]},clear:()=>{i.value=[]},getItem:e=>i.value[e],findIndex:e=>i.value.findIndex(e)}}const S=[`data-index`],C={class:`default-item`},w={key:0,class:`drag-handle`},T={class:`item-content`},E={class:`item-title`},D={key:0,class:`item-description`},O={key:0,class:`empty-state`},k={class:`default-empty`},A={class:`empty-text`};var j=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:`sortable-ghost`},chosenClass:{default:`sortable-chosen`},dragClass:{default:`sortable-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:m,isEmpty:j,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}=x(e,s);return n({isDragging:p(u),list:p(m),isEmpty:p(j),addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}),(n,s)=>(f(),i(`div`,{class:d([`c-draggable-wrapper`,e.wrapperClass])},[o(v(b),l({modelValue:v(m),"onUpdate:modelValue":s[0]||=e=>c(m)?m.value=e:null},v(P),{class:v(M),style:v(N),onStart:v(z),onEnd:v(B),onAdd:v(V),onRemove:v(H),onUpdate:v(U)}),{default:y(()=>[(f(!0),i(t,null,h(v(m),(t,o)=>(f(),i(`div`,{key:v(F)(t,o),class:d(v(R)()),"data-index":o},[g(n.$slots,`default`,{item:t,index:o,isDragging:v(u),isDisabled:e.disabled},()=>[a(`div`,C,[e.showHandle?(f(),i(`div`,w,[...s[1]||=[a(`div`,{class:`i-mdi:drag-vertical`},null,-1)]])):r(`v-if`,!0),a(`div`,T,[a(`div`,E,_(v(I)(t)),1),v(L)(t)?(f(),i(`div`,D,_(v(L)(t)),1)):r(`v-if`,!0)])])],!0)],10,S))),128))]),_:3},16,[`modelValue`,`class`,`style`,`onStart`,`onEnd`,`onAdd`,`onRemove`,`onUpdate`]),v(j)&&e.showEmptyState?(f(),i(`div`,O,[g(n.$slots,`empty`,{},()=>[a(`div`,k,[s[2]||=a(`div`,{class:`empty-icon i-mdi:inbox-outline`},null,-1),a(`p`,A,_(e.emptyText),1)])],!0)])):r(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-2b8ca093`]]);export{x as n,j as t};
|
package/dist/C_Editor.css
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
.w-e-video{box-sizing:border-box;display:flex;margin:0;max-width:100%;width:100%}.w-e-video>iframe,.w-e-video>video{display:block;max-width:100%}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow:auto;padding:10px 0}.w-e-video-align-left{justify-content:flex-start}.w-e-video-align-center{justify-content:center}.w-e-video-align-right{justify-content:flex-end}
|
|
16
16
|
/* unplugin-vue-components disabled */
|
|
17
17
|
/* CSS 变量 — 支持外部主题覆盖 */
|
|
18
|
-
.c-editor[data-v-
|
|
18
|
+
.c-editor[data-v-7bd83e80] {
|
|
19
19
|
--c-editor-toolbar-bg: #ffffff;
|
|
20
20
|
--c-editor-toolbar-border: #e5e7eb;
|
|
21
21
|
--c-editor-menu-color: #333333;
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
/* 暗色主题 — 覆盖 CSS 变量 */
|
|
36
|
-
.editor-dark[data-v-
|
|
36
|
+
.editor-dark[data-v-7bd83e80] {
|
|
37
37
|
--c-editor-toolbar-bg: #1f2937;
|
|
38
38
|
--c-editor-toolbar-border: #374151;
|
|
39
39
|
--c-editor-menu-color: #e5e7eb;
|
|
@@ -46,51 +46,50 @@
|
|
|
46
46
|
--c-editor-text-focus-bg: #111827;
|
|
47
47
|
--c-editor-text-focus-color: #e5e7eb;
|
|
48
48
|
}
|
|
49
|
-
.editor-dark[data-v-
|
|
49
|
+
.editor-dark[data-v-7bd83e80] .w-e-toolbar {
|
|
50
50
|
background-color: var(--c-editor-toolbar-bg) !important;
|
|
51
51
|
border-color: var(--c-editor-toolbar-border) !important;
|
|
52
52
|
}
|
|
53
|
-
.editor-dark[data-v-
|
|
53
|
+
.editor-dark[data-v-7bd83e80] .w-e-toolbar .w-e-menu .w-e-menu-item {
|
|
54
54
|
color: var(--c-editor-menu-color) !important;
|
|
55
55
|
}
|
|
56
|
-
.editor-dark[data-v-
|
|
56
|
+
.editor-dark[data-v-7bd83e80] .w-e-toolbar .w-e-menu .w-e-menu-item:hover {
|
|
57
57
|
background-color: var(--c-editor-menu-hover-bg) !important;
|
|
58
58
|
color: var(--c-editor-menu-hover-color) !important;
|
|
59
59
|
}
|
|
60
|
-
.editor-dark[data-v-
|
|
60
|
+
.editor-dark[data-v-7bd83e80] .w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active {
|
|
61
61
|
background-color: var(--c-editor-menu-active-bg) !important;
|
|
62
62
|
color: var(--c-editor-menu-active-color) !important;
|
|
63
63
|
}
|
|
64
|
-
.editor-dark[data-v-
|
|
64
|
+
.editor-dark[data-v-7bd83e80] .w-e-text-container {
|
|
65
65
|
background-color: var(--c-editor-container-bg) !important;
|
|
66
66
|
border-color: var(--c-editor-container-border) !important;
|
|
67
67
|
}
|
|
68
|
-
.editor-dark[data-v-
|
|
68
|
+
.editor-dark[data-v-7bd83e80] .w-e-text-container .w-e-text {
|
|
69
69
|
background-color: var(--c-editor-text-bg) !important;
|
|
70
70
|
color: var(--c-editor-text-color) !important;
|
|
71
71
|
}
|
|
72
|
-
.editor-dark[data-v-
|
|
72
|
+
.editor-dark[data-v-7bd83e80] .w-e-text-container .w-e-text:focus {
|
|
73
73
|
background-color: var(--c-editor-text-focus-bg) !important;
|
|
74
74
|
color: var(--c-editor-text-focus-color) !important;
|
|
75
75
|
}
|
|
76
|
-
[data-v-
|
|
76
|
+
[data-v-7bd83e80] .w-e-toolbar,[data-v-7bd83e80] .w-e-text-container {
|
|
77
77
|
max-width: 100% !important;
|
|
78
78
|
overflow-x: auto !important;
|
|
79
79
|
box-sizing: border-box !important;
|
|
80
80
|
}
|
|
81
|
-
[data-v-
|
|
81
|
+
[data-v-7bd83e80] .w-e-text {
|
|
82
82
|
max-width: 100% !important;
|
|
83
83
|
word-wrap: break-word !important;
|
|
84
84
|
overflow-wrap: break-word !important;
|
|
85
85
|
}
|
|
86
|
-
[data-v-
|
|
86
|
+
[data-v-7bd83e80] .w-e-toolbar,[data-v-7bd83e80] .w-e-text-container,[data-v-7bd83e80] .w-e-text {
|
|
87
87
|
transition:
|
|
88
88
|
background-color var(--c-editor-transition-duration) ease,
|
|
89
89
|
border-color var(--c-editor-transition-duration) ease,
|
|
90
90
|
color var(--c-editor-transition-duration) ease !important;
|
|
91
91
|
}
|
|
92
|
-
.editor-focused[data-v-
|
|
93
|
-
overflow: hidden !important;
|
|
92
|
+
.editor-focused[data-v-7bd83e80] {
|
|
94
93
|
max-width: 100% !important;
|
|
95
94
|
}
|
|
96
95
|
|
package/dist/C_Editor.d.cts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as _default } from "./
|
|
1
|
+
import { t as _default } from "./index12.vue.cjs";
|
|
2
2
|
export { _default as C_Editor };
|
package/dist/C_Editor.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as _default } from "./
|
|
1
|
+
import { t as _default } from "./index11.vue.js";
|
|
2
2
|
export { _default as C_Editor };
|
package/dist/C_Editor2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./export-helper.cjs`),t=require(`./html.cjs`);let n=require(`vue`);const r=[`id`],i=(0,n.defineComponent)({name:`C_Editor`,__name:`index`,props:{editorId:{},modelValue:{default:``},placeholder:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},height:{default:240},theme:{default:`light`}},emits:[`update:modelValue`,`editor-mounted`,`editor-change`,`error`],setup(e,{expose:i,emit:a}){let o=e,s=a,c=(0,n.ref)(
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./export-helper.cjs`),t=require(`./html.cjs`);let n=require(`vue`);const r=[`id`],i=(0,n.defineComponent)({name:`C_Editor`,__name:`index`,props:{editorId:{},modelValue:{default:``},placeholder:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},height:{default:240},theme:{default:`light`}},emits:[`update:modelValue`,`editor-mounted`,`editor-change`,`error`],setup(e,{expose:i,emit:a}){let o=e,s=a,c=(0,n.ref)(!1),l=(0,n.shallowRef)(null),u=(0,n.ref)(!1),d=(0,n.ref)(o.modelValue),f=(0,n.ref)(0),p=(0,n.computed)(()=>o.theme===`dark`),m=(0,n.computed)(()=>o.disabled||o.readonly),h=(0,n.computed)(()=>({height:`${Math.max(80,o.height-42)}px`,overflowY:`hidden`})),g={},_=(0,n.computed)(()=>({placeholder:o.placeholder,readOnly:m.value,autoFocus:!1,sanitizeHtml:t.t})),v=e=>{s(`error`,e instanceof Error?e:Error(String(e)))},y=e=>typeof window>`u`?(()=>null):(0,n.defineAsyncComponent)({loader:()=>import(`@wangeditor-next/editor-for-vue`).then(t=>t[e]),onError(e,t,n){v(e),n()}}),b=y(`Editor`),x=y(`Toolbar`),S=e=>{l.value=e,u.value=!0,m.value&&e.disable(),s(`editor-mounted`,e)},C=e=>{let t=e.getHtml();d.value=t,s(`update:modelValue`,t),s(`editor-change`,t)},w=()=>{u.value||(d.value=o.modelValue,f.value+=1)},T=()=>{let e=l.value;if(l.value=null,u.value=!1,!(!e||e.isDestroyed))try{e.destroy()}catch(e){v(e)}},E=e=>{let n=t.t(e);d.value=n;try{l.value?.getHtml()!==n&&l.value?.setHtml(n)}catch(e){v(e)}},D=()=>{try{return l.value?.getHtml()??d.value}catch(e){return v(e),d.value}};(0,n.watch)(()=>o.modelValue,e=>{e!==D()&&E(e||``)}),(0,n.watch)(m,e=>{let t=l.value;if(t)try{e?t.disable():t.enable()}catch(e){v(e)}});let O=()=>{c.value=!0},k=()=>{c.value=!1};return(0,n.onBeforeUnmount)(()=>{T()}),i({initializeEditor:w,destroyEditor:T,setContent:E,getContent:D,handleEditorFocus:O,handleEditorBlur:k,editorInstance:(0,n.readonly)(l),isInitialized:(0,n.readonly)(u)}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{id:e.editorId,class:(0,n.normalizeClass)([`c-editor w-full`,{"editor-dark":p.value,"is-disabled":m.value,"editor-focused":c.value}]),onFocusin:O,onFocusout:k},[(0,n.createVNode)((0,n.unref)(x),{editor:l.value,"default-config":g,mode:`default`,class:`c-editor__toolbar`},null,8,[`editor`]),((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(b),{key:f.value,modelValue:d.value,"onUpdate:modelValue":i[0]||=e=>d.value=e,"default-config":_.value,mode:`default`,style:(0,n.normalizeStyle)(h.value),onOnCreated:S,onOnChange:C},null,8,[`modelValue`,`default-config`,`style`]))],42,r))}});var a=e.t(i,[[`__scopeId`,`data-v-7bd83e80`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
|
package/dist/C_Editor2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./export-helper.js";import{t}from"./html.js";import{computed as n,createBlock as r,createElementBlock as i,createVNode as a,defineAsyncComponent as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onBeforeUnmount as u,openBlock as d,readonly as f,ref as p,shallowRef as m,unref as h,watch as g}from"vue";const _=[`id`];var v=e(s({name:`C_Editor`,__name:`index`,props:{editorId:{},modelValue:{default:``},placeholder:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},height:{default:240},theme:{default:`light`}},emits:[`update:modelValue`,`editor-mounted`,`editor-change`,`error`],setup(e,{expose:s,emit:v}){let y=e,b=v,x=p(
|
|
1
|
+
import{t as e}from"./export-helper.js";import{t}from"./html.js";import{computed as n,createBlock as r,createElementBlock as i,createVNode as a,defineAsyncComponent as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,onBeforeUnmount as u,openBlock as d,readonly as f,ref as p,shallowRef as m,unref as h,watch as g}from"vue";const _=[`id`];var v=e(s({name:`C_Editor`,__name:`index`,props:{editorId:{},modelValue:{default:``},placeholder:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},height:{default:240},theme:{default:`light`}},emits:[`update:modelValue`,`editor-mounted`,`editor-change`,`error`],setup(e,{expose:s,emit:v}){let y=e,b=v,x=p(!1),S=m(null),C=p(!1),w=p(y.modelValue),T=p(0),E=n(()=>y.theme===`dark`),D=n(()=>y.disabled||y.readonly),O=n(()=>({height:`${Math.max(80,y.height-42)}px`,overflowY:`hidden`})),k={},A=n(()=>({placeholder:y.placeholder,readOnly:D.value,autoFocus:!1,sanitizeHtml:t})),j=e=>{b(`error`,e instanceof Error?e:Error(String(e)))},M=e=>typeof window>`u`?(()=>null):o({loader:()=>import(`@wangeditor-next/editor-for-vue`).then(t=>t[e]),onError(e,t,n){j(e),n()}}),N=M(`Editor`),P=M(`Toolbar`),F=e=>{S.value=e,C.value=!0,D.value&&e.disable(),b(`editor-mounted`,e)},I=e=>{let t=e.getHtml();w.value=t,b(`update:modelValue`,t),b(`editor-change`,t)},L=()=>{C.value||(w.value=y.modelValue,T.value+=1)},R=()=>{let e=S.value;if(S.value=null,C.value=!1,!(!e||e.isDestroyed))try{e.destroy()}catch(e){j(e)}},z=e=>{let n=t(e);w.value=n;try{S.value?.getHtml()!==n&&S.value?.setHtml(n)}catch(e){j(e)}},B=()=>{try{return S.value?.getHtml()??w.value}catch(e){return j(e),w.value}};g(()=>y.modelValue,e=>{e!==B()&&z(e||``)}),g(D,e=>{let t=S.value;if(t)try{e?t.disable():t.enable()}catch(e){j(e)}});let V=()=>{x.value=!0},H=()=>{x.value=!1};return u(()=>{R()}),s({initializeEditor:L,destroyEditor:R,setContent:z,getContent:B,handleEditorFocus:V,handleEditorBlur:H,editorInstance:f(S),isInitialized:f(C)}),(t,n)=>(d(),i(`div`,{id:e.editorId,class:c([`c-editor w-full`,{"editor-dark":E.value,"is-disabled":D.value,"editor-focused":x.value}]),onFocusin:V,onFocusout:H},[a(h(P),{editor:S.value,"default-config":k,mode:`default`,class:`c-editor__toolbar`},null,8,[`editor`]),(d(),r(h(N),{key:T.value,modelValue:w.value,"onUpdate:modelValue":n[0]||=e=>w.value=e,"default-config":A.value,mode:`default`,style:l(O.value),onOnCreated:F,onOnChange:I},null,8,[`modelValue`,`default-config`,`style`]))],42,_))}}),[[`__scopeId`,`data-v-7bd83e80`]]);export{v as t};
|
package/dist/C_FilePreview.css
CHANGED
|
@@ -378,10 +378,10 @@
|
|
|
378
378
|
.excel-container .excel-viewer .excel-table-container .excel-pagination[data-v-5569b81f] .n-popover {
|
|
379
379
|
z-index: 1005 !important;
|
|
380
380
|
}
|
|
381
|
-
/* unplugin-vue-components disabled */.c-file-preview-wrapper[data-v-
|
|
381
|
+
/* unplugin-vue-components disabled */.c-file-preview-wrapper[data-v-3e4e0b9c] {
|
|
382
382
|
width: 100%;
|
|
383
383
|
}
|
|
384
|
-
.c-file-preview-wrapper .file-info-card .file-info[data-v-
|
|
384
|
+
.c-file-preview-wrapper .file-info-card .file-info[data-v-3e4e0b9c] {
|
|
385
385
|
display: flex;
|
|
386
386
|
align-items: center;
|
|
387
387
|
gap: 16px;
|
|
@@ -392,12 +392,12 @@
|
|
|
392
392
|
transition: var(--c-transition, 0.2s ease);
|
|
393
393
|
cursor: pointer;
|
|
394
394
|
}
|
|
395
|
-
.c-file-preview-wrapper .file-info-card .file-info[data-v-
|
|
395
|
+
.c-file-preview-wrapper .file-info-card .file-info[data-v-3e4e0b9c]:hover {
|
|
396
396
|
border-color: var(--c-primary, #40a9ff);
|
|
397
397
|
box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15);
|
|
398
398
|
transform: translateY(-1px);
|
|
399
399
|
}
|
|
400
|
-
.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-
|
|
400
|
+
.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-3e4e0b9c] {
|
|
401
401
|
flex-shrink: 0;
|
|
402
402
|
width: 56px;
|
|
403
403
|
height: 56px;
|
|
@@ -408,11 +408,11 @@
|
|
|
408
408
|
border-radius: 12px;
|
|
409
409
|
border: 1px solid #dee2e6;
|
|
410
410
|
}
|
|
411
|
-
.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-
|
|
411
|
+
.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-3e4e0b9c] {
|
|
412
412
|
flex: 1;
|
|
413
413
|
min-width: 0;
|
|
414
414
|
}
|
|
415
|
-
.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-
|
|
415
|
+
.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-3e4e0b9c] {
|
|
416
416
|
display: flex;
|
|
417
417
|
align-items: center;
|
|
418
418
|
gap: 12px;
|
|
@@ -421,22 +421,22 @@
|
|
|
421
421
|
font-size: 16px;
|
|
422
422
|
color: var(--c-text-1, #1f2937);
|
|
423
423
|
}
|
|
424
|
-
.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-
|
|
424
|
+
.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-3e4e0b9c] {
|
|
425
425
|
display: flex;
|
|
426
426
|
gap: 16px;
|
|
427
427
|
font-size: 13px;
|
|
428
428
|
color: var(--c-text-2, #6b7280);
|
|
429
429
|
}
|
|
430
|
-
.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-
|
|
430
|
+
.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-3e4e0b9c] {
|
|
431
431
|
font-weight: 500;
|
|
432
432
|
color: var(--c-text-1, #374151);
|
|
433
433
|
}
|
|
434
|
-
.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-
|
|
434
|
+
.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-3e4e0b9c] {
|
|
435
435
|
flex-shrink: 0;
|
|
436
436
|
display: flex;
|
|
437
437
|
gap: 8px;
|
|
438
438
|
}
|
|
439
|
-
.modal-container[data-v-
|
|
439
|
+
.modal-container[data-v-3e4e0b9c] {
|
|
440
440
|
background: var(--c-bg-card, white);
|
|
441
441
|
border-radius: 8px;
|
|
442
442
|
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
height: 100%;
|
|
447
447
|
overflow: visible;
|
|
448
448
|
}
|
|
449
|
-
.modal-container .modal-header[data-v-
|
|
449
|
+
.modal-container .modal-header[data-v-3e4e0b9c] {
|
|
450
450
|
display: flex;
|
|
451
451
|
justify-content: space-between;
|
|
452
452
|
align-items: center;
|
|
@@ -457,7 +457,7 @@
|
|
|
457
457
|
z-index: 10;
|
|
458
458
|
position: relative;
|
|
459
459
|
}
|
|
460
|
-
.modal-container .modal-header .modal-title[data-v-
|
|
460
|
+
.modal-container .modal-header .modal-title[data-v-3e4e0b9c] {
|
|
461
461
|
display: flex;
|
|
462
462
|
align-items: center;
|
|
463
463
|
gap: 8px;
|
|
@@ -465,25 +465,25 @@
|
|
|
465
465
|
font-size: 16px;
|
|
466
466
|
color: var(--c-text-1, #333);
|
|
467
467
|
}
|
|
468
|
-
.modal-container .modal-header .modal-title span[data-v-
|
|
468
|
+
.modal-container .modal-header .modal-title span[data-v-3e4e0b9c] {
|
|
469
469
|
max-width: 400px;
|
|
470
470
|
overflow: hidden;
|
|
471
471
|
text-overflow: ellipsis;
|
|
472
472
|
white-space: nowrap;
|
|
473
473
|
}
|
|
474
|
-
.modal-container .modal-header .modal-actions[data-v-
|
|
474
|
+
.modal-container .modal-header .modal-actions[data-v-3e4e0b9c] {
|
|
475
475
|
display: flex;
|
|
476
476
|
gap: 8px;
|
|
477
477
|
align-items: center;
|
|
478
478
|
}
|
|
479
|
-
.modal-container .modal-content[data-v-
|
|
479
|
+
.modal-container .modal-content[data-v-3e4e0b9c] {
|
|
480
480
|
flex: 1;
|
|
481
481
|
display: flex;
|
|
482
482
|
flex-direction: column;
|
|
483
483
|
overflow: visible;
|
|
484
484
|
min-height: 0;
|
|
485
485
|
}
|
|
486
|
-
.modal-container .preview-header[data-v-
|
|
486
|
+
.modal-container .preview-header[data-v-3e4e0b9c] {
|
|
487
487
|
padding: 16px;
|
|
488
488
|
border-bottom: 1px solid var(--c-border, #e0e0e0);
|
|
489
489
|
background-color: var(--c-bg-card, #f9f9f9);
|
|
@@ -491,13 +491,13 @@
|
|
|
491
491
|
z-index: 9;
|
|
492
492
|
position: relative;
|
|
493
493
|
}
|
|
494
|
-
.modal-container .preview-content[data-v-
|
|
494
|
+
.modal-container .preview-content[data-v-3e4e0b9c] {
|
|
495
495
|
flex: 1;
|
|
496
496
|
overflow: auto;
|
|
497
497
|
min-height: 0;
|
|
498
498
|
position: relative;
|
|
499
499
|
}
|
|
500
|
-
.modal-container .preview-content .status-container[data-v-
|
|
500
|
+
.modal-container .preview-content .status-container[data-v-3e4e0b9c] {
|
|
501
501
|
height: 300px;
|
|
502
502
|
display: flex;
|
|
503
503
|
align-items: center;
|