@robot-admin/naive-ui-components 0.17.3 → 0.17.5
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 +18 -0
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.js +1 -1
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +52 -52
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_Table.base.css +155 -145
- package/dist/C_Table.css +155 -145
- package/dist/C_Table.d.cts +1 -1
- package/dist/C_Table.d.ts +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_Tree.css +23 -23
- package/dist/C_Tree2.cjs +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_WorkFlow.css +39 -39
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants3.d.cts +1 -1
- package/dist/constants3.d.ts +1 -1
- 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 +8 -8
- package/dist/data.d.ts +8 -8
- package/dist/formValidation.cjs +1 -0
- package/dist/formValidation.js +1 -0
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +2 -2
- package/dist/index.vue.d.ts +2 -2
- package/dist/index10.vue.d.cts +5 -5
- package/dist/index10.vue.d.ts +2 -2
- package/dist/index11.vue.d.cts +2 -2
- package/dist/index11.vue.d.ts +3 -3
- package/dist/index12.vue.d.cts +3 -3
- package/dist/index12.vue.d.ts +2 -2
- package/dist/index13.vue.d.cts +2 -2
- package/dist/index13.vue.d.ts +3 -3
- package/dist/index14.vue.d.cts +3 -3
- package/dist/index14.vue.d.ts +8 -8
- package/dist/index15.vue.d.cts +8 -8
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index16.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +5 -5
- package/dist/index19.vue.d.cts +5 -5
- package/dist/index19.vue.d.ts +5 -4
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +2 -2
- package/dist/index20.vue.d.ts +2 -2
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index25.vue.d.cts +4 -4
- package/dist/index25.vue.d.ts +4 -4
- package/dist/index26.vue.d.cts +1 -1
- package/dist/index26.vue.d.ts +1 -1
- package/dist/index27.vue.d.cts +4 -4
- package/dist/index27.vue.d.ts +4 -4
- package/dist/index28.vue.d.cts +2 -2
- package/dist/index28.vue.d.ts +2 -2
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index4.vue.d.cts +5 -4
- package/dist/index8.vue.d.ts +3 -3
- package/dist/index9.vue.d.cts +3 -3
- package/dist/index9.vue.d.ts +5 -5
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/style.css +274 -264
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +4 -4
- package/dist/useCollapsePanel.d.ts +4 -4
- package/dist/useCropperCore.d.cts +6 -6
- package/dist/useCropperCore.d.ts +6 -6
- package/dist/useDraggableLayout.d.cts +6 -6
- package/dist/useDraggableLayout.d.ts +6 -6
- package/dist/useDynamicFormState.d.cts +4 -3
- package/dist/useDynamicFormState.d.ts +4 -3
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +2 -2
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useQRCode.d.cts +3 -3
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.cts +2 -2
- package/dist/useSearchState.d.ts +2 -2
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +11 -11
- package/dist/useSplitResize.d.ts +11 -11
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +535 -509
- package/dist/useTableQuery.d.ts +535 -509
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +11 -6
- package/dist/useTimeSelection.d.ts +11 -6
- package/dist/useWorkflowValidation.d.cts +5 -5
- package/dist/useWorkflowValidation.d.ts +5 -5
- package/dist/verification.d.cts +4 -4
- package/dist/verification.d.ts +4 -4
- package/docs/guides/usage.en.md +16 -0
- package/docs/guides/usage.md +38 -0
- package/package.json +2 -1
package/dist/C_Table.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { $ as
|
|
1
|
+
import { $ as PaginationConfig, $t as printPresets, At as resolveConfig, B as defineTableColumns, Bt as useTableGlobalConfig, Ct as SelectionConfig, Dt as TreeConfig, Et as ToolbarConfig, F as useCellEdit, Ft as FormatterType, G as BuiltInTableColumn, Gt as RowDragConfig, H as validateTableRowKeys, Ht as UseCrossPageSelectionOptions, I as usePagination, It as TABLE_GLOBAL_CONFIG_KEY, J as CustomAction, Jt as useRowDrag, K as ChildSelectionState, Kt as UseRowDragOptions, L as useTableActions, Lt as TableGlobalConfig, Mt as exportTableData, Nt as ColumnFormatter, Ot as VirtualScrollConfig, P as useModalEdit, Pt as FormatterConfig, Q as NormalTableColumn, Qt as PrintWatermarkOptions, R as useTableExpand, Rt as applyFormatter, St as ExpandConfig, Tt as TableConfig, U as _default, Ut as UseCrossPageSelectionReturn, V as defineTableConfig, Vt as CrossPageSelectionConfig, W as ApiFunction, Wt as useCrossPageSelection, X as EditMode, Xt as DynamicRowsReturn, Y as DataRecord, Yt as DynamicRowsOptions, Z as MaybeRefLike, Zt as useDynamicRows, _t as ColumnDragConfig, at as StrictTableColumn, bt as EditConfig, ct as TableInstance, dt as TableRowKeyIssue, en as usePrintWatermark, et as ParentChildLinkMode, ft as UseTableExpandOptions, gt as BatchActionsConfig, ht as useRowEdit, i as useTableQuery, it as SimpleTableActions, jt as ExportConfig, kt as createEditModeChecker, lt as TableProps, mt as useTableManager, n as TableQueryResult, nt as RowAction, ot as TableColumn, pt as UseTableExpandReturn, q as ColumnWithKey, qt as UseRowDragReturn, r as UseTableQueryOptions, rt as SelectOption, st as TableEmits, t as TableQueryContext, tt as RenderFunction, ut as TableRowKey, vt as CrudBinding, wt as SummaryConfig, xt as ErrorConfig, yt as DisplayConfig, z as useTableColumns, zt as mergeGlobalConfig } from "./useTableQuery.cjs";
|
|
2
2
|
import { r as resolveComponentDensity, t as ComponentDensity } from "./density.cjs";
|
|
3
3
|
export { type ApiFunction, type BatchActionsConfig, type BuiltInTableColumn, _default as C_Table, type ChildSelectionState, type ColumnDragConfig, type ColumnFormatter, type ColumnWithKey, type ComponentDensity, type CrossPageSelectionConfig, type CrudBinding, type CustomAction, type DataRecord, type DisplayConfig, type DynamicRowsOptions, type DynamicRowsReturn, type EditConfig, type EditMode, type ErrorConfig, type ExpandConfig, type ExportConfig, type FormatterConfig, type FormatterType, type MaybeRefLike, type NormalTableColumn, type PaginationConfig, type ParentChildLinkMode, type PrintWatermarkOptions, type RenderFunction, type RowAction, type RowDragConfig, type SelectOption, type SimpleTableActions, type StrictTableColumn, type SummaryConfig, TABLE_GLOBAL_CONFIG_KEY, type TableColumn, type TableConfig, type TableEmits, type TableGlobalConfig, type TableInstance, type TableProps, type TableQueryContext, type TableQueryResult, type TableRowKey, type TableRowKeyIssue, type SelectionConfig as TableSelectionConfig, type ToolbarConfig, type TreeConfig, type UseCrossPageSelectionOptions, type UseCrossPageSelectionReturn, type UseRowDragOptions, type UseRowDragReturn, type UseTableExpandOptions, type UseTableExpandReturn, type UseTableQueryOptions, type VirtualScrollConfig, applyFormatter, createEditModeChecker, defineTableColumns, defineTableConfig, exportTableData, mergeGlobalConfig, printPresets, resolveComponentDensity, resolveConfig, useCellEdit, useCrossPageSelection, useDynamicRows, useModalEdit, usePagination, usePrintWatermark, useRowDrag, useRowEdit, useTableActions, useTableColumns, useTableExpand, useTableGlobalConfig, useTableManager, useTableQuery, validateTableRowKeys };
|
package/dist/C_Table.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import "./presets.js";
|
|
|
2
2
|
import "./useEdgeInteraction.js";
|
|
3
3
|
import "./public.js";
|
|
4
4
|
import "./index4.vue.js";
|
|
5
|
-
import { $ as
|
|
5
|
+
import { $ as PaginationConfig, $t as printPresets, At as resolveConfig, B as defineTableColumns, Bt as useTableGlobalConfig, Ct as SelectionConfig, Dt as TreeConfig, Et as ToolbarConfig, F as useCellEdit, Ft as FormatterType, G as BuiltInTableColumn, Gt as RowDragConfig, H as validateTableRowKeys, Ht as UseCrossPageSelectionOptions, I as usePagination, It as TABLE_GLOBAL_CONFIG_KEY, J as CustomAction, Jt as useRowDrag, K as ChildSelectionState, Kt as UseRowDragOptions, L as useTableActions, Lt as TableGlobalConfig, Mt as exportTableData, Nt as ColumnFormatter, Ot as VirtualScrollConfig, P as useModalEdit, Pt as FormatterConfig, Q as NormalTableColumn, Qt as PrintWatermarkOptions, R as useTableExpand, Rt as applyFormatter, St as ExpandConfig, Tt as TableConfig, U as _default, Ut as UseCrossPageSelectionReturn, V as defineTableConfig, Vt as CrossPageSelectionConfig, W as ApiFunction, Wt as useCrossPageSelection, X as EditMode, Xt as DynamicRowsReturn, Y as DataRecord, Yt as DynamicRowsOptions, Z as MaybeRefLike, Zt as useDynamicRows, _t as ColumnDragConfig, at as StrictTableColumn, bt as EditConfig, ct as TableInstance, dt as TableRowKeyIssue, en as usePrintWatermark, et as ParentChildLinkMode, ft as UseTableExpandOptions, gt as BatchActionsConfig, ht as useRowEdit, i as useTableQuery, it as SimpleTableActions, jt as ExportConfig, kt as createEditModeChecker, lt as TableProps, mt as useTableManager, n as TableQueryResult, nt as RowAction, ot as TableColumn, pt as UseTableExpandReturn, q as ColumnWithKey, qt as UseRowDragReturn, r as UseTableQueryOptions, rt as SelectOption, st as TableEmits, t as TableQueryContext, tt as RenderFunction, ut as TableRowKey, vt as CrudBinding, wt as SummaryConfig, xt as ErrorConfig, yt as DisplayConfig, z as useTableColumns, zt as mergeGlobalConfig } from "./useTableQuery.js";
|
|
6
6
|
import "./useDraggableLayout.js";
|
|
7
7
|
import "./useDynamicFormState.js";
|
|
8
8
|
import { r as resolveComponentDensity, t as ComponentDensity } from "./density.js";
|
package/dist/C_Time.css
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
: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)}
|
|
2
2
|
|
|
3
3
|
/* 时间选择器组件样式 */
|
|
4
|
-
.c-time-wrapper[data-v-
|
|
4
|
+
.c-time-wrapper[data-v-22ce9a5a] {
|
|
5
5
|
display: inline-flex;
|
|
6
6
|
align-items: center;
|
|
7
7
|
gap: 8px;
|
|
8
8
|
}
|
|
9
|
-
.time-range-container[data-v-
|
|
9
|
+
.time-range-container[data-v-22ce9a5a] {
|
|
10
10
|
display: flex;
|
|
11
11
|
align-items: center;
|
|
12
12
|
gap: 8px;
|
|
13
13
|
}
|
|
14
|
-
.time-single-container[data-v-
|
|
14
|
+
.time-single-container[data-v-22ce9a5a] {
|
|
15
15
|
display: flex;
|
|
16
16
|
align-items: center;
|
|
17
17
|
}
|
|
18
|
-
.range-separator[data-v-
|
|
18
|
+
.range-separator[data-v-22ce9a5a] {
|
|
19
19
|
color: var(--c-text-3, #666);
|
|
20
20
|
font-size: 14px;
|
|
21
21
|
white-space: nowrap;
|
package/dist/C_Time2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`),n=require(`naive-ui`);function r(e,n){let r=(0,t.ref)(e.defaultStartTime??null),i=(0,t.ref)(e.defaultEndTime??null),a=(0,t.ref)(e.defaultSingleTime??null),o=(0,t.computed)(()=>e.format&&e.format!==`HH:mm`?e.format:[e.useHours!==!1&&`HH`,e.useMinutes!==!1&&`mm`,e.useSeconds&&`ss`].filter(Boolean).join(`:`)||`HH:mm`),s=(0,t.computed)(()=>u(24,e.hourStep)),c=(0,t.computed)(()=>u(60,e.minuteStep)),l=(0,t.computed)(()=>u(60,e.secondStep));function u(e,t){let n=Number.isInteger(t)&&(t??0)>0?t:1;return Array.from({length:Math.ceil(e/n)},(e,t)=>t*n)}function d(e){let t=new Date(e);return t.getHours()*3600+t.getMinutes()*60+t.getSeconds()}let f=(0,t.computed)(()=>e.mode===`range`&&r.value===null),p=(0,t.computed)(()=>({...e.attrs,...e.startTimeProps})),m=(0,t.computed)(()=>({...e.attrs,...e.endTimeProps})),h=(0,t.computed)(()=>({...e.attrs})),g=()=>{let t=e.mode===`range`?[r.value,i.value]:a.value;n(`update:modelValue`,t),n(`change`,t)};return(0,t.watch)(()=>[e.mode,e.modelValue,e.defaultStartTime,e.defaultEndTime,e.defaultSingleTime],()=>{if(e.modelValue!==void 0){e.mode===`range`?(r.value=Array.isArray(e.modelValue)?e.modelValue[0]??null:null,i.value=Array.isArray(e.modelValue)?e.modelValue[1]??null:null):a.value=Array.isArray(e.modelValue)?null:e.modelValue;return}r.value=e.defaultStartTime??null,i.value=e.defaultEndTime??null,a.value=e.defaultSingleTime??null},{immediate:!0,deep:!0}),{startTime:r,endTime:i,singleTime:a,timeFormat:o,allowedHours:s,allowedMinutes:c,allowedSeconds:l,endTimeDisabled:f,mergedStartAttrs:p,mergedEndAttrs:m,mergedAttrs:h,isEndHourDisabled:e=>r.value===null?!1:e<new Date(r.value).getHours(),isEndMinuteDisabled:(t,n)=>{if(r.value===null||n===null)return!1;let i=new Date(r.value);return n===i.getHours()&&(e.useSeconds?t<i.getMinutes():t<=i.getMinutes())},isEndSecondDisabled:(t,n,i)=>{if(r.value===null||!e.useSeconds||i===null||n===null)return!1;let a=new Date(r.value);return i===a.getHours()&&n===a.getMinutes()&&t<=a.getSeconds()},handleStartTimeChange:t=>{r.value=t,(t===null||e.enableTimeRestriction&&i.value!==null&&d(i.value)<=d(t))&&(i.value=null),n(`change-start`,t),e.mode===`range`&&n(`change-range`,t,i.value),g()},handleEndTimeChange:t=>{let a=e.enableTimeRestriction&&t!==null&&r.value!==null&&d(t)<=d(r.value)?null:t;i.value=a,n(`change-end`,a),e.mode===`range`&&n(`change-range`,r.value,a),g()},handleSingleTimeChange:e=>{a.value=e,n(`change-single`,e),g()},reset:()=>{r.value=null,i.value=null,a.value=null,g()}}}const i={class:`c-time-wrapper`},a={key:0,class:`time-range-container`},o={class:`time-single-container`},s=(0,t.defineComponent)({name:`C_Time`,__name:`index`,props:{modelValue:{},mode:{default:`range`},startPlaceholder:{default:`请选择开始时间`},endPlaceholder:{default:`请选择结束时间`},placeholder:{default:`请选择时间`},format:{default:`HH:mm`},useHours:{type:Boolean,default:!0},useMinutes:{type:Boolean,default:!0},useSeconds:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:30},secondStep:{default:1},startTimeProps:{default:()=>({})},endTimeProps:{default:()=>({})},attrs:{default:()=>({})},defaultStartTime:{default:null},defaultEndTime:{default:null},defaultSingleTime:{default:null},enableTimeRestriction:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`change-range`,`change-single`,`change-start`,`change-end`],setup(e,{expose:s,emit:c}){let l=e,{startTime:u,endTime:d,singleTime:f,timeFormat:p,allowedHours:m,allowedMinutes:h,allowedSeconds:g,endTimeDisabled:_,mergedStartAttrs:v,mergedEndAttrs:y,mergedAttrs:b,isEndHourDisabled:x,isEndMinuteDisabled:S,isEndSecondDisabled:C,handleStartTimeChange:w,handleEndTimeChange:T,handleSingleTimeChange:E,reset:D}=r(l,c);return s({reset:D,startTime:u,endTime:d,singleTime:f}),(r,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,i,[(0,t.createCommentVNode)(` 时间段选择模式 `),e.mode===`range`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,a,[(0,t.createVNode)((0,t.unref)(n.NTimePicker),(0,t.mergeProps)({value:(0,t.unref)(u),"onUpdate:value":s[0]||=e=>(0,t.isRef)(u)?u.value=e:null,placeholder:e.startPlaceholder,format:(0,t.unref)(p),hours:(0,t.unref)(m),minutes:(0,t.unref)(h),seconds:(0,t.unref)(g),actions:[`now`,`confirm`]},(0,t.unref)(v),{"onUpdate:value":(0,t.unref)(w)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`onUpdate:value`]),s[3]||=(0,t.createElementVNode)(`span`,{class:`range-separator`},`至`,-1),(0,t.createVNode)((0,t.unref)(n.NTimePicker),(0,t.mergeProps)({value:(0,t.unref)(d),"onUpdate:value":s[1]||=e=>(0,t.isRef)(d)?d.value=e:null,placeholder:e.endPlaceholder,format:(0,t.unref)(p),hours:(0,t.unref)(m),minutes:(0,t.unref)(h),seconds:(0,t.unref)(g),actions:[`now`,`confirm`],"is-hour-disabled":l.enableTimeRestriction?(0,t.unref)(x):void 0,"is-minute-disabled":l.enableTimeRestriction?(0,t.unref)(S):void 0,"is-second-disabled":l.enableTimeRestriction?(0,t.unref)(C):void 0,disabled:(0,t.unref)(_)},(0,t.unref)(y),{"onUpdate:value":(0,t.unref)(T)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`is-hour-disabled`,`is-minute-disabled`,`is-second-disabled`,`disabled`,`onUpdate:value`])])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createCommentVNode)(` 单个时间选择模式 `),(0,t.createElementVNode)(`div`,o,[(0,t.createVNode)((0,t.unref)(n.NTimePicker),(0,t.mergeProps)({value:(0,t.unref)(f),"onUpdate:value":s[2]||=e=>(0,t.isRef)(f)?f.value=e:null,placeholder:e.placeholder,format:(0,t.unref)(p),hours:(0,t.unref)(m),minutes:(0,t.unref)(h),seconds:(0,t.unref)(g),actions:[`now`,`confirm`]},(0,t.unref)(b),{"onUpdate:value":(0,t.unref)(E)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`onUpdate:value`])])],2112))]))}});var c=e.t(s,[[`__scopeId`,`data-v-
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`),n=require(`naive-ui`);function r(e,n){let r=(0,t.ref)(e.defaultStartTime??null),i=(0,t.ref)(e.defaultEndTime??null),a=(0,t.ref)(e.defaultSingleTime??null),o=(0,t.computed)(()=>e.format&&e.format!==`HH:mm`?e.format:[e.useHours!==!1&&`HH`,e.useMinutes!==!1&&`mm`,e.useSeconds&&`ss`].filter(Boolean).join(`:`)||`HH:mm`),s=(0,t.computed)(()=>u(24,e.hourStep)),c=(0,t.computed)(()=>u(60,e.minuteStep)),l=(0,t.computed)(()=>u(60,e.secondStep));function u(e,t){let n=Number.isInteger(t)&&(t??0)>0?t:1;return Array.from({length:Math.ceil(e/n)},(e,t)=>t*n)}function d(e){let t=new Date(e);return t.getHours()*3600+t.getMinutes()*60+t.getSeconds()}let f=(0,t.computed)(()=>e.mode===`range`&&r.value===null),p=(0,t.computed)(()=>({...e.attrs,...e.startTimeProps})),m=(0,t.computed)(()=>({...e.attrs,...e.endTimeProps})),h=(0,t.computed)(()=>({...e.attrs})),g=()=>{let t=e.mode===`range`?[r.value,i.value]:a.value;n(`update:modelValue`,t),n(`change`,t)};return(0,t.watch)(()=>[e.mode,e.modelValue,e.defaultStartTime,e.defaultEndTime,e.defaultSingleTime],()=>{if(e.modelValue!==void 0){e.mode===`range`?(r.value=Array.isArray(e.modelValue)?e.modelValue[0]??null:null,i.value=Array.isArray(e.modelValue)?e.modelValue[1]??null:null):a.value=Array.isArray(e.modelValue)?null:e.modelValue;return}r.value=e.defaultStartTime??null,i.value=e.defaultEndTime??null,a.value=e.defaultSingleTime??null},{immediate:!0,deep:!0}),{startTime:r,endTime:i,singleTime:a,timeFormat:o,allowedHours:s,allowedMinutes:c,allowedSeconds:l,endTimeDisabled:f,mergedStartAttrs:p,mergedEndAttrs:m,mergedAttrs:h,isEndHourDisabled:e=>r.value===null?!1:e<new Date(r.value).getHours(),isEndMinuteDisabled:(t,n)=>{if(r.value===null||n===null)return!1;let i=new Date(r.value);return n===i.getHours()&&(e.useSeconds?t<i.getMinutes():t<=i.getMinutes())},isEndSecondDisabled:(t,n,i)=>{if(r.value===null||!e.useSeconds||i===null||n===null)return!1;let a=new Date(r.value);return i===a.getHours()&&n===a.getMinutes()&&t<=a.getSeconds()},handleStartTimeChange:t=>{r.value=t,(t===null||e.enableTimeRestriction&&i.value!==null&&d(i.value)<=d(t))&&(i.value=null),n(`change-start`,t),e.mode===`range`&&n(`change-range`,t,i.value),g()},handleEndTimeChange:t=>{let a=e.enableTimeRestriction&&t!==null&&r.value!==null&&d(t)<=d(r.value)?null:t;i.value=a,n(`change-end`,a),e.mode===`range`&&n(`change-range`,r.value,a),g()},handleSingleTimeChange:e=>{a.value=e,n(`change-single`,e),g()},reset:()=>{r.value=null,i.value=null,a.value=null,g()}}}const i={class:`c-time-wrapper`},a={key:0,class:`time-range-container`},o={class:`time-single-container`},s=(0,t.defineComponent)({name:`C_Time`,__name:`index`,props:{modelValue:{},mode:{default:`range`},startPlaceholder:{default:`请选择开始时间`},endPlaceholder:{default:`请选择结束时间`},placeholder:{default:`请选择时间`},format:{default:`HH:mm`},useHours:{type:Boolean,default:!0},useMinutes:{type:Boolean,default:!0},useSeconds:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:30},secondStep:{default:1},startTimeProps:{default:()=>({})},endTimeProps:{default:()=>({})},attrs:{default:()=>({})},defaultStartTime:{default:null},defaultEndTime:{default:null},defaultSingleTime:{default:null},enableTimeRestriction:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`change-range`,`change-single`,`change-start`,`change-end`],setup(e,{expose:s,emit:c}){let l=e,{startTime:u,endTime:d,singleTime:f,timeFormat:p,allowedHours:m,allowedMinutes:h,allowedSeconds:g,endTimeDisabled:_,mergedStartAttrs:v,mergedEndAttrs:y,mergedAttrs:b,isEndHourDisabled:x,isEndMinuteDisabled:S,isEndSecondDisabled:C,handleStartTimeChange:w,handleEndTimeChange:T,handleSingleTimeChange:E,reset:D}=r(l,c);return s({reset:D,startTime:u,endTime:d,singleTime:f}),(r,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,i,[(0,t.createCommentVNode)(` 时间段选择模式 `),e.mode===`range`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,a,[(0,t.createVNode)((0,t.unref)(n.NTimePicker),(0,t.mergeProps)({value:(0,t.unref)(u),"onUpdate:value":s[0]||=e=>(0,t.isRef)(u)?u.value=e:null,placeholder:e.startPlaceholder,format:(0,t.unref)(p),hours:(0,t.unref)(m),minutes:(0,t.unref)(h),seconds:(0,t.unref)(g),actions:[`now`,`confirm`]},(0,t.unref)(v),{"onUpdate:value":(0,t.unref)(w)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`onUpdate:value`]),s[3]||=(0,t.createElementVNode)(`span`,{class:`range-separator`},`至`,-1),(0,t.createVNode)((0,t.unref)(n.NTimePicker),(0,t.mergeProps)({value:(0,t.unref)(d),"onUpdate:value":s[1]||=e=>(0,t.isRef)(d)?d.value=e:null,placeholder:e.endPlaceholder,format:(0,t.unref)(p),hours:(0,t.unref)(m),minutes:(0,t.unref)(h),seconds:(0,t.unref)(g),actions:[`now`,`confirm`],"is-hour-disabled":l.enableTimeRestriction?(0,t.unref)(x):void 0,"is-minute-disabled":l.enableTimeRestriction?(0,t.unref)(S):void 0,"is-second-disabled":l.enableTimeRestriction?(0,t.unref)(C):void 0,disabled:(0,t.unref)(_)},(0,t.unref)(y),{"onUpdate:value":(0,t.unref)(T)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`is-hour-disabled`,`is-minute-disabled`,`is-second-disabled`,`disabled`,`onUpdate:value`])])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createCommentVNode)(` 单个时间选择模式 `),(0,t.createElementVNode)(`div`,o,[(0,t.createVNode)((0,t.unref)(n.NTimePicker),(0,t.mergeProps)({value:(0,t.unref)(f),"onUpdate:value":s[2]||=e=>(0,t.isRef)(f)?f.value=e:null,placeholder:e.placeholder,format:(0,t.unref)(p),hours:(0,t.unref)(m),minutes:(0,t.unref)(h),seconds:(0,t.unref)(g),actions:[`now`,`confirm`]},(0,t.unref)(b),{"onUpdate:value":(0,t.unref)(E)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`onUpdate:value`])])],2112))]))}});var c=e.t(s,[[`__scopeId`,`data-v-22ce9a5a`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
|
package/dist/C_Time2.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,openBlock as u,ref as d,unref as f,watch as p}from"vue";import{NTimePicker as m}from"naive-ui";function h(e,t){let r=d(e.defaultStartTime??null),i=d(e.defaultEndTime??null),a=d(e.defaultSingleTime??null),o=n(()=>e.format&&e.format!==`HH:mm`?e.format:[e.useHours!==!1&&`HH`,e.useMinutes!==!1&&`mm`,e.useSeconds&&`ss`].filter(Boolean).join(`:`)||`HH:mm`),s=n(()=>u(24,e.hourStep)),c=n(()=>u(60,e.minuteStep)),l=n(()=>u(60,e.secondStep));function u(e,t){let n=Number.isInteger(t)&&(t??0)>0?t:1;return Array.from({length:Math.ceil(e/n)},(e,t)=>t*n)}function f(e){let t=new Date(e);return t.getHours()*3600+t.getMinutes()*60+t.getSeconds()}let m=n(()=>e.mode===`range`&&r.value===null),h=n(()=>({...e.attrs,...e.startTimeProps})),g=n(()=>({...e.attrs,...e.endTimeProps})),_=n(()=>({...e.attrs})),v=()=>{let n=e.mode===`range`?[r.value,i.value]:a.value;t(`update:modelValue`,n),t(`change`,n)};return p(()=>[e.mode,e.modelValue,e.defaultStartTime,e.defaultEndTime,e.defaultSingleTime],()=>{if(e.modelValue!==void 0){e.mode===`range`?(r.value=Array.isArray(e.modelValue)?e.modelValue[0]??null:null,i.value=Array.isArray(e.modelValue)?e.modelValue[1]??null:null):a.value=Array.isArray(e.modelValue)?null:e.modelValue;return}r.value=e.defaultStartTime??null,i.value=e.defaultEndTime??null,a.value=e.defaultSingleTime??null},{immediate:!0,deep:!0}),{startTime:r,endTime:i,singleTime:a,timeFormat:o,allowedHours:s,allowedMinutes:c,allowedSeconds:l,endTimeDisabled:m,mergedStartAttrs:h,mergedEndAttrs:g,mergedAttrs:_,isEndHourDisabled:e=>r.value===null?!1:e<new Date(r.value).getHours(),isEndMinuteDisabled:(t,n)=>{if(r.value===null||n===null)return!1;let i=new Date(r.value);return n===i.getHours()&&(e.useSeconds?t<i.getMinutes():t<=i.getMinutes())},isEndSecondDisabled:(t,n,i)=>{if(r.value===null||!e.useSeconds||i===null||n===null)return!1;let a=new Date(r.value);return i===a.getHours()&&n===a.getMinutes()&&t<=a.getSeconds()},handleStartTimeChange:n=>{r.value=n,(n===null||e.enableTimeRestriction&&i.value!==null&&f(i.value)<=f(n))&&(i.value=null),t(`change-start`,n),e.mode===`range`&&t(`change-range`,n,i.value),v()},handleEndTimeChange:n=>{let a=e.enableTimeRestriction&&n!==null&&r.value!==null&&f(n)<=f(r.value)?null:n;i.value=a,t(`change-end`,a),e.mode===`range`&&t(`change-range`,r.value,a),v()},handleSingleTimeChange:e=>{a.value=e,t(`change-single`,e),v()},reset:()=>{r.value=null,i.value=null,a.value=null,v()}}}const g={class:`c-time-wrapper`},_={key:0,class:`time-range-container`},v={class:`time-single-container`};var y=e(s({name:`C_Time`,__name:`index`,props:{modelValue:{},mode:{default:`range`},startPlaceholder:{default:`请选择开始时间`},endPlaceholder:{default:`请选择结束时间`},placeholder:{default:`请选择时间`},format:{default:`HH:mm`},useHours:{type:Boolean,default:!0},useMinutes:{type:Boolean,default:!0},useSeconds:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:30},secondStep:{default:1},startTimeProps:{default:()=>({})},endTimeProps:{default:()=>({})},attrs:{default:()=>({})},defaultStartTime:{default:null},defaultEndTime:{default:null},defaultSingleTime:{default:null},enableTimeRestriction:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`change-range`,`change-single`,`change-start`,`change-end`],setup(e,{expose:n,emit:s}){let d=e,{startTime:p,endTime:y,singleTime:b,timeFormat:x,allowedHours:S,allowedMinutes:C,allowedSeconds:w,endTimeDisabled:T,mergedStartAttrs:E,mergedEndAttrs:D,mergedAttrs:O,isEndHourDisabled:k,isEndMinuteDisabled:A,isEndSecondDisabled:j,handleStartTimeChange:M,handleEndTimeChange:N,handleSingleTimeChange:P,reset:F}=h(d,s);return n({reset:F,startTime:p,endTime:y,singleTime:b}),(n,s)=>(u(),i(`div`,g,[r(` 时间段选择模式 `),e.mode===`range`?(u(),i(`div`,_,[o(f(m),l({value:f(p),"onUpdate:value":s[0]||=e=>c(p)?p.value=e:null,placeholder:e.startPlaceholder,format:f(x),hours:f(S),minutes:f(C),seconds:f(w),actions:[`now`,`confirm`]},f(E),{"onUpdate:value":f(M)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`onUpdate:value`]),s[3]||=a(`span`,{class:`range-separator`},`至`,-1),o(f(m),l({value:f(y),"onUpdate:value":s[1]||=e=>c(y)?y.value=e:null,placeholder:e.endPlaceholder,format:f(x),hours:f(S),minutes:f(C),seconds:f(w),actions:[`now`,`confirm`],"is-hour-disabled":d.enableTimeRestriction?f(k):void 0,"is-minute-disabled":d.enableTimeRestriction?f(A):void 0,"is-second-disabled":d.enableTimeRestriction?f(j):void 0,disabled:f(T)},f(D),{"onUpdate:value":f(N)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`is-hour-disabled`,`is-minute-disabled`,`is-second-disabled`,`disabled`,`onUpdate:value`])])):(u(),i(t,{key:1},[r(` 单个时间选择模式 `),a(`div`,v,[o(f(m),l({value:f(b),"onUpdate:value":s[2]||=e=>c(b)?b.value=e:null,placeholder:e.placeholder,format:f(x),hours:f(S),minutes:f(C),seconds:f(w),actions:[`now`,`confirm`]},f(O),{"onUpdate:value":f(P)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`onUpdate:value`])])],2112))]))}}),[[`__scopeId`,`data-v-
|
|
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,openBlock as u,ref as d,unref as f,watch as p}from"vue";import{NTimePicker as m}from"naive-ui";function h(e,t){let r=d(e.defaultStartTime??null),i=d(e.defaultEndTime??null),a=d(e.defaultSingleTime??null),o=n(()=>e.format&&e.format!==`HH:mm`?e.format:[e.useHours!==!1&&`HH`,e.useMinutes!==!1&&`mm`,e.useSeconds&&`ss`].filter(Boolean).join(`:`)||`HH:mm`),s=n(()=>u(24,e.hourStep)),c=n(()=>u(60,e.minuteStep)),l=n(()=>u(60,e.secondStep));function u(e,t){let n=Number.isInteger(t)&&(t??0)>0?t:1;return Array.from({length:Math.ceil(e/n)},(e,t)=>t*n)}function f(e){let t=new Date(e);return t.getHours()*3600+t.getMinutes()*60+t.getSeconds()}let m=n(()=>e.mode===`range`&&r.value===null),h=n(()=>({...e.attrs,...e.startTimeProps})),g=n(()=>({...e.attrs,...e.endTimeProps})),_=n(()=>({...e.attrs})),v=()=>{let n=e.mode===`range`?[r.value,i.value]:a.value;t(`update:modelValue`,n),t(`change`,n)};return p(()=>[e.mode,e.modelValue,e.defaultStartTime,e.defaultEndTime,e.defaultSingleTime],()=>{if(e.modelValue!==void 0){e.mode===`range`?(r.value=Array.isArray(e.modelValue)?e.modelValue[0]??null:null,i.value=Array.isArray(e.modelValue)?e.modelValue[1]??null:null):a.value=Array.isArray(e.modelValue)?null:e.modelValue;return}r.value=e.defaultStartTime??null,i.value=e.defaultEndTime??null,a.value=e.defaultSingleTime??null},{immediate:!0,deep:!0}),{startTime:r,endTime:i,singleTime:a,timeFormat:o,allowedHours:s,allowedMinutes:c,allowedSeconds:l,endTimeDisabled:m,mergedStartAttrs:h,mergedEndAttrs:g,mergedAttrs:_,isEndHourDisabled:e=>r.value===null?!1:e<new Date(r.value).getHours(),isEndMinuteDisabled:(t,n)=>{if(r.value===null||n===null)return!1;let i=new Date(r.value);return n===i.getHours()&&(e.useSeconds?t<i.getMinutes():t<=i.getMinutes())},isEndSecondDisabled:(t,n,i)=>{if(r.value===null||!e.useSeconds||i===null||n===null)return!1;let a=new Date(r.value);return i===a.getHours()&&n===a.getMinutes()&&t<=a.getSeconds()},handleStartTimeChange:n=>{r.value=n,(n===null||e.enableTimeRestriction&&i.value!==null&&f(i.value)<=f(n))&&(i.value=null),t(`change-start`,n),e.mode===`range`&&t(`change-range`,n,i.value),v()},handleEndTimeChange:n=>{let a=e.enableTimeRestriction&&n!==null&&r.value!==null&&f(n)<=f(r.value)?null:n;i.value=a,t(`change-end`,a),e.mode===`range`&&t(`change-range`,r.value,a),v()},handleSingleTimeChange:e=>{a.value=e,t(`change-single`,e),v()},reset:()=>{r.value=null,i.value=null,a.value=null,v()}}}const g={class:`c-time-wrapper`},_={key:0,class:`time-range-container`},v={class:`time-single-container`};var y=e(s({name:`C_Time`,__name:`index`,props:{modelValue:{},mode:{default:`range`},startPlaceholder:{default:`请选择开始时间`},endPlaceholder:{default:`请选择结束时间`},placeholder:{default:`请选择时间`},format:{default:`HH:mm`},useHours:{type:Boolean,default:!0},useMinutes:{type:Boolean,default:!0},useSeconds:{type:Boolean,default:!1},hourStep:{default:1},minuteStep:{default:30},secondStep:{default:1},startTimeProps:{default:()=>({})},endTimeProps:{default:()=>({})},attrs:{default:()=>({})},defaultStartTime:{default:null},defaultEndTime:{default:null},defaultSingleTime:{default:null},enableTimeRestriction:{type:Boolean,default:!1}},emits:[`update:modelValue`,`change`,`change-range`,`change-single`,`change-start`,`change-end`],setup(e,{expose:n,emit:s}){let d=e,{startTime:p,endTime:y,singleTime:b,timeFormat:x,allowedHours:S,allowedMinutes:C,allowedSeconds:w,endTimeDisabled:T,mergedStartAttrs:E,mergedEndAttrs:D,mergedAttrs:O,isEndHourDisabled:k,isEndMinuteDisabled:A,isEndSecondDisabled:j,handleStartTimeChange:M,handleEndTimeChange:N,handleSingleTimeChange:P,reset:F}=h(d,s);return n({reset:F,startTime:p,endTime:y,singleTime:b}),(n,s)=>(u(),i(`div`,g,[r(` 时间段选择模式 `),e.mode===`range`?(u(),i(`div`,_,[o(f(m),l({value:f(p),"onUpdate:value":s[0]||=e=>c(p)?p.value=e:null,placeholder:e.startPlaceholder,format:f(x),hours:f(S),minutes:f(C),seconds:f(w),actions:[`now`,`confirm`]},f(E),{"onUpdate:value":f(M)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`onUpdate:value`]),s[3]||=a(`span`,{class:`range-separator`},`至`,-1),o(f(m),l({value:f(y),"onUpdate:value":s[1]||=e=>c(y)?y.value=e:null,placeholder:e.endPlaceholder,format:f(x),hours:f(S),minutes:f(C),seconds:f(w),actions:[`now`,`confirm`],"is-hour-disabled":d.enableTimeRestriction?f(k):void 0,"is-minute-disabled":d.enableTimeRestriction?f(A):void 0,"is-second-disabled":d.enableTimeRestriction?f(j):void 0,disabled:f(T)},f(D),{"onUpdate:value":f(N)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`is-hour-disabled`,`is-minute-disabled`,`is-second-disabled`,`disabled`,`onUpdate:value`])])):(u(),i(t,{key:1},[r(` 单个时间选择模式 `),a(`div`,v,[o(f(m),l({value:f(b),"onUpdate:value":s[2]||=e=>c(b)?b.value=e:null,placeholder:e.placeholder,format:f(x),hours:f(S),minutes:f(C),seconds:f(w),actions:[`now`,`confirm`]},f(O),{"onUpdate:value":f(P)}),null,16,[`value`,`placeholder`,`format`,`hours`,`minutes`,`seconds`,`onUpdate:value`])])],2112))]))}}),[[`__scopeId`,`data-v-22ce9a5a`]]);export{h as n,y as t};
|
package/dist/C_Tree.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
: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)}
|
|
2
2
|
|
|
3
|
-
.c-tree[data-v-
|
|
3
|
+
.c-tree[data-v-76801f3f] {
|
|
4
4
|
--c-tree-padding: 12px;
|
|
5
5
|
--c-tree-gap: 10px;
|
|
6
6
|
display: flex;
|
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
height: 100%;
|
|
11
11
|
gap: var(--c-tree-gap);
|
|
12
12
|
}
|
|
13
|
-
.c-tree--compact[data-v-
|
|
13
|
+
.c-tree--compact[data-v-76801f3f] {
|
|
14
14
|
--c-tree-padding: 8px;
|
|
15
15
|
--c-tree-gap: 8px;
|
|
16
16
|
}
|
|
17
|
-
.c-tree--comfortable[data-v-
|
|
17
|
+
.c-tree--comfortable[data-v-76801f3f] {
|
|
18
18
|
--c-tree-padding: 16px;
|
|
19
19
|
--c-tree-gap: 14px;
|
|
20
20
|
}
|
|
21
|
-
.c-tree .c-tree-toolbar[data-v-
|
|
21
|
+
.c-tree .c-tree-toolbar[data-v-76801f3f] {
|
|
22
22
|
display: flex;
|
|
23
23
|
flex-wrap: wrap;
|
|
24
24
|
align-items: center;
|
|
@@ -28,21 +28,21 @@
|
|
|
28
28
|
border-radius: var(--c-tree-radius);
|
|
29
29
|
flex-shrink: 0;
|
|
30
30
|
}
|
|
31
|
-
.c-tree .toolbar-left[data-v-
|
|
31
|
+
.c-tree .toolbar-left[data-v-76801f3f] {
|
|
32
32
|
flex: 1 1 140px;
|
|
33
33
|
min-width: 0;
|
|
34
34
|
}
|
|
35
|
-
.c-tree .toolbar-left .search-input[data-v-
|
|
35
|
+
.c-tree .toolbar-left .search-input[data-v-76801f3f] {
|
|
36
36
|
width: 100%;
|
|
37
37
|
}
|
|
38
|
-
.c-tree .toolbar-right[data-v-
|
|
38
|
+
.c-tree .toolbar-right[data-v-76801f3f] {
|
|
39
39
|
display: flex;
|
|
40
40
|
flex-wrap: wrap;
|
|
41
41
|
align-items: center;
|
|
42
42
|
gap: 6px;
|
|
43
43
|
margin-left: auto;
|
|
44
44
|
}
|
|
45
|
-
.c-tree .c-tree-container[data-v-
|
|
45
|
+
.c-tree .c-tree-container[data-v-76801f3f] {
|
|
46
46
|
flex: 1 1 auto;
|
|
47
47
|
min-width: 0;
|
|
48
48
|
min-height: 0;
|
|
@@ -52,33 +52,33 @@
|
|
|
52
52
|
overflow: auto;
|
|
53
53
|
scrollbar-width: thin;
|
|
54
54
|
}
|
|
55
|
-
.c-tree--virtual .c-tree-container[data-v-
|
|
55
|
+
.c-tree--virtual .c-tree-container[data-v-76801f3f] {
|
|
56
56
|
overflow: hidden;
|
|
57
57
|
}
|
|
58
|
-
.c-tree--virtual .tree-instance[data-v-
|
|
58
|
+
.c-tree--virtual .tree-instance[data-v-76801f3f] {
|
|
59
59
|
height: 100%;
|
|
60
60
|
}
|
|
61
|
-
.c-tree[data-v-
|
|
62
|
-
.c-tree[data-v-
|
|
61
|
+
.c-tree[data-v-76801f3f] .n-tree-node-content,
|
|
62
|
+
.c-tree[data-v-76801f3f] .n-tree-node-content__text {
|
|
63
63
|
min-width: 0;
|
|
64
64
|
}
|
|
65
|
-
.c-tree[data-v-
|
|
65
|
+
.c-tree[data-v-76801f3f] .c-tree-node-label {
|
|
66
66
|
display: flex;
|
|
67
67
|
align-items: center;
|
|
68
68
|
min-width: 0;
|
|
69
69
|
width: 100%;
|
|
70
70
|
gap: 6px;
|
|
71
71
|
}
|
|
72
|
-
.c-tree[data-v-
|
|
72
|
+
.c-tree[data-v-76801f3f] .c-tree-node-title {
|
|
73
73
|
overflow: hidden;
|
|
74
74
|
white-space: nowrap;
|
|
75
75
|
text-overflow: ellipsis;
|
|
76
76
|
}
|
|
77
|
-
.c-tree[data-v-
|
|
78
|
-
.c-tree[data-v-
|
|
77
|
+
.c-tree[data-v-76801f3f] .c-tree-node-status,
|
|
78
|
+
.c-tree[data-v-76801f3f] .c-tree-node-icon {
|
|
79
79
|
flex-shrink: 0;
|
|
80
80
|
}
|
|
81
|
-
.c-tree[data-v-
|
|
81
|
+
.c-tree[data-v-76801f3f] .tree-actions {
|
|
82
82
|
display: inline-flex;
|
|
83
83
|
align-items: center;
|
|
84
84
|
gap: 2px;
|
|
@@ -86,21 +86,21 @@
|
|
|
86
86
|
opacity: 0;
|
|
87
87
|
transition: opacity 0.15s ease;
|
|
88
88
|
}
|
|
89
|
-
.c-tree[data-v-
|
|
90
|
-
.c-tree[data-v-
|
|
91
|
-
.c-tree[data-v-
|
|
89
|
+
.c-tree[data-v-76801f3f] .n-tree-node:hover .tree-actions,
|
|
90
|
+
.c-tree[data-v-76801f3f] .n-tree-node:focus-within .tree-actions,
|
|
91
|
+
.c-tree[data-v-76801f3f] .tree-actions:focus-within {
|
|
92
92
|
opacity: 1;
|
|
93
93
|
}
|
|
94
94
|
@media (hover: none), (max-width: 640px) {
|
|
95
|
-
.c-tree[data-v-
|
|
95
|
+
.c-tree[data-v-76801f3f] .tree-actions {
|
|
96
96
|
opacity: 1;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
99
|
@media (prefers-reduced-motion: reduce) {
|
|
100
|
-
.c-tree[data-v-
|
|
100
|
+
.c-tree[data-v-76801f3f] .tree-actions {
|
|
101
101
|
transition: none;
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
/* layer: default */
|
|
106
|
-
.filter[data-v-
|
|
106
|
+
.filter[data-v-76801f3f]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
package/dist/C_Tree2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./C_Icon2.cjs`),n=require(`./export-helper.cjs`);let r=require(`vue`),i=require(`naive-ui`);const a={menu:{draggable:!0,showLine:!0,iconConfig:{typeMap:{directory:`mdi:folder`,menu:`mdi:file-document`,button:`mdi:button-cursor`}},actions:[{key:`add`,text:`新增子菜单`,icon:`mdi:plus`,type:`primary`},{key:`edit`,text:`编辑`,icon:`mdi:pencil`,type:`info`},{key:`delete`,text:`删除`,icon:`mdi:delete`,type:`error`,confirm:`确认删除该菜单吗?`}]},file:{draggable:!1,showLine:!1,iconConfig:{typeMap:{folder:`mdi:folder`,file:`mdi:file-document`,image:`mdi:file-image`,video:`mdi:file-video`,audio:`mdi:file-music`}},actions:[{key:`open`,text:`打开`,icon:`mdi:folder-open`,type:`primary`},{key:`rename`,text:`重命名`,icon:`mdi:rename-box`,type:`info`},{key:`delete`,text:`删除`,icon:`mdi:delete`,type:`error`,confirm:`确认删除该文件吗?`}]},org:{draggable:!1,showLine:!0,iconConfig:{typeMap:{department:`mdi:domain`,user:`mdi:account`,manager:`mdi:account-tie`}},actions:[{key:`add`,text:`新增下级`,icon:`mdi:plus`,type:`primary`},{key:`edit`,text:`编辑`,icon:`mdi:pencil`,type:`info`}]},custom:{}},o=e=>typeof e==`string`||typeof e==`number`,s=e=>!!e&&typeof e==`object`;function c(e,t,n,r){let i=new Map,a=new Set,c=new WeakSet,l=[],u=e=>{for(let t=e.length-1;t>=0;t--)l.push(e[t])};for(u(e);l.length;){let e=l.pop();if(!s(e)||c.has(e))continue;c.add(e);let d=e[t],f=o(d);f&&!i.has(d)&&i.set(d,e);let p=r?r(e):e[n];Array.isArray(p)&&p.length&&(f&&a.add(d),u(p))}return{nodes:i,expandableKeys:[...a]}}function l(n,o,s={}){let l=(0,r.computed)(()=>n.treeProps??{}),u=(0,r.computed)(()=>a[n.mode??`custom`]),d=(0,r.computed)(()=>n.draggable??l.value.draggable??u.value.draggable??!1),f=(0,r.computed)(()=>n.showLine??l.value.showLine??u.value.showLine??!0),p=(0,r.computed)(()=>({...u.value,...n,draggable:d.value,showLine:f.value,iconConfig:{default:`mdi:circle-outline`,...u.value.iconConfig,...n.iconConfig,typeMap:{...u.value.iconConfig?.typeMap,...n.iconConfig?.typeMap},colorMap:{...u.value.iconConfig?.colorMap,...n.iconConfig?.colorMap}},actions:n.actions??u.value.actions??[]})),m=(0,r.computed)(()=>n.keyField??l.value.keyField??`id`),h=(0,r.computed)(()=>n.labelField??l.value.labelField??`name`),g=(0,r.computed)(()=>n.childrenField??l.value.childrenField??`children`),_=(0,r.computed)(()=>c(n.data,m.value,g.value,l.value.getChildren)),v=()=>n.defaultExpandAll??l.value.defaultExpandAll??!1,y=(0,r.ref)(v()),b=e=>{let t=`default${e}Keys`;return[...n[t]??l.value[t]??[]]},x=(0,r.ref)(v()?_.value.expandableKeys:b(`Expanded`)),S=(0,r.ref)(b(`Selected`)),C=(0,r.ref)(b(`Checked`)),w=(0,r.computed)({get:()=>n.expandedKeys??l.value.expandedKeys??x.value,set:e=>M(e)}),T=(0,r.computed)({get:()=>n.selectedKeys??l.value.selectedKeys??S.value,set:e=>N(e)}),E=(0,r.computed)({get:()=>n.checkedKeys??l.value.checkedKeys??C.value,set:e=>P(e)}),D=(0,r.ref)(``),O=(0,r.computed)({get:()=>n.searchPattern??l.value.pattern??D.value,set:e=>{D.value=e,o(`update:searchPattern`,e)}}),k=(0,r.computed)(()=>{let e=_.value.expandableKeys,t=new Set(w.value);return e.length>0&&e.every(e=>t.has(e))});(0,r.watch)(()=>_.value.expandableKeys,e=>{y.value&&(x.value=[...e])}),(0,r.watch)(v,e=>{y.value=e,e&&(x.value=[..._.value.expandableKeys])});for(let[e,t]of[[`Expanded`,x],[`Selected`,S],[`Checked`,C]]){let i=`default${e}Keys`;(0,r.watch)(()=>n[i]??l.value[i],n=>{l.value.watchProps?.includes(i)&&(t.value=e===`Expanded`&&v()?[..._.value.expandableKeys]:[...n??[]])})}let A=e=>e.map(e=>_.value.nodes.get(e)??null),j=(e,t)=>{let n=l.value[e],r=Array.isArray(n)?n:[n];for(let e of r)typeof e==`function`&&e(...t)},M=(e,t=A(e),n={node:null,action:`expand`})=>{n.action!==`filter`&&(y.value=!1),x.value=[...e],o(`update:expandedKeys`,e,t,n),j(`onUpdateExpandedKeys`,[e,t,n]),j(`onUpdate:expandedKeys`,[e,t,n])},N=(e,t=A(e),n={node:t[0]??null,action:e.length?`select`:`unselect`})=>{S.value=[...e],o(`update:selectedKeys`,e,t,n),o(`node-select`,t[0]??null,e),j(`onUpdateSelectedKeys`,[e,t,n]),j(`onUpdate:selectedKeys`,[e,t,n])},P=(e,t=A(e),n={node:null,action:e.length?`check`:`uncheck`})=>{C.value=[...e],o(`update:checkedKeys`,e,t,n),j(`onUpdateCheckedKeys`,[e,t,n]),j(`onUpdate:checkedKeys`,[e,t,n])},F=(0,r.computed)(()=>_.value.nodes.get(T.value[0])??null),I=e=>{if(s.prefix)return s.prefix(e);if(l.value.renderPrefix)return l.value.renderPrefix(e);if(typeof e.option.prefix==`function`)return e.option.prefix();let i=e.option,a=p.value.iconConfig,o=typeof i.type==`string`?i.type:``,c=i[n.iconField??`icon`];return(0,r.h)(t.t,{name:typeof c==`string`?c:a.typeMap[o]??a.default,size:16,color:a.colorMap[o]??`currentColor`,class:`c-tree-node-icon`})},L=e=>{if(s.label)return s.label(e);if(l.value.renderLabel)return l.value.renderLabel(e);let t=String(e.option[h.value]??``);return(0,r.h)(`span`,{class:`c-tree-node-label`},[(0,r.h)(`span`,{class:`c-tree-node-title`,title:t},t),...(n.statusConfigs??[]).flatMap(t=>{let n=e.option[t.field],a=typeof n==`number`||typeof n==`string`?t.values[n]:void 0;return a?.text?[(0,r.h)(i.NTag,{type:a.type,size:`small`,class:`c-tree-node-status`},{default:()=>a.text})]:[]})])},R=(e,t)=>{e===`add`?o(`add`,t):o(`node-action`,e,t)},z=e=>{if(s.suffix)return s.suffix(e);if(l.value.renderSuffix)return l.value.renderSuffix(e);if(typeof e.option.suffix==`function`)return e.option.suffix();let n=e.option,a=p.value.actions.filter(e=>!e.show||e.show(n));return a.length?(0,r.h)(`span`,{class:`tree-actions`,onClick:e=>e.stopPropagation()},a.map(e=>{let a=a=>(0,r.h)(i.NButton,{size:`tiny`,type:e.type??`default`,quaternary:!0,disabled:!!(l.value.disabled||n[l.value.disabledField??`disabled`]),"aria-label":e.text||e.key,title:e.text,onClick:t=>{t.stopPropagation(),a||R(e.key,n)}},{icon:()=>(0,r.h)(t.t,{name:e.icon,size:14})});return e.confirm?(0,r.h)(i.NPopconfirm,{onPositiveClick:()=>R(e.key,n)},{trigger:()=>a(!0),default:()=>e.confirm}):a(!1)})):null},B=!0;(0,r.getCurrentScope)()&&(0,r.onScopeDispose)(()=>{B=!1});let V=(0,r.computed)(()=>{let e=l.value.onLoad;if(e)return async t=>{try{return await e(t)}catch(e){let n=t[m.value],i=typeof n==`string`||typeof n==`number`?_.value.nodes.get(n):void 0;return B&&i&&(0,r.toRaw)(i)===(0,r.toRaw)(t)&&o(`load-error`,e,t),!1}}}),H=(0,r.computed)(()=>{if(!n.data.length)return!1;let e=O.value;if(!l.value.virtualScroll||!e||l.value.showIrrelevantNodes!==!1)return!0;let t=e.toLowerCase(),r=l.value.filter??((e,n)=>{let r=n[h.value];return typeof r==`string`&&r.toLowerCase().includes(t)});for(let t of _.value.nodes.values())if(r(e,t))return!0;return!1}),U=(0,r.shallowRef)(),W=(0,r.computed)(()=>e.t(n.density)),G=(0,r.computed)(()=>({...l.value,data:n.data,virtualScroll:!!(l.value.virtualScroll&&H.value),keyField:m.value,labelField:h.value,childrenField:g.value,draggable:p.value.draggable,showLine:p.value.showLine,blockLine:l.value.blockLine??!0,blockNode:l.value.blockNode??!0,pattern:O.value,expandedKeys:w.value,selectedKeys:T.value,checkedKeys:E.value,renderPrefix:I,renderLabel:L,renderSuffix:z,themeOverrides:{nodeHeight:n.density===`compact`?`28px`:n.density===`comfortable`?`40px`:`34px`,nodeWrapperPadding:`0`,...l.value.themeOverrides},onLoad:V.value,onUpdateExpandedKeys:void 0,onUpdateSelectedKeys:void 0,onUpdateCheckedKeys:void 0,"onUpdate:expandedKeys":M,"onUpdate:selectedKeys":N,"onUpdate:checkedKeys":P,onDrop:e=>{o(`node-drop`,e),j(`onDrop`,[e])}})),K=()=>k.value?J():q(),q=()=>{M([..._.value.expandableKeys]),y.value=!0},J=()=>M([],[],{node:null,action:`collapse`}),Y=()=>o(`add`),X=()=>o(`refresh`),Z={expandAll:q,collapseAll:J,selectNode:e=>N([e]),clearSelection:()=>N([]),setCheckedKeys:e=>P([...e]),clearChecked:()=>P([]),getSelectedNode:()=>F.value,getCheckedData:()=>U.value?.getCheckedData()??{keys:[...E.value],options:A(E.value)},getIndeterminateData:()=>U.value?.getIndeterminateData()??{keys:[],options:[]},scrollTo:(...e)=>{let t=U.value?.scrollTo;t?.(...e)},expandedKeys:w,selectedKeys:T,checkedKeys:E};return{internalSearchPattern:D,expandedKeys:w,selectedKeys:T,checkedKeys:E,isAllExpanded:k,treeData:(0,r.computed)(()=>n.data),currentSearchPattern:O,renderPrefix:I,renderLabel:L,renderSuffix:z,treeBindings:G,treeRef:U,density:W,toggleExpandAll:K,handleExpandedKeysChange:M,handleSelectedKeysChange:N,handleCheckedKeysChange:P,handleDrop:e=>o(`node-drop`,e),handleAdd:Y,handleRefresh:X,expose:Z}}const u={key:0,class:`c-tree-toolbar`},d={class:`toolbar-left`},f={class:`toolbar-right`},p={class:`c-tree-container`},m=(0,r.defineComponent)({name:`C_Tree`,__name:`index`,props:{data:{},mode:{default:`custom`},treeProps:{},density:{default:`default`},keyField:{},labelField:{},childrenField:{},searchPattern:{},searchable:{type:Boolean,default:!0},searchPlaceholder:{default:`搜索...`},draggable:{type:Boolean,default:void 0},showLine:{type:Boolean,default:void 0},showToolbar:{type:Boolean,default:!0},addable:{type:Boolean,default:!0},addText:{default:`新增`},refreshable:{type:Boolean,default:!0},iconField:{},iconConfig:{},statusConfigs:{},actions:{},defaultExpandAll:{type:Boolean,default:void 0},defaultExpandedKeys:{},defaultSelectedKeys:{},defaultCheckedKeys:{},expandedKeys:{},selectedKeys:{},checkedKeys:{}},emits:[`update:searchPattern`,`update:expandedKeys`,`update:selectedKeys`,`update:checkedKeys`,`node-select`,`node-action`,`node-drop`,`load-error`,`add`,`refresh`],setup(e,{expose:n,emit:a}){let o=e,s=a,c=(0,r.useSlots)(),m=(0,i.useThemeVars)(),h=(0,r.computed)(()=>({"--c-tree-border":m.value.borderColor,"--c-tree-surface":m.value.actionColor,"--c-tree-radius":m.value.borderRadius})),{currentSearchPattern:g,isAllExpanded:_,treeBindings:v,treeRef:y,density:b,toggleExpandAll:x,handleAdd:S,handleRefresh:C,expose:w}=l(o,s,c);return n(w),(n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`c-tree`,[`c-tree--${(0,r.unref)(b).density}`,{"c-tree--virtual":(0,r.unref)(v).virtualScroll}]]),style:(0,r.normalizeStyle)(h.value)},[e.showToolbar?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,u,[(0,r.createElementVNode)(`div`,d,[e.searchable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.NInput),{key:0,value:(0,r.unref)(g),"onUpdate:value":a[0]||=e=>(0,r.isRef)(g)?g.value=e:null,size:(0,r.unref)(b).size,placeholder:e.searchPlaceholder,"input-props":{"aria-label":`搜索树节点`},clearable:``,class:`search-input`},{prefix:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`,`size`,`placeholder`])):(0,r.createCommentVNode)(`v-if`,!0)]),(0,r.createElementVNode)(`div`,f,[(0,r.renderSlot)(n.$slots,`toolbar-actions`,{},()=>[e.addable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.NButton),{key:0,type:`primary`,size:(0,r.unref)(b).size,onClick:a[1]||=e=>(0,r.unref)(S)()},{icon:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{name:`mdi:plus`,size:16})]),default:(0,r.withCtx)(()=>[(0,r.createTextVNode)(` `+(0,r.toDisplayString)(e.addText),1)]),_:1},8,[`size`])):(0,r.createCommentVNode)(`v-if`,!0),(0,r.createVNode)((0,r.unref)(i.NButton),{size:(0,r.unref)(b).size,disabled:!e.data.length,"aria-pressed":(0,r.unref)(_),onClick:(0,r.unref)(x)},{icon:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{name:`mdi:file-tree`,size:16})]),default:(0,r.withCtx)(()=>[(0,r.createTextVNode)(` `+(0,r.toDisplayString)((0,r.unref)(_)?`收起全部`:`展开全部`),1)]),_:1},8,[`size`,`disabled`,`aria-pressed`,`onClick`]),e.refreshable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.NButton),{key:1,size:(0,r.unref)(b).size,onClick:(0,r.unref)(C)},{icon:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{name:`mdi:refresh`,size:16})]),default:(0,r.withCtx)(()=>[a[2]||=(0,r.createTextVNode)(` 刷新 `,-1)]),_:1},8,[`size`,`onClick`])):(0,r.createCommentVNode)(`v-if`,!0)],!0)])])):(0,r.createCommentVNode)(`v-if`,!0),(0,r.createElementVNode)(`div`,p,[(0,r.createVNode)((0,r.unref)(i.NTree),(0,r.mergeProps)({ref_key:`treeRef`,ref:y},(0,r.unref)(v),{class:`tree-instance`}),(0,r.createSlots)({_:2},[n.$slots.empty?{name:`empty`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(n.$slots,`empty`,{},void 0,!0)]),key:`0`}:void 0]),1040)])],6))}});var h=n.t(m,[[`__scopeId`,`data-v-0673677b`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./density.cjs`),t=require(`./C_Icon2.cjs`),n=require(`./export-helper.cjs`);let r=require(`vue`),i=require(`naive-ui`);const a={menu:{draggable:!0,showLine:!0,iconConfig:{typeMap:{directory:`mdi:folder`,menu:`mdi:file-document`,button:`mdi:button-cursor`}},actions:[{key:`add`,text:`新增子菜单`,icon:`mdi:plus`,type:`primary`},{key:`edit`,text:`编辑`,icon:`mdi:pencil`,type:`info`},{key:`delete`,text:`删除`,icon:`mdi:delete`,type:`error`,confirm:`确认删除该菜单吗?`}]},file:{draggable:!1,showLine:!1,iconConfig:{typeMap:{folder:`mdi:folder`,file:`mdi:file-document`,image:`mdi:file-image`,video:`mdi:file-video`,audio:`mdi:file-music`}},actions:[{key:`open`,text:`打开`,icon:`mdi:folder-open`,type:`primary`},{key:`rename`,text:`重命名`,icon:`mdi:rename-box`,type:`info`},{key:`delete`,text:`删除`,icon:`mdi:delete`,type:`error`,confirm:`确认删除该文件吗?`}]},org:{draggable:!1,showLine:!0,iconConfig:{typeMap:{department:`mdi:domain`,user:`mdi:account`,manager:`mdi:account-tie`}},actions:[{key:`add`,text:`新增下级`,icon:`mdi:plus`,type:`primary`},{key:`edit`,text:`编辑`,icon:`mdi:pencil`,type:`info`}]},custom:{}},o=e=>typeof e==`string`||typeof e==`number`,s=e=>!!e&&typeof e==`object`;function c(e,t,n,r){let i=new Map,a=new Set,c=new WeakSet,l=[],u=e=>{for(let t=e.length-1;t>=0;t--)l.push(e[t])};for(u(e);l.length;){let e=l.pop();if(!s(e)||c.has(e))continue;c.add(e);let d=e[t],f=o(d);f&&!i.has(d)&&i.set(d,e);let p=r?r(e):e[n];Array.isArray(p)&&p.length&&(f&&a.add(d),u(p))}return{nodes:i,expandableKeys:[...a]}}function l(n,o,s={}){let l=(0,r.computed)(()=>n.treeProps??{}),u=(0,r.computed)(()=>a[n.mode??`custom`]),d=(0,r.computed)(()=>n.draggable??l.value.draggable??u.value.draggable??!1),f=(0,r.computed)(()=>n.showLine??l.value.showLine??u.value.showLine??!0),p=(0,r.computed)(()=>({...u.value,...n,draggable:d.value,showLine:f.value,iconConfig:{default:`mdi:circle-outline`,...u.value.iconConfig,...n.iconConfig,typeMap:{...u.value.iconConfig?.typeMap,...n.iconConfig?.typeMap},colorMap:{...u.value.iconConfig?.colorMap,...n.iconConfig?.colorMap}},actions:n.actions??u.value.actions??[]})),m=(0,r.computed)(()=>n.keyField??l.value.keyField??`id`),h=(0,r.computed)(()=>n.labelField??l.value.labelField??`name`),g=(0,r.computed)(()=>n.childrenField??l.value.childrenField??`children`),_=(0,r.computed)(()=>c(n.data,m.value,g.value,l.value.getChildren)),v=()=>n.defaultExpandAll??l.value.defaultExpandAll??!1,y=(0,r.ref)(v()),b=e=>{let t=`default${e}Keys`;return[...n[t]??l.value[t]??[]]},x=(0,r.ref)(v()?_.value.expandableKeys:b(`Expanded`)),S=(0,r.ref)(b(`Selected`)),C=(0,r.ref)(b(`Checked`)),w=(0,r.computed)({get:()=>n.expandedKeys??l.value.expandedKeys??x.value,set:e=>M(e)}),T=(0,r.computed)({get:()=>n.selectedKeys??l.value.selectedKeys??S.value,set:e=>N(e)}),E=(0,r.computed)({get:()=>n.checkedKeys??l.value.checkedKeys??C.value,set:e=>P(e)}),D=(0,r.ref)(``),O=(0,r.computed)({get:()=>n.searchPattern??l.value.pattern??D.value,set:e=>{D.value=e,o(`update:searchPattern`,e)}}),k=(0,r.computed)(()=>{let e=_.value.expandableKeys,t=new Set(w.value);return e.length>0&&e.every(e=>t.has(e))});(0,r.watch)(()=>_.value.expandableKeys,e=>{y.value&&(x.value=[...e])}),(0,r.watch)(v,e=>{y.value=e,e&&(x.value=[..._.value.expandableKeys])});for(let[e,t]of[[`Expanded`,x],[`Selected`,S],[`Checked`,C]]){let i=`default${e}Keys`;(0,r.watch)(()=>n[i]??l.value[i],n=>{l.value.watchProps?.includes(i)&&(t.value=e===`Expanded`&&v()?[..._.value.expandableKeys]:[...n??[]])})}let A=e=>e.map(e=>_.value.nodes.get(e)??null),j=(e,t)=>{let n=l.value[e],r=Array.isArray(n)?n:[n];for(let e of r)typeof e==`function`&&e(...t)},M=(e,t=A(e),n={node:null,action:`expand`})=>{n.action!==`filter`&&(y.value=!1),x.value=[...e],o(`update:expandedKeys`,e,t,n),j(`onUpdateExpandedKeys`,[e,t,n]),j(`onUpdate:expandedKeys`,[e,t,n])},N=(e,t=A(e),n={node:t[0]??null,action:e.length?`select`:`unselect`})=>{S.value=[...e],o(`update:selectedKeys`,e,t,n),o(`node-select`,t[0]??null,e),j(`onUpdateSelectedKeys`,[e,t,n]),j(`onUpdate:selectedKeys`,[e,t,n])},P=(e,t=A(e),n={node:null,action:e.length?`check`:`uncheck`})=>{C.value=[...e],o(`update:checkedKeys`,e,t,n),j(`onUpdateCheckedKeys`,[e,t,n]),j(`onUpdate:checkedKeys`,[e,t,n])},F=(0,r.computed)(()=>_.value.nodes.get(T.value[0])??null),I=e=>{if(s.prefix)return s.prefix(e);if(l.value.renderPrefix)return l.value.renderPrefix(e);if(typeof e.option.prefix==`function`)return e.option.prefix();let i=e.option,a=p.value.iconConfig,o=typeof i.type==`string`?i.type:``,c=i[n.iconField??`icon`];return(0,r.h)(t.t,{name:typeof c==`string`?c:a.typeMap[o]??a.default,size:16,color:a.colorMap[o]??`currentColor`,class:`c-tree-node-icon`})},L=e=>{if(s.label)return s.label(e);if(l.value.renderLabel)return l.value.renderLabel(e);let t=String(e.option[h.value]??``);return(0,r.h)(`span`,{class:`c-tree-node-label`},[(0,r.h)(`span`,{class:`c-tree-node-title`,title:t},t),...(n.statusConfigs??[]).flatMap(t=>{let n=e.option[t.field],a=typeof n==`number`||typeof n==`string`?t.values[n]:void 0;return a?.text?[(0,r.h)(i.NTag,{type:a.type,size:`small`,class:`c-tree-node-status`},{default:()=>a.text})]:[]})])},R=(e,t)=>{e===`add`?o(`add`,t):o(`node-action`,e,t)},z=e=>{if(s.suffix)return s.suffix(e);if(l.value.renderSuffix)return l.value.renderSuffix(e);if(typeof e.option.suffix==`function`)return e.option.suffix();let n=e.option,a=p.value.actions.filter(e=>!e.show||e.show(n));return a.length?(0,r.h)(`span`,{class:`tree-actions`,onClick:e=>e.stopPropagation()},a.map(e=>{let a=a=>(0,r.h)(i.NButton,{size:`tiny`,type:e.type??`default`,quaternary:!0,disabled:!!(l.value.disabled||n[l.value.disabledField??`disabled`]),"aria-label":e.text||e.key,title:e.text,onClick:t=>{t.stopPropagation(),a||R(e.key,n)}},{icon:()=>(0,r.h)(t.t,{name:e.icon,size:14})});return e.confirm?(0,r.h)(i.NPopconfirm,{onPositiveClick:()=>R(e.key,n)},{trigger:()=>a(!0),default:()=>e.confirm}):a(!1)})):null},B=!0;(0,r.getCurrentScope)()&&(0,r.onScopeDispose)(()=>{B=!1});let V=(0,r.computed)(()=>{let e=l.value.onLoad;if(e)return async t=>{try{return await e(t)}catch(e){let n=t[m.value],i=typeof n==`string`||typeof n==`number`?_.value.nodes.get(n):void 0;return B&&i&&(0,r.toRaw)(i)===(0,r.toRaw)(t)&&o(`load-error`,e,t),!1}}}),H=(0,r.computed)(()=>{if(!n.data.length)return!1;let e=O.value;if(!l.value.virtualScroll||!e||l.value.showIrrelevantNodes!==!1)return!0;let t=e.toLowerCase(),r=l.value.filter??((e,n)=>{let r=n[h.value];return typeof r==`string`&&r.toLowerCase().includes(t)});for(let t of _.value.nodes.values())if(r(e,t))return!0;return!1}),U=(0,r.shallowRef)(),W=(0,r.computed)(()=>e.t(n.density)),G=(0,r.computed)(()=>({...l.value,data:n.data,virtualScroll:!!(l.value.virtualScroll&&H.value),keyField:m.value,labelField:h.value,childrenField:g.value,draggable:p.value.draggable,showLine:p.value.showLine,blockLine:l.value.blockLine??!0,blockNode:l.value.blockNode??!0,pattern:O.value,expandedKeys:w.value,selectedKeys:T.value,checkedKeys:E.value,renderPrefix:I,renderLabel:L,renderSuffix:z,themeOverrides:{nodeHeight:n.density===`compact`?`28px`:n.density===`comfortable`?`40px`:`34px`,nodeWrapperPadding:`0`,...l.value.themeOverrides},onLoad:V.value,onUpdateExpandedKeys:void 0,onUpdateSelectedKeys:void 0,onUpdateCheckedKeys:void 0,"onUpdate:expandedKeys":M,"onUpdate:selectedKeys":N,"onUpdate:checkedKeys":P,onDrop:e=>{o(`node-drop`,e),j(`onDrop`,[e])}})),K=()=>k.value?J():q(),q=()=>{M([..._.value.expandableKeys]),y.value=!0},J=()=>M([],[],{node:null,action:`collapse`}),Y=()=>o(`add`),X=()=>o(`refresh`),Z={expandAll:q,collapseAll:J,selectNode:e=>N([e]),clearSelection:()=>N([]),setCheckedKeys:e=>P([...e]),clearChecked:()=>P([]),getSelectedNode:()=>F.value,getCheckedData:()=>U.value?.getCheckedData()??{keys:[...E.value],options:A(E.value)},getIndeterminateData:()=>U.value?.getIndeterminateData()??{keys:[],options:[]},scrollTo:(...e)=>{let t=U.value?.scrollTo;t?.(...e)},expandedKeys:w,selectedKeys:T,checkedKeys:E};return{internalSearchPattern:D,expandedKeys:w,selectedKeys:T,checkedKeys:E,isAllExpanded:k,treeData:(0,r.computed)(()=>n.data),currentSearchPattern:O,renderPrefix:I,renderLabel:L,renderSuffix:z,treeBindings:G,treeRef:U,density:W,toggleExpandAll:K,handleExpandedKeysChange:M,handleSelectedKeysChange:N,handleCheckedKeysChange:P,handleDrop:e=>o(`node-drop`,e),handleAdd:Y,handleRefresh:X,expose:Z}}const u={key:0,class:`c-tree-toolbar`},d={class:`toolbar-left`},f={class:`toolbar-right`},p={class:`c-tree-container`},m=(0,r.defineComponent)({name:`C_Tree`,__name:`index`,props:{data:{},mode:{default:`custom`},treeProps:{},density:{default:`default`},keyField:{},labelField:{},childrenField:{},searchPattern:{},searchable:{type:Boolean,default:!0},searchPlaceholder:{default:`搜索...`},draggable:{type:Boolean,default:void 0},showLine:{type:Boolean,default:void 0},showToolbar:{type:Boolean,default:!0},addable:{type:Boolean,default:!0},addText:{default:`新增`},refreshable:{type:Boolean,default:!0},iconField:{},iconConfig:{},statusConfigs:{},actions:{},defaultExpandAll:{type:Boolean,default:void 0},defaultExpandedKeys:{},defaultSelectedKeys:{},defaultCheckedKeys:{},expandedKeys:{},selectedKeys:{},checkedKeys:{}},emits:[`update:searchPattern`,`update:expandedKeys`,`update:selectedKeys`,`update:checkedKeys`,`node-select`,`node-action`,`node-drop`,`load-error`,`add`,`refresh`],setup(e,{expose:n,emit:a}){let o=e,s=a,c=(0,r.useSlots)(),m=(0,i.useThemeVars)(),h=(0,r.computed)(()=>({"--c-tree-border":m.value.borderColor,"--c-tree-surface":m.value.actionColor,"--c-tree-radius":m.value.borderRadius})),{currentSearchPattern:g,isAllExpanded:_,treeBindings:v,treeRef:y,density:b,toggleExpandAll:x,handleAdd:S,handleRefresh:C,expose:w}=l(o,s,c);return n(w),(n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`c-tree`,[`c-tree--${(0,r.unref)(b).density}`,{"c-tree--virtual":(0,r.unref)(v).virtualScroll}]]),style:(0,r.normalizeStyle)(h.value)},[e.showToolbar?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,u,[(0,r.createElementVNode)(`div`,d,[e.searchable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.NInput),{key:0,value:(0,r.unref)(g),"onUpdate:value":a[0]||=e=>(0,r.isRef)(g)?g.value=e:null,size:(0,r.unref)(b).size,placeholder:e.searchPlaceholder,"input-props":{"aria-label":`搜索树节点`},clearable:``,class:`search-input`},{prefix:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`,`size`,`placeholder`])):(0,r.createCommentVNode)(`v-if`,!0)]),(0,r.createElementVNode)(`div`,f,[(0,r.renderSlot)(n.$slots,`toolbar-actions`,{},()=>[e.addable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.NButton),{key:0,type:`primary`,size:(0,r.unref)(b).size,onClick:a[1]||=e=>(0,r.unref)(S)()},{icon:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{name:`mdi:plus`,size:16})]),default:(0,r.withCtx)(()=>[(0,r.createTextVNode)(` `+(0,r.toDisplayString)(e.addText),1)]),_:1},8,[`size`])):(0,r.createCommentVNode)(`v-if`,!0),(0,r.createVNode)((0,r.unref)(i.NButton),{size:(0,r.unref)(b).size,disabled:!e.data.length,"aria-pressed":(0,r.unref)(_),onClick:(0,r.unref)(x)},{icon:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{name:`mdi:file-tree`,size:16})]),default:(0,r.withCtx)(()=>[(0,r.createTextVNode)(` `+(0,r.toDisplayString)((0,r.unref)(_)?`收起全部`:`展开全部`),1)]),_:1},8,[`size`,`disabled`,`aria-pressed`,`onClick`]),e.refreshable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.NButton),{key:1,size:(0,r.unref)(b).size,onClick:(0,r.unref)(C)},{icon:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{name:`mdi:refresh`,size:16})]),default:(0,r.withCtx)(()=>[a[2]||=(0,r.createTextVNode)(` 刷新 `,-1)]),_:1},8,[`size`,`onClick`])):(0,r.createCommentVNode)(`v-if`,!0)],!0)])])):(0,r.createCommentVNode)(`v-if`,!0),(0,r.createElementVNode)(`div`,p,[(0,r.createVNode)((0,r.unref)(i.NTree),(0,r.mergeProps)({ref_key:`treeRef`,ref:y},(0,r.unref)(v),{class:`tree-instance`}),(0,r.createSlots)({_:2},[n.$slots.empty?{name:`empty`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(n.$slots,`empty`,{},void 0,!0)]),key:`0`}:void 0]),1040)])],6))}});var h=n.t(m,[[`__scopeId`,`data-v-76801f3f`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
|
package/dist/C_Tree2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./density.js";import{t}from"./C_Icon2.js";import{t as n}from"./export-helper.js";import{computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createSlots as c,createTextVNode as l,createVNode as u,defineComponent as d,getCurrentScope as f,h as p,isRef as m,mergeProps as h,normalizeClass as g,normalizeStyle as _,onScopeDispose as v,openBlock as y,ref as b,renderSlot as x,shallowRef as S,toDisplayString as C,toRaw as w,unref as T,useSlots as E,watch as D,withCtx as O}from"vue";import{NButton as k,NInput as A,NPopconfirm as j,NTag as M,NTree as N,useThemeVars as P}from"naive-ui";const F={menu:{draggable:!0,showLine:!0,iconConfig:{typeMap:{directory:`mdi:folder`,menu:`mdi:file-document`,button:`mdi:button-cursor`}},actions:[{key:`add`,text:`新增子菜单`,icon:`mdi:plus`,type:`primary`},{key:`edit`,text:`编辑`,icon:`mdi:pencil`,type:`info`},{key:`delete`,text:`删除`,icon:`mdi:delete`,type:`error`,confirm:`确认删除该菜单吗?`}]},file:{draggable:!1,showLine:!1,iconConfig:{typeMap:{folder:`mdi:folder`,file:`mdi:file-document`,image:`mdi:file-image`,video:`mdi:file-video`,audio:`mdi:file-music`}},actions:[{key:`open`,text:`打开`,icon:`mdi:folder-open`,type:`primary`},{key:`rename`,text:`重命名`,icon:`mdi:rename-box`,type:`info`},{key:`delete`,text:`删除`,icon:`mdi:delete`,type:`error`,confirm:`确认删除该文件吗?`}]},org:{draggable:!1,showLine:!0,iconConfig:{typeMap:{department:`mdi:domain`,user:`mdi:account`,manager:`mdi:account-tie`}},actions:[{key:`add`,text:`新增下级`,icon:`mdi:plus`,type:`primary`},{key:`edit`,text:`编辑`,icon:`mdi:pencil`,type:`info`}]},custom:{}},I=e=>typeof e==`string`||typeof e==`number`,L=e=>!!e&&typeof e==`object`;function R(e,t,n,r){let i=new Map,a=new Set,o=new WeakSet,s=[],c=e=>{for(let t=e.length-1;t>=0;t--)s.push(e[t])};for(c(e);s.length;){let e=s.pop();if(!L(e)||o.has(e))continue;o.add(e);let l=e[t],u=I(l);u&&!i.has(l)&&i.set(l,e);let d=r?r(e):e[n];Array.isArray(d)&&d.length&&(u&&a.add(l),c(d))}return{nodes:i,expandableKeys:[...a]}}function z(n,i,a={}){let o=r(()=>n.treeProps??{}),s=r(()=>F[n.mode??`custom`]),c=r(()=>n.draggable??o.value.draggable??s.value.draggable??!1),l=r(()=>n.showLine??o.value.showLine??s.value.showLine??!0),u=r(()=>({...s.value,...n,draggable:c.value,showLine:l.value,iconConfig:{default:`mdi:circle-outline`,...s.value.iconConfig,...n.iconConfig,typeMap:{...s.value.iconConfig?.typeMap,...n.iconConfig?.typeMap},colorMap:{...s.value.iconConfig?.colorMap,...n.iconConfig?.colorMap}},actions:n.actions??s.value.actions??[]})),d=r(()=>n.keyField??o.value.keyField??`id`),m=r(()=>n.labelField??o.value.labelField??`name`),h=r(()=>n.childrenField??o.value.childrenField??`children`),g=r(()=>R(n.data,d.value,h.value,o.value.getChildren)),_=()=>n.defaultExpandAll??o.value.defaultExpandAll??!1,y=b(_()),x=e=>{let t=`default${e}Keys`;return[...n[t]??o.value[t]??[]]},C=b(_()?g.value.expandableKeys:x(`Expanded`)),T=b(x(`Selected`)),E=b(x(`Checked`)),O=r({get:()=>n.expandedKeys??o.value.expandedKeys??C.value,set:e=>V(e)}),A=r({get:()=>n.selectedKeys??o.value.selectedKeys??T.value,set:e=>H(e)}),N=r({get:()=>n.checkedKeys??o.value.checkedKeys??E.value,set:e=>U(e)}),P=b(``),I=r({get:()=>n.searchPattern??o.value.pattern??P.value,set:e=>{P.value=e,i(`update:searchPattern`,e)}}),L=r(()=>{let e=g.value.expandableKeys,t=new Set(O.value);return e.length>0&&e.every(e=>t.has(e))});D(()=>g.value.expandableKeys,e=>{y.value&&(C.value=[...e])}),D(_,e=>{y.value=e,e&&(C.value=[...g.value.expandableKeys])});for(let[e,t]of[[`Expanded`,C],[`Selected`,T],[`Checked`,E]]){let r=`default${e}Keys`;D(()=>n[r]??o.value[r],n=>{o.value.watchProps?.includes(r)&&(t.value=e===`Expanded`&&_()?[...g.value.expandableKeys]:[...n??[]])})}let z=e=>e.map(e=>g.value.nodes.get(e)??null),B=(e,t)=>{let n=o.value[e],r=Array.isArray(n)?n:[n];for(let e of r)typeof e==`function`&&e(...t)},V=(e,t=z(e),n={node:null,action:`expand`})=>{n.action!==`filter`&&(y.value=!1),C.value=[...e],i(`update:expandedKeys`,e,t,n),B(`onUpdateExpandedKeys`,[e,t,n]),B(`onUpdate:expandedKeys`,[e,t,n])},H=(e,t=z(e),n={node:t[0]??null,action:e.length?`select`:`unselect`})=>{T.value=[...e],i(`update:selectedKeys`,e,t,n),i(`node-select`,t[0]??null,e),B(`onUpdateSelectedKeys`,[e,t,n]),B(`onUpdate:selectedKeys`,[e,t,n])},U=(e,t=z(e),n={node:null,action:e.length?`check`:`uncheck`})=>{E.value=[...e],i(`update:checkedKeys`,e,t,n),B(`onUpdateCheckedKeys`,[e,t,n]),B(`onUpdate:checkedKeys`,[e,t,n])},W=r(()=>g.value.nodes.get(A.value[0])??null),G=e=>{if(a.prefix)return a.prefix(e);if(o.value.renderPrefix)return o.value.renderPrefix(e);if(typeof e.option.prefix==`function`)return e.option.prefix();let r=e.option,i=u.value.iconConfig,s=typeof r.type==`string`?r.type:``,c=r[n.iconField??`icon`];return p(t,{name:typeof c==`string`?c:i.typeMap[s]??i.default,size:16,color:i.colorMap[s]??`currentColor`,class:`c-tree-node-icon`})},K=e=>{if(a.label)return a.label(e);if(o.value.renderLabel)return o.value.renderLabel(e);let t=String(e.option[m.value]??``);return p(`span`,{class:`c-tree-node-label`},[p(`span`,{class:`c-tree-node-title`,title:t},t),...(n.statusConfigs??[]).flatMap(t=>{let n=e.option[t.field],r=typeof n==`number`||typeof n==`string`?t.values[n]:void 0;return r?.text?[p(M,{type:r.type,size:`small`,class:`c-tree-node-status`},{default:()=>r.text})]:[]})])},q=(e,t)=>{e===`add`?i(`add`,t):i(`node-action`,e,t)},J=e=>{if(a.suffix)return a.suffix(e);if(o.value.renderSuffix)return o.value.renderSuffix(e);if(typeof e.option.suffix==`function`)return e.option.suffix();let n=e.option,r=u.value.actions.filter(e=>!e.show||e.show(n));return r.length?p(`span`,{class:`tree-actions`,onClick:e=>e.stopPropagation()},r.map(e=>{let r=r=>p(k,{size:`tiny`,type:e.type??`default`,quaternary:!0,disabled:!!(o.value.disabled||n[o.value.disabledField??`disabled`]),"aria-label":e.text||e.key,title:e.text,onClick:t=>{t.stopPropagation(),r||q(e.key,n)}},{icon:()=>p(t,{name:e.icon,size:14})});return e.confirm?p(j,{onPositiveClick:()=>q(e.key,n)},{trigger:()=>r(!0),default:()=>e.confirm}):r(!1)})):null},Y=!0;f()&&v(()=>{Y=!1});let X=r(()=>{let e=o.value.onLoad;if(e)return async t=>{try{return await e(t)}catch(e){let n=t[d.value],r=typeof n==`string`||typeof n==`number`?g.value.nodes.get(n):void 0;return Y&&r&&w(r)===w(t)&&i(`load-error`,e,t),!1}}}),ee=r(()=>{if(!n.data.length)return!1;let e=I.value;if(!o.value.virtualScroll||!e||o.value.showIrrelevantNodes!==!1)return!0;let t=e.toLowerCase(),r=o.value.filter??((e,n)=>{let r=n[m.value];return typeof r==`string`&&r.toLowerCase().includes(t)});for(let t of g.value.nodes.values())if(r(e,t))return!0;return!1}),Z=S(),te=r(()=>e(n.density)),ne=r(()=>({...o.value,data:n.data,virtualScroll:!!(o.value.virtualScroll&&ee.value),keyField:d.value,labelField:m.value,childrenField:h.value,draggable:u.value.draggable,showLine:u.value.showLine,blockLine:o.value.blockLine??!0,blockNode:o.value.blockNode??!0,pattern:I.value,expandedKeys:O.value,selectedKeys:A.value,checkedKeys:N.value,renderPrefix:G,renderLabel:K,renderSuffix:J,themeOverrides:{nodeHeight:n.density===`compact`?`28px`:n.density===`comfortable`?`40px`:`34px`,nodeWrapperPadding:`0`,...o.value.themeOverrides},onLoad:X.value,onUpdateExpandedKeys:void 0,onUpdateSelectedKeys:void 0,onUpdateCheckedKeys:void 0,"onUpdate:expandedKeys":V,"onUpdate:selectedKeys":H,"onUpdate:checkedKeys":U,onDrop:e=>{i(`node-drop`,e),B(`onDrop`,[e])}})),re=()=>L.value?$():Q(),Q=()=>{V([...g.value.expandableKeys]),y.value=!0},$=()=>V([],[],{node:null,action:`collapse`}),ie=()=>i(`add`),ae=()=>i(`refresh`),oe={expandAll:Q,collapseAll:$,selectNode:e=>H([e]),clearSelection:()=>H([]),setCheckedKeys:e=>U([...e]),clearChecked:()=>U([]),getSelectedNode:()=>W.value,getCheckedData:()=>Z.value?.getCheckedData()??{keys:[...N.value],options:z(N.value)},getIndeterminateData:()=>Z.value?.getIndeterminateData()??{keys:[],options:[]},scrollTo:(...e)=>{let t=Z.value?.scrollTo;t?.(...e)},expandedKeys:O,selectedKeys:A,checkedKeys:N};return{internalSearchPattern:P,expandedKeys:O,selectedKeys:A,checkedKeys:N,isAllExpanded:L,treeData:r(()=>n.data),currentSearchPattern:I,renderPrefix:G,renderLabel:K,renderSuffix:J,treeBindings:ne,treeRef:Z,density:te,toggleExpandAll:re,handleExpandedKeysChange:V,handleSelectedKeysChange:H,handleCheckedKeysChange:U,handleDrop:e=>i(`node-drop`,e),handleAdd:ie,handleRefresh:ae,expose:oe}}const B={key:0,class:`c-tree-toolbar`},V={class:`toolbar-left`},H={class:`toolbar-right`},U={class:`c-tree-container`};var W=n(d({name:`C_Tree`,__name:`index`,props:{data:{},mode:{default:`custom`},treeProps:{},density:{default:`default`},keyField:{},labelField:{},childrenField:{},searchPattern:{},searchable:{type:Boolean,default:!0},searchPlaceholder:{default:`搜索...`},draggable:{type:Boolean,default:void 0},showLine:{type:Boolean,default:void 0},showToolbar:{type:Boolean,default:!0},addable:{type:Boolean,default:!0},addText:{default:`新增`},refreshable:{type:Boolean,default:!0},iconField:{},iconConfig:{},statusConfigs:{},actions:{},defaultExpandAll:{type:Boolean,default:void 0},defaultExpandedKeys:{},defaultSelectedKeys:{},defaultCheckedKeys:{},expandedKeys:{},selectedKeys:{},checkedKeys:{}},emits:[`update:searchPattern`,`update:expandedKeys`,`update:selectedKeys`,`update:checkedKeys`,`node-select`,`node-action`,`node-drop`,`load-error`,`add`,`refresh`],setup(e,{expose:n,emit:d}){let f=e,p=d,v=E(),b=P(),S=r(()=>({"--c-tree-border":b.value.borderColor,"--c-tree-surface":b.value.actionColor,"--c-tree-radius":b.value.borderRadius})),{currentSearchPattern:w,isAllExpanded:D,treeBindings:j,treeRef:M,density:F,toggleExpandAll:I,handleAdd:L,handleRefresh:R,expose:W}=z(f,p,v);return n(W),(n,r)=>(y(),o(`div`,{class:g([`c-tree`,[`c-tree--${T(F).density}`,{"c-tree--virtual":T(j).virtualScroll}]]),style:_(S.value)},[e.showToolbar?(y(),o(`div`,B,[s(`div`,V,[e.searchable?(y(),i(T(A),{key:0,value:T(w),"onUpdate:value":r[0]||=e=>m(w)?w.value=e:null,size:T(F).size,placeholder:e.searchPlaceholder,"input-props":{"aria-label":`搜索树节点`},clearable:``,class:`search-input`},{prefix:O(()=>[u(t,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`,`size`,`placeholder`])):a(`v-if`,!0)]),s(`div`,H,[x(n.$slots,`toolbar-actions`,{},()=>[e.addable?(y(),i(T(k),{key:0,type:`primary`,size:T(F).size,onClick:r[1]||=e=>T(L)()},{icon:O(()=>[u(t,{name:`mdi:plus`,size:16})]),default:O(()=>[l(` `+C(e.addText),1)]),_:1},8,[`size`])):a(`v-if`,!0),u(T(k),{size:T(F).size,disabled:!e.data.length,"aria-pressed":T(D),onClick:T(I)},{icon:O(()=>[u(t,{name:`mdi:file-tree`,size:16})]),default:O(()=>[l(` `+C(T(D)?`收起全部`:`展开全部`),1)]),_:1},8,[`size`,`disabled`,`aria-pressed`,`onClick`]),e.refreshable?(y(),i(T(k),{key:1,size:T(F).size,onClick:T(R)},{icon:O(()=>[u(t,{name:`mdi:refresh`,size:16})]),default:O(()=>[r[2]||=l(` 刷新 `,-1)]),_:1},8,[`size`,`onClick`])):a(`v-if`,!0)],!0)])])):a(`v-if`,!0),s(`div`,U,[u(T(N),h({ref_key:`treeRef`,ref:M},T(j),{class:`tree-instance`}),c({_:2},[n.$slots.empty?{name:`empty`,fn:O(()=>[x(n.$slots,`empty`,{},void 0,!0)]),key:`0`}:void 0]),1040)])],6))}}),[[`__scopeId`,`data-v-0673677b`]]);export{z as n,F as r,W as t};
|
|
1
|
+
import{t as e}from"./density.js";import{t}from"./C_Icon2.js";import{t as n}from"./export-helper.js";import{computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createSlots as c,createTextVNode as l,createVNode as u,defineComponent as d,getCurrentScope as f,h as p,isRef as m,mergeProps as h,normalizeClass as g,normalizeStyle as _,onScopeDispose as v,openBlock as y,ref as b,renderSlot as x,shallowRef as S,toDisplayString as C,toRaw as w,unref as T,useSlots as E,watch as D,withCtx as O}from"vue";import{NButton as k,NInput as A,NPopconfirm as j,NTag as M,NTree as N,useThemeVars as P}from"naive-ui";const F={menu:{draggable:!0,showLine:!0,iconConfig:{typeMap:{directory:`mdi:folder`,menu:`mdi:file-document`,button:`mdi:button-cursor`}},actions:[{key:`add`,text:`新增子菜单`,icon:`mdi:plus`,type:`primary`},{key:`edit`,text:`编辑`,icon:`mdi:pencil`,type:`info`},{key:`delete`,text:`删除`,icon:`mdi:delete`,type:`error`,confirm:`确认删除该菜单吗?`}]},file:{draggable:!1,showLine:!1,iconConfig:{typeMap:{folder:`mdi:folder`,file:`mdi:file-document`,image:`mdi:file-image`,video:`mdi:file-video`,audio:`mdi:file-music`}},actions:[{key:`open`,text:`打开`,icon:`mdi:folder-open`,type:`primary`},{key:`rename`,text:`重命名`,icon:`mdi:rename-box`,type:`info`},{key:`delete`,text:`删除`,icon:`mdi:delete`,type:`error`,confirm:`确认删除该文件吗?`}]},org:{draggable:!1,showLine:!0,iconConfig:{typeMap:{department:`mdi:domain`,user:`mdi:account`,manager:`mdi:account-tie`}},actions:[{key:`add`,text:`新增下级`,icon:`mdi:plus`,type:`primary`},{key:`edit`,text:`编辑`,icon:`mdi:pencil`,type:`info`}]},custom:{}},I=e=>typeof e==`string`||typeof e==`number`,L=e=>!!e&&typeof e==`object`;function R(e,t,n,r){let i=new Map,a=new Set,o=new WeakSet,s=[],c=e=>{for(let t=e.length-1;t>=0;t--)s.push(e[t])};for(c(e);s.length;){let e=s.pop();if(!L(e)||o.has(e))continue;o.add(e);let l=e[t],u=I(l);u&&!i.has(l)&&i.set(l,e);let d=r?r(e):e[n];Array.isArray(d)&&d.length&&(u&&a.add(l),c(d))}return{nodes:i,expandableKeys:[...a]}}function z(n,i,a={}){let o=r(()=>n.treeProps??{}),s=r(()=>F[n.mode??`custom`]),c=r(()=>n.draggable??o.value.draggable??s.value.draggable??!1),l=r(()=>n.showLine??o.value.showLine??s.value.showLine??!0),u=r(()=>({...s.value,...n,draggable:c.value,showLine:l.value,iconConfig:{default:`mdi:circle-outline`,...s.value.iconConfig,...n.iconConfig,typeMap:{...s.value.iconConfig?.typeMap,...n.iconConfig?.typeMap},colorMap:{...s.value.iconConfig?.colorMap,...n.iconConfig?.colorMap}},actions:n.actions??s.value.actions??[]})),d=r(()=>n.keyField??o.value.keyField??`id`),m=r(()=>n.labelField??o.value.labelField??`name`),h=r(()=>n.childrenField??o.value.childrenField??`children`),g=r(()=>R(n.data,d.value,h.value,o.value.getChildren)),_=()=>n.defaultExpandAll??o.value.defaultExpandAll??!1,y=b(_()),x=e=>{let t=`default${e}Keys`;return[...n[t]??o.value[t]??[]]},C=b(_()?g.value.expandableKeys:x(`Expanded`)),T=b(x(`Selected`)),E=b(x(`Checked`)),O=r({get:()=>n.expandedKeys??o.value.expandedKeys??C.value,set:e=>V(e)}),A=r({get:()=>n.selectedKeys??o.value.selectedKeys??T.value,set:e=>H(e)}),N=r({get:()=>n.checkedKeys??o.value.checkedKeys??E.value,set:e=>U(e)}),P=b(``),I=r({get:()=>n.searchPattern??o.value.pattern??P.value,set:e=>{P.value=e,i(`update:searchPattern`,e)}}),L=r(()=>{let e=g.value.expandableKeys,t=new Set(O.value);return e.length>0&&e.every(e=>t.has(e))});D(()=>g.value.expandableKeys,e=>{y.value&&(C.value=[...e])}),D(_,e=>{y.value=e,e&&(C.value=[...g.value.expandableKeys])});for(let[e,t]of[[`Expanded`,C],[`Selected`,T],[`Checked`,E]]){let r=`default${e}Keys`;D(()=>n[r]??o.value[r],n=>{o.value.watchProps?.includes(r)&&(t.value=e===`Expanded`&&_()?[...g.value.expandableKeys]:[...n??[]])})}let z=e=>e.map(e=>g.value.nodes.get(e)??null),B=(e,t)=>{let n=o.value[e],r=Array.isArray(n)?n:[n];for(let e of r)typeof e==`function`&&e(...t)},V=(e,t=z(e),n={node:null,action:`expand`})=>{n.action!==`filter`&&(y.value=!1),C.value=[...e],i(`update:expandedKeys`,e,t,n),B(`onUpdateExpandedKeys`,[e,t,n]),B(`onUpdate:expandedKeys`,[e,t,n])},H=(e,t=z(e),n={node:t[0]??null,action:e.length?`select`:`unselect`})=>{T.value=[...e],i(`update:selectedKeys`,e,t,n),i(`node-select`,t[0]??null,e),B(`onUpdateSelectedKeys`,[e,t,n]),B(`onUpdate:selectedKeys`,[e,t,n])},U=(e,t=z(e),n={node:null,action:e.length?`check`:`uncheck`})=>{E.value=[...e],i(`update:checkedKeys`,e,t,n),B(`onUpdateCheckedKeys`,[e,t,n]),B(`onUpdate:checkedKeys`,[e,t,n])},W=r(()=>g.value.nodes.get(A.value[0])??null),G=e=>{if(a.prefix)return a.prefix(e);if(o.value.renderPrefix)return o.value.renderPrefix(e);if(typeof e.option.prefix==`function`)return e.option.prefix();let r=e.option,i=u.value.iconConfig,s=typeof r.type==`string`?r.type:``,c=r[n.iconField??`icon`];return p(t,{name:typeof c==`string`?c:i.typeMap[s]??i.default,size:16,color:i.colorMap[s]??`currentColor`,class:`c-tree-node-icon`})},K=e=>{if(a.label)return a.label(e);if(o.value.renderLabel)return o.value.renderLabel(e);let t=String(e.option[m.value]??``);return p(`span`,{class:`c-tree-node-label`},[p(`span`,{class:`c-tree-node-title`,title:t},t),...(n.statusConfigs??[]).flatMap(t=>{let n=e.option[t.field],r=typeof n==`number`||typeof n==`string`?t.values[n]:void 0;return r?.text?[p(M,{type:r.type,size:`small`,class:`c-tree-node-status`},{default:()=>r.text})]:[]})])},q=(e,t)=>{e===`add`?i(`add`,t):i(`node-action`,e,t)},J=e=>{if(a.suffix)return a.suffix(e);if(o.value.renderSuffix)return o.value.renderSuffix(e);if(typeof e.option.suffix==`function`)return e.option.suffix();let n=e.option,r=u.value.actions.filter(e=>!e.show||e.show(n));return r.length?p(`span`,{class:`tree-actions`,onClick:e=>e.stopPropagation()},r.map(e=>{let r=r=>p(k,{size:`tiny`,type:e.type??`default`,quaternary:!0,disabled:!!(o.value.disabled||n[o.value.disabledField??`disabled`]),"aria-label":e.text||e.key,title:e.text,onClick:t=>{t.stopPropagation(),r||q(e.key,n)}},{icon:()=>p(t,{name:e.icon,size:14})});return e.confirm?p(j,{onPositiveClick:()=>q(e.key,n)},{trigger:()=>r(!0),default:()=>e.confirm}):r(!1)})):null},Y=!0;f()&&v(()=>{Y=!1});let X=r(()=>{let e=o.value.onLoad;if(e)return async t=>{try{return await e(t)}catch(e){let n=t[d.value],r=typeof n==`string`||typeof n==`number`?g.value.nodes.get(n):void 0;return Y&&r&&w(r)===w(t)&&i(`load-error`,e,t),!1}}}),ee=r(()=>{if(!n.data.length)return!1;let e=I.value;if(!o.value.virtualScroll||!e||o.value.showIrrelevantNodes!==!1)return!0;let t=e.toLowerCase(),r=o.value.filter??((e,n)=>{let r=n[m.value];return typeof r==`string`&&r.toLowerCase().includes(t)});for(let t of g.value.nodes.values())if(r(e,t))return!0;return!1}),Z=S(),te=r(()=>e(n.density)),ne=r(()=>({...o.value,data:n.data,virtualScroll:!!(o.value.virtualScroll&&ee.value),keyField:d.value,labelField:m.value,childrenField:h.value,draggable:u.value.draggable,showLine:u.value.showLine,blockLine:o.value.blockLine??!0,blockNode:o.value.blockNode??!0,pattern:I.value,expandedKeys:O.value,selectedKeys:A.value,checkedKeys:N.value,renderPrefix:G,renderLabel:K,renderSuffix:J,themeOverrides:{nodeHeight:n.density===`compact`?`28px`:n.density===`comfortable`?`40px`:`34px`,nodeWrapperPadding:`0`,...o.value.themeOverrides},onLoad:X.value,onUpdateExpandedKeys:void 0,onUpdateSelectedKeys:void 0,onUpdateCheckedKeys:void 0,"onUpdate:expandedKeys":V,"onUpdate:selectedKeys":H,"onUpdate:checkedKeys":U,onDrop:e=>{i(`node-drop`,e),B(`onDrop`,[e])}})),re=()=>L.value?$():Q(),Q=()=>{V([...g.value.expandableKeys]),y.value=!0},$=()=>V([],[],{node:null,action:`collapse`}),ie=()=>i(`add`),ae=()=>i(`refresh`),oe={expandAll:Q,collapseAll:$,selectNode:e=>H([e]),clearSelection:()=>H([]),setCheckedKeys:e=>U([...e]),clearChecked:()=>U([]),getSelectedNode:()=>W.value,getCheckedData:()=>Z.value?.getCheckedData()??{keys:[...N.value],options:z(N.value)},getIndeterminateData:()=>Z.value?.getIndeterminateData()??{keys:[],options:[]},scrollTo:(...e)=>{let t=Z.value?.scrollTo;t?.(...e)},expandedKeys:O,selectedKeys:A,checkedKeys:N};return{internalSearchPattern:P,expandedKeys:O,selectedKeys:A,checkedKeys:N,isAllExpanded:L,treeData:r(()=>n.data),currentSearchPattern:I,renderPrefix:G,renderLabel:K,renderSuffix:J,treeBindings:ne,treeRef:Z,density:te,toggleExpandAll:re,handleExpandedKeysChange:V,handleSelectedKeysChange:H,handleCheckedKeysChange:U,handleDrop:e=>i(`node-drop`,e),handleAdd:ie,handleRefresh:ae,expose:oe}}const B={key:0,class:`c-tree-toolbar`},V={class:`toolbar-left`},H={class:`toolbar-right`},U={class:`c-tree-container`};var W=n(d({name:`C_Tree`,__name:`index`,props:{data:{},mode:{default:`custom`},treeProps:{},density:{default:`default`},keyField:{},labelField:{},childrenField:{},searchPattern:{},searchable:{type:Boolean,default:!0},searchPlaceholder:{default:`搜索...`},draggable:{type:Boolean,default:void 0},showLine:{type:Boolean,default:void 0},showToolbar:{type:Boolean,default:!0},addable:{type:Boolean,default:!0},addText:{default:`新增`},refreshable:{type:Boolean,default:!0},iconField:{},iconConfig:{},statusConfigs:{},actions:{},defaultExpandAll:{type:Boolean,default:void 0},defaultExpandedKeys:{},defaultSelectedKeys:{},defaultCheckedKeys:{},expandedKeys:{},selectedKeys:{},checkedKeys:{}},emits:[`update:searchPattern`,`update:expandedKeys`,`update:selectedKeys`,`update:checkedKeys`,`node-select`,`node-action`,`node-drop`,`load-error`,`add`,`refresh`],setup(e,{expose:n,emit:d}){let f=e,p=d,v=E(),b=P(),S=r(()=>({"--c-tree-border":b.value.borderColor,"--c-tree-surface":b.value.actionColor,"--c-tree-radius":b.value.borderRadius})),{currentSearchPattern:w,isAllExpanded:D,treeBindings:j,treeRef:M,density:F,toggleExpandAll:I,handleAdd:L,handleRefresh:R,expose:W}=z(f,p,v);return n(W),(n,r)=>(y(),o(`div`,{class:g([`c-tree`,[`c-tree--${T(F).density}`,{"c-tree--virtual":T(j).virtualScroll}]]),style:_(S.value)},[e.showToolbar?(y(),o(`div`,B,[s(`div`,V,[e.searchable?(y(),i(T(A),{key:0,value:T(w),"onUpdate:value":r[0]||=e=>m(w)?w.value=e:null,size:T(F).size,placeholder:e.searchPlaceholder,"input-props":{"aria-label":`搜索树节点`},clearable:``,class:`search-input`},{prefix:O(()=>[u(t,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`,`size`,`placeholder`])):a(`v-if`,!0)]),s(`div`,H,[x(n.$slots,`toolbar-actions`,{},()=>[e.addable?(y(),i(T(k),{key:0,type:`primary`,size:T(F).size,onClick:r[1]||=e=>T(L)()},{icon:O(()=>[u(t,{name:`mdi:plus`,size:16})]),default:O(()=>[l(` `+C(e.addText),1)]),_:1},8,[`size`])):a(`v-if`,!0),u(T(k),{size:T(F).size,disabled:!e.data.length,"aria-pressed":T(D),onClick:T(I)},{icon:O(()=>[u(t,{name:`mdi:file-tree`,size:16})]),default:O(()=>[l(` `+C(T(D)?`收起全部`:`展开全部`),1)]),_:1},8,[`size`,`disabled`,`aria-pressed`,`onClick`]),e.refreshable?(y(),i(T(k),{key:1,size:T(F).size,onClick:T(R)},{icon:O(()=>[u(t,{name:`mdi:refresh`,size:16})]),default:O(()=>[r[2]||=l(` 刷新 `,-1)]),_:1},8,[`size`,`onClick`])):a(`v-if`,!0)],!0)])])):a(`v-if`,!0),s(`div`,U,[u(T(N),h({ref_key:`treeRef`,ref:M},T(j),{class:`tree-instance`}),c({_:2},[n.$slots.empty?{name:`empty`,fn:O(()=>[x(n.$slots,`empty`,{},void 0,!0)]),key:`0`}:void 0]),1040)])],6))}}),[[`__scopeId`,`data-v-76801f3f`]]);export{z as n,F as r,W as t};
|
package/dist/C_WorkFlow.css
CHANGED
|
@@ -629,45 +629,45 @@ to {
|
|
|
629
629
|
|
|
630
630
|
|
|
631
631
|
/* layer: default */
|
|
632
|
-
.visible[data-v-
|
|
633
|
-
.start-1[data-v-
|
|
634
|
-
.mb-2[data-v-
|
|
635
|
-
.mb-3[data-v-
|
|
636
|
-
.mb-4[data-v-
|
|
637
|
-
.ml-auto[data-v-
|
|
638
|
-
.mt-4[data-v-
|
|
639
|
-
.block[data-v-
|
|
640
|
-
.max-h-50[data-v-
|
|
641
|
-
.max-h-60vh[data-v-
|
|
642
|
-
.min-h-10[data-v-
|
|
643
|
-
.w-full[data-v-
|
|
644
|
-
.flex[data-v-
|
|
645
|
-
.flex-shrink-0[data-v-
|
|
646
|
-
.flex-col[data-v-
|
|
647
|
-
.flex-wrap[data-v-
|
|
648
|
-
.flex-nowrap[data-v-
|
|
649
|
-
.items-center[data-v-
|
|
650
|
-
.gap-1[data-v-
|
|
651
|
-
.gap-2[data-v-
|
|
652
|
-
.gap-3[data-v-
|
|
653
|
-
.space-y-3[data-v-
|
|
654
|
-
.overflow-y-auto[data-v-
|
|
655
|
-
.border[data-v-
|
|
656
|
-
.border-gray-200[data-v-
|
|
657
|
-
.hover\:border-gray-300[data-v-
|
|
658
|
-
.rounded[data-v-
|
|
659
|
-
.rounded-lg[data-v-
|
|
660
|
-
.p-2[data-v-
|
|
661
|
-
.p-3[data-v-
|
|
662
|
-
.p-4[data-v-
|
|
663
|
-
.px-1\.5[data-v-
|
|
664
|
-
.py-0\.5[data-v-
|
|
665
|
-
.text-base[data-v-
|
|
666
|
-
.text-sm[data-v-
|
|
667
|
-
.text-xs[data-v-
|
|
668
|
-
.font-medium[data-v-
|
|
669
|
-
.font-semibold[data-v-
|
|
670
|
-
.transition-colors[data-v-
|
|
632
|
+
.visible[data-v-468a6dee]{visibility:visible;}
|
|
633
|
+
.start-1[data-v-468a6dee]{inset-inline-start:0.25rem;}
|
|
634
|
+
.mb-2[data-v-468a6dee]{margin-bottom:0.5rem;}
|
|
635
|
+
.mb-3[data-v-468a6dee]{margin-bottom:0.75rem;}
|
|
636
|
+
.mb-4[data-v-468a6dee]{margin-bottom:1rem;}
|
|
637
|
+
.ml-auto[data-v-468a6dee]{margin-left:auto;}
|
|
638
|
+
.mt-4[data-v-468a6dee]{margin-top:1rem;}
|
|
639
|
+
.block[data-v-468a6dee]{display:block;}
|
|
640
|
+
.max-h-50[data-v-468a6dee]{max-height:12.5rem;}
|
|
641
|
+
.max-h-60vh[data-v-468a6dee]{max-height:60vh;}
|
|
642
|
+
.min-h-10[data-v-468a6dee]{min-height:2.5rem;}
|
|
643
|
+
.w-full[data-v-468a6dee]{width:100%;}
|
|
644
|
+
.flex[data-v-468a6dee]{display:flex;}
|
|
645
|
+
.flex-shrink-0[data-v-468a6dee]{flex-shrink:0;}
|
|
646
|
+
.flex-col[data-v-468a6dee]{flex-direction:column;}
|
|
647
|
+
.flex-wrap[data-v-468a6dee]{flex-wrap:wrap;}
|
|
648
|
+
.flex-nowrap[data-v-468a6dee]{flex-wrap:nowrap;}
|
|
649
|
+
.items-center[data-v-468a6dee]{align-items:center;}
|
|
650
|
+
.gap-1[data-v-468a6dee]{gap:0.25rem;}
|
|
651
|
+
.gap-2[data-v-468a6dee]{gap:0.5rem;}
|
|
652
|
+
.gap-3[data-v-468a6dee]{gap:0.75rem;}
|
|
653
|
+
.space-y-3[data-v-468a6dee]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}
|
|
654
|
+
.overflow-y-auto[data-v-468a6dee]{overflow-y:auto;}
|
|
655
|
+
.border[data-v-468a6dee]{border-width:1px;}
|
|
656
|
+
.border-gray-200[data-v-468a6dee]{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}
|
|
657
|
+
.hover\:border-gray-300[data-v-468a6dee]:hover{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}
|
|
658
|
+
.rounded[data-v-468a6dee]{border-radius:0.25rem;}
|
|
659
|
+
.rounded-lg[data-v-468a6dee]{border-radius:0.5rem;}
|
|
660
|
+
.p-2[data-v-468a6dee]{padding:0.5rem;}
|
|
661
|
+
.p-3[data-v-468a6dee]{padding:0.75rem;}
|
|
662
|
+
.p-4[data-v-468a6dee]{padding:1rem;}
|
|
663
|
+
.px-1\.5[data-v-468a6dee]{padding-left:0.375rem;padding-right:0.375rem;}
|
|
664
|
+
.py-0\.5[data-v-468a6dee]{padding-top:0.125rem;padding-bottom:0.125rem;}
|
|
665
|
+
.text-base[data-v-468a6dee]{font-size:1rem;line-height:1.5rem;}
|
|
666
|
+
.text-sm[data-v-468a6dee]{font-size:0.875rem;line-height:1.25rem;}
|
|
667
|
+
.text-xs[data-v-468a6dee]{font-size:0.75rem;line-height:1rem;}
|
|
668
|
+
.font-medium[data-v-468a6dee]{font-weight:500;}
|
|
669
|
+
.font-semibold[data-v-468a6dee]{font-weight:600;}
|
|
670
|
+
.transition-colors[data-v-468a6dee]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
671
671
|
|
|
672
672
|
.approval-node[data-v-e6968a42] {
|
|
673
673
|
position: relative;
|