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

package/dist/constants5.d.ts

@@ -258,9 +258,9 @@ type PlayerInstance = InstanceType<typeof xgplayer.default>;
 //#endregion
 //#region src/components/C_VideoPlayer/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  ready: () => any;
   ended: () => any;
   error: (error: Error) => any;
-  ready: () => any;
   stateChange: (state: PlayerState) => any;
   qualityChange: (quality: QualityLevel) => any;
   rateChange: (rate: number) => any;
@@ -271,9 +271,9 @@ declare const __VLS_export: vue.DefineComponent<VideoPlayerProps, VideoPlayerExp
   quizAnswer: (quizId: string, answer: string | string[], isCorrect: boolean) => any;
   timeUpdate: (currentTime: number, duration: number) => any;
 }, string, vue.PublicProps, Readonly<VideoPlayerProps> & Readonly<{
+  onReady?: (() => any) | undefined;
   onEnded?: (() => any) | undefined;
   onError?: ((error: Error) => any) | undefined;
-  onReady?: (() => any) | undefined;
   onStateChange?: ((state: PlayerState) => any) | undefined;
   onQualityChange?: ((quality: QualityLevel) => any) | undefined;
   onRateChange?: ((rate: number) => any) | undefined;

package/dist/data.d.cts

@@ -67,26 +67,26 @@ declare const __VLS_base: vue.DefineComponent<CTabsProps, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value: TabsValue) => any;
   change: (value: TabsValue, item: TabsItem | undefined) => any;
-  close: (value: TabsValue) => any;
   add: () => any;
+  close: (value: TabsValue) => any;
 }, string, vue.PublicProps, Readonly<CTabsProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: TabsValue) => any) | undefined;
   onChange?: ((value: TabsValue, item: TabsItem | undefined) => any) | undefined;
-  onClose?: ((value: TabsValue) => any) | undefined;
   onAdd?: (() => any) | undefined;
+  onClose?: ((value: TabsValue) => any) | undefined;
 }>, {
   modelValue: TabsValue | null;
   type: TabsType;
-  addable: boolean;
-  animated: boolean;
   size: TabsSize;
-  closable: boolean;
-  placement: TabsPlacement;
-  displayDirective: TabsDisplayDirective;
   items: readonly TabsItem[];
   defaultValue: TabsValue | null;
+  placement: TabsPlacement;
   justifyContent: TabsJustifyContent;
+  animated: boolean;
+  closable: boolean;
+  addable: boolean;
   tabsOnly: boolean;
+  displayDirective: TabsDisplayDirective;
   paneClass: string;
   paneStyle: string | vue.CSSProperties;
   beforeChange: (target: TabsValue, current: TabsValue | null) => boolean | Promise<boolean>;

package/dist/data.d.ts

@@ -67,26 +67,26 @@ declare const __VLS_base: vue.DefineComponent<CTabsProps, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value: TabsValue) => any;
   change: (value: TabsValue, item: TabsItem | undefined) => any;
-  close: (value: TabsValue) => any;
   add: () => any;
+  close: (value: TabsValue) => any;
 }, string, vue.PublicProps, Readonly<CTabsProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: TabsValue) => any) | undefined;
   onChange?: ((value: TabsValue, item: TabsItem | undefined) => any) | undefined;
-  onClose?: ((value: TabsValue) => any) | undefined;
   onAdd?: (() => any) | undefined;
+  onClose?: ((value: TabsValue) => any) | undefined;
 }>, {
   modelValue: TabsValue | null;
   type: TabsType;
-  addable: boolean;
-  animated: boolean;
   size: TabsSize;
-  closable: boolean;
-  placement: TabsPlacement;
-  displayDirective: TabsDisplayDirective;
   items: readonly TabsItem[];
   defaultValue: TabsValue | null;
+  placement: TabsPlacement;
   justifyContent: TabsJustifyContent;
+  animated: boolean;
+  closable: boolean;
+  addable: boolean;
   tabsOnly: boolean;
+  displayDirective: TabsDisplayDirective;
   paneClass: string;
   paneStyle: string | vue.CSSProperties;
   beforeChange: (target: TabsValue, current: TabsValue | null) => boolean | Promise<boolean>;

package/dist/dateRange.d.cts

@@ -0,0 +1,197 @@
+import { n as ComponentLocale, t as ComponentFeedback } from "./contracts.cjs";
+import { t as ComponentDensity } from "./density.cjs";
+import * as vue from "vue";
+import { MaybeRefOrGetter, Ref } from "vue";
+import { FormInst, FormItemRule } from "naive-ui";
+
+//#region src/components/C_FormSearch/types.d.ts
+/** 搜索字段支持的控件类型 */
+type SearchFieldType = 'input' | 'select' | 'date-range' | 'spacer';
+type SearchOptionValue = string | number | boolean;
+interface SearchOptionItem<V extends SearchOptionValue = SearchOptionValue> {
+  labelDefault?: string;
+  label?: string;
+  value?: V;
+  disabled?: boolean;
+  [key: string]: unknown;
+}
+/** 动态模型保留原有开放契约；明确业务模型使用下方的字段和值关联。 */
+interface SearchFormItemBase {
+  type: SearchFieldType;
+  prop: string;
+  placeholder?: string;
+  list?: SearchOptionItem[];
+  hisList?: string[];
+  isFocus?: boolean;
+  show?: boolean;
+  defaultValue?: unknown;
+  attrs?: Record<string, unknown>;
+  rules?: FormItemRule[];
+}
+type FieldOptions<V> = Array<Omit<SearchOptionItem, 'value'> & {
+  value: Extract<V, SearchOptionValue>;
+}>;
+type FieldAttributes = Record<string, unknown>;
+type TypedSearchControl<V> = {
+  type: 'spacer';
+  list?: never;
+} | (string extends V ? {
+  type: 'input';
+  list?: never;
+} : never) | (null extends V ? [number, number] extends V ? {
+  type: 'date-range';
+  list?: never;
+} : never : never) | (NonNullable<V> extends readonly (infer Item)[] ? [] extends NonNullable<V> ? {
+  type: 'select';
+  attrs: FieldAttributes & {
+    multiple: true;
+  };
+  list?: FieldOptions<Item>;
+} : never : NonNullable<V> extends SearchOptionValue ? null extends V ? {
+  type: 'select';
+  attrs?: FieldAttributes & {
+    multiple?: false;
+  };
+  list?: FieldOptions<NonNullable<V>>;
+} : {
+  type: 'select';
+  attrs: FieldAttributes & {
+    multiple?: false;
+    clearable: false;
+  };
+  defaultValue: NonNullable<V>;
+  list?: FieldOptions<NonNullable<V>>;
+} : never);
+/**
+ * 字段值与控件清空语义关联，业务模型无需自行修补 reset/clear 的类型。
+ * 日期默认使用时间戳范围；格式化范围可使用 SearchDateRangeValue。
+ */
+type SearchFormItem<T extends object = SearchFormParams> = {
+  prop: Extract<keyof T, string>;
+} & (string extends keyof T ? SearchFormItemBase : { [P in Extract<keyof T, string>]: Omit<SearchFormItemBase, 'type' | 'prop' | 'defaultValue' | 'list'> & {
+  prop: P;
+  defaultValue?: T[P];
+} & TypedSearchControl<T[P]> }[Extract<keyof T, string>]);
+interface SearchFormParams {
+  pageNum?: number;
+  pageSize?: number;
+  [key: string]: unknown;
+}
+interface SearchConfig<T extends object = SearchFormParams> {
+  /** 与 C_Form、C_Table 统一的布局密度，显式 size 和字段 attrs.size 优先。 */
+  density?: ComponentDensity;
+  foldThreshold?: number;
+  historyMaxItems?: number;
+  requireValue?: boolean;
+  feedback?: ComponentFeedback;
+  locale?: ComponentLocale;
+  onSearch?: (params: T) => void | Promise<unknown>;
+}
+interface FormSearchRuntimeProps<T extends object = SearchFormParams> {
+  bordered?: boolean;
+  formItemList: SearchFormItem<NoInfer<T>>[];
+  /** @deprecated Use modelValue with v-model. */
+  formParams?: T;
+  modelValue?: T;
+  formSearchInputHistoryString?: string;
+  size?: 'small' | 'medium' | 'large';
+  loading?: boolean;
+  config?: SearchConfig<NoInfer<T>>;
+}
+/** 具体业务模型必须提供完整初始值；动态默认模型继续支持空配置接入。 */
+type FormSearchProps<T extends object = SearchFormParams> = Omit<FormSearchRuntimeProps<T>, 'modelValue' | 'formParams'> & (string extends keyof T ? {
+  modelValue?: T;
+  formParams?: T;
+} : {
+  modelValue: T;
+  formParams?: T;
+} | {
+  modelValue?: T;
+  formParams: T;
+});
+interface FormSearchEmits<T extends object = SearchFormParams> {
+  search: [params: T];
+  reset: [params: T];
+  'change-params': [params: T];
+  'update:modelValue': [params: T];
+}
+/** 公开实例的顶层 Ref 已由 Vue 解包。 */
+interface FormSearchExpose<T extends object = SearchFormParams> {
+  formRef: FormInst | null;
+  formParams: T;
+  searchFn: () => Promise<boolean>;
+  cleanFn: () => void;
+  changeFoldState: () => void;
+}
+//#endregion
+//#region src/components/C_FormSearch/composables/useSearchHistory.d.ts
+interface SearchHistoryOptions {
+  storageKey?: string;
+  maxItems?: number;
+}
+/**
+ *
+ */
+declare function useSearchHistory<T extends object = SearchFormParams>(fields: Ref<SearchFormItem<T>[]>, formParams: Ref<T>, options?: MaybeRefOrGetter<SearchHistoryOptions>): {
+  enabled: vue.ComputedRef<boolean>;
+  handleFocus: (prop: string) => void;
+  closeAllPanels: () => void;
+  selectHistoryItem: (value: string, prop: string) => void;
+  deleteHistoryItem: (prop: string, index: number) => void;
+  clearAllHistory: (prop: string) => void;
+  saveCurrentInputs: () => void;
+  restoreFromStorage: () => void;
+};
+//#endregion
+//#region src/components/C_FormSearch/composables/useSearchState.d.ts
+interface UseSearchStateOptions<T extends object = SearchFormParams> {
+  formItemList: SearchFormItem<T>[];
+  formParams: T;
+  config?: MaybeRefOrGetter<SearchConfig<T> | undefined>;
+  loading?: MaybeRefOrGetter<boolean>;
+  historyOptions?: MaybeRefOrGetter<SearchHistoryOptions>;
+}
+/**
+ *
+ */
+declare function useSearchState<T extends object = SearchFormParams>(emits: {
+  (event: 'search', params: T): void;
+  (event: 'reset', params: T): void;
+  (event: 'change-params', params: T): void;
+  (event: 'update:modelValue', params: T): void;
+}, options: UseSearchStateOptions<T>): {
+  formRef: Ref<FormInst | null, FormInst | null>;
+  fields: Ref<SearchFormItem<T>[], SearchFormItem<T>[]>;
+  formParams: Ref<T, T>;
+  expanded: Ref<boolean, boolean>;
+  searching: vue.ComputedRef<boolean>;
+  visibleFields: vue.ComputedRef<SearchFormItem<T>[]>;
+  hasExpandButton: vue.ComputedRef<boolean>;
+  history: {
+    enabled: vue.ComputedRef<boolean>;
+    handleFocus: (prop: string) => void;
+    closeAllPanels: () => void;
+    selectHistoryItem: (value: string, prop: string) => void;
+    deleteHistoryItem: (prop: string, index: number) => void;
+    clearAllHistory: (prop: string) => void;
+    saveCurrentInputs: () => void;
+    restoreFromStorage: () => void;
+  };
+  searchFn: () => Promise<boolean>;
+  resetFn: () => void;
+  toggleFold: () => void;
+  syncFromProps: (newItems: SearchFormItem<T>[], newParams: T) => void;
+};
+//#endregion
+//#region src/components/C_FormSearch/dateRange.d.ts
+type DateRangeInput = {
+  mode: 'formatted';
+  value: [string, string];
+} | {
+  mode: 'timestamp';
+  value: [number, number] | null;
+};
+/** 搜索日期范围模型，同时支持时间戳和显式格式化日期。 */
+type SearchDateRangeValue = DateRangeInput['value'];
+//#endregion
+export { FormSearchEmits as a, SearchConfig as c, SearchFormParams as d, SearchOptionItem as f, useSearchHistory as i, SearchFieldType as l, SearchDateRangeValue as n, FormSearchExpose as o, useSearchState as r, FormSearchProps as s, DateRangeInput as t, SearchFormItem as u };

package/dist/dateRange.d.ts

@@ -0,0 +1,197 @@
+import { n as ComponentLocale, t as ComponentFeedback } from "./contracts.js";
+import { t as ComponentDensity } from "./density.js";
+import * as vue from "vue";
+import { MaybeRefOrGetter, Ref } from "vue";
+import { FormInst, FormItemRule } from "naive-ui";
+
+//#region src/components/C_FormSearch/types.d.ts
+/** 搜索字段支持的控件类型 */
+type SearchFieldType = 'input' | 'select' | 'date-range' | 'spacer';
+type SearchOptionValue = string | number | boolean;
+interface SearchOptionItem<V extends SearchOptionValue = SearchOptionValue> {
+  labelDefault?: string;
+  label?: string;
+  value?: V;
+  disabled?: boolean;
+  [key: string]: unknown;
+}
+/** 动态模型保留原有开放契约；明确业务模型使用下方的字段和值关联。 */
+interface SearchFormItemBase {
+  type: SearchFieldType;
+  prop: string;
+  placeholder?: string;
+  list?: SearchOptionItem[];
+  hisList?: string[];
+  isFocus?: boolean;
+  show?: boolean;
+  defaultValue?: unknown;
+  attrs?: Record<string, unknown>;
+  rules?: FormItemRule[];
+}
+type FieldOptions<V> = Array<Omit<SearchOptionItem, 'value'> & {
+  value: Extract<V, SearchOptionValue>;
+}>;
+type FieldAttributes = Record<string, unknown>;
+type TypedSearchControl<V> = {
+  type: 'spacer';
+  list?: never;
+} | (string extends V ? {
+  type: 'input';
+  list?: never;
+} : never) | (null extends V ? [number, number] extends V ? {
+  type: 'date-range';
+  list?: never;
+} : never : never) | (NonNullable<V> extends readonly (infer Item)[] ? [] extends NonNullable<V> ? {
+  type: 'select';
+  attrs: FieldAttributes & {
+    multiple: true;
+  };
+  list?: FieldOptions<Item>;
+} : never : NonNullable<V> extends SearchOptionValue ? null extends V ? {
+  type: 'select';
+  attrs?: FieldAttributes & {
+    multiple?: false;
+  };
+  list?: FieldOptions<NonNullable<V>>;
+} : {
+  type: 'select';
+  attrs: FieldAttributes & {
+    multiple?: false;
+    clearable: false;
+  };
+  defaultValue: NonNullable<V>;
+  list?: FieldOptions<NonNullable<V>>;
+} : never);
+/**
+ * 字段值与控件清空语义关联，业务模型无需自行修补 reset/clear 的类型。
+ * 日期默认使用时间戳范围；格式化范围可使用 SearchDateRangeValue。
+ */
+type SearchFormItem<T extends object = SearchFormParams> = {
+  prop: Extract<keyof T, string>;
+} & (string extends keyof T ? SearchFormItemBase : { [P in Extract<keyof T, string>]: Omit<SearchFormItemBase, 'type' | 'prop' | 'defaultValue' | 'list'> & {
+  prop: P;
+  defaultValue?: T[P];
+} & TypedSearchControl<T[P]> }[Extract<keyof T, string>]);
+interface SearchFormParams {
+  pageNum?: number;
+  pageSize?: number;
+  [key: string]: unknown;
+}
+interface SearchConfig<T extends object = SearchFormParams> {
+  /** 与 C_Form、C_Table 统一的布局密度，显式 size 和字段 attrs.size 优先。 */
+  density?: ComponentDensity;
+  foldThreshold?: number;
+  historyMaxItems?: number;
+  requireValue?: boolean;
+  feedback?: ComponentFeedback;
+  locale?: ComponentLocale;
+  onSearch?: (params: T) => void | Promise<unknown>;
+}
+interface FormSearchRuntimeProps<T extends object = SearchFormParams> {
+  bordered?: boolean;
+  formItemList: SearchFormItem<NoInfer<T>>[];
+  /** @deprecated Use modelValue with v-model. */
+  formParams?: T;
+  modelValue?: T;
+  formSearchInputHistoryString?: string;
+  size?: 'small' | 'medium' | 'large';
+  loading?: boolean;
+  config?: SearchConfig<NoInfer<T>>;
+}
+/** 具体业务模型必须提供完整初始值；动态默认模型继续支持空配置接入。 */
+type FormSearchProps<T extends object = SearchFormParams> = Omit<FormSearchRuntimeProps<T>, 'modelValue' | 'formParams'> & (string extends keyof T ? {
+  modelValue?: T;
+  formParams?: T;
+} : {
+  modelValue: T;
+  formParams?: T;
+} | {
+  modelValue?: T;
+  formParams: T;
+});
+interface FormSearchEmits<T extends object = SearchFormParams> {
+  search: [params: T];
+  reset: [params: T];
+  'change-params': [params: T];
+  'update:modelValue': [params: T];
+}
+/** 公开实例的顶层 Ref 已由 Vue 解包。 */
+interface FormSearchExpose<T extends object = SearchFormParams> {
+  formRef: FormInst | null;
+  formParams: T;
+  searchFn: () => Promise<boolean>;
+  cleanFn: () => void;
+  changeFoldState: () => void;
+}
+//#endregion
+//#region src/components/C_FormSearch/composables/useSearchHistory.d.ts
+interface SearchHistoryOptions {
+  storageKey?: string;
+  maxItems?: number;
+}
+/**
+ *
+ */
+declare function useSearchHistory<T extends object = SearchFormParams>(fields: Ref<SearchFormItem<T>[]>, formParams: Ref<T>, options?: MaybeRefOrGetter<SearchHistoryOptions>): {
+  enabled: vue.ComputedRef<boolean>;
+  handleFocus: (prop: string) => void;
+  closeAllPanels: () => void;
+  selectHistoryItem: (value: string, prop: string) => void;
+  deleteHistoryItem: (prop: string, index: number) => void;
+  clearAllHistory: (prop: string) => void;
+  saveCurrentInputs: () => void;
+  restoreFromStorage: () => void;
+};
+//#endregion
+//#region src/components/C_FormSearch/composables/useSearchState.d.ts
+interface UseSearchStateOptions<T extends object = SearchFormParams> {
+  formItemList: SearchFormItem<T>[];
+  formParams: T;
+  config?: MaybeRefOrGetter<SearchConfig<T> | undefined>;
+  loading?: MaybeRefOrGetter<boolean>;
+  historyOptions?: MaybeRefOrGetter<SearchHistoryOptions>;
+}
+/**
+ *
+ */
+declare function useSearchState<T extends object = SearchFormParams>(emits: {
+  (event: 'search', params: T): void;
+  (event: 'reset', params: T): void;
+  (event: 'change-params', params: T): void;
+  (event: 'update:modelValue', params: T): void;
+}, options: UseSearchStateOptions<T>): {
+  formRef: Ref<FormInst | null, FormInst | null>;
+  fields: Ref<SearchFormItem<T>[], SearchFormItem<T>[]>;
+  formParams: Ref<T, T>;
+  expanded: Ref<boolean, boolean>;
+  searching: vue.ComputedRef<boolean>;
+  visibleFields: vue.ComputedRef<SearchFormItem<T>[]>;
+  hasExpandButton: vue.ComputedRef<boolean>;
+  history: {
+    enabled: vue.ComputedRef<boolean>;
+    handleFocus: (prop: string) => void;
+    closeAllPanels: () => void;
+    selectHistoryItem: (value: string, prop: string) => void;
+    deleteHistoryItem: (prop: string, index: number) => void;
+    clearAllHistory: (prop: string) => void;
+    saveCurrentInputs: () => void;
+    restoreFromStorage: () => void;
+  };
+  searchFn: () => Promise<boolean>;
+  resetFn: () => void;
+  toggleFold: () => void;
+  syncFromProps: (newItems: SearchFormItem<T>[], newParams: T) => void;
+};
+//#endregion
+//#region src/components/C_FormSearch/dateRange.d.ts
+type DateRangeInput = {
+  mode: 'formatted';
+  value: [string, string];
+} | {
+  mode: 'timestamp';
+  value: [number, number] | null;
+};
+/** 搜索日期范围模型，同时支持时间戳和显式格式化日期。 */
+type SearchDateRangeValue = DateRangeInput['value'];
+//#endregion
+export { FormSearchEmits as a, SearchConfig as c, SearchFormParams as d, SearchOptionItem as f, useSearchHistory as i, SearchFieldType as l, SearchDateRangeValue as n, FormSearchExpose as o, useSearchState as r, FormSearchProps as s, DateRangeInput as t, SearchFormItem as u };

package/dist/formValidation.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);let e=require(`@robot-admin/form-validate`);const t=e.PRESET_RULES,n=e.NAIVE_COMBOS;function r(t=[]){return t.map(t=>{let n=`validate`in t&&typeof t.validate==`function`?(0,e.toNaiveRule)(t):t;return{...n,...Array.isArray(n.trigger)?{trigger:[...n.trigger]}:{}}})}function i(t,n){return r([{...e.BasicRules.required(t,[`input`,`change`,`blur`]),message:n}])[0]}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+require(`./chunk.cjs`);let e=require(`@robot-admin/form-validate`);function t(e){return`validate`in e&&typeof e.validate==`function`}function n(n=[]){return n.map(n=>{let r=t(n)?(0,e.toNaiveRule)(n):n;return{...r,...Array.isArray(r.trigger)?{trigger:[...r.trigger]}:{}}})}function r(t,r){return n([{...e.BasicRules.required(t,[`input`,`change`,`blur`]),message:r}])[0]}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/dist/formValidation.js

@@ -1 +1 @@
-import{BasicRules as e,NAIVE_COMBOS as t,PRESET_RULES as n,SPEC_RULES as r,toNaiveRule as i}from"@robot-admin/form-validate";const a=n,o=t;function s(e=[]){return e.map(e=>{let t=`validate`in e&&typeof e.validate==`function`?i(e):e;return{...t,...Array.isArray(t.trigger)?{trigger:[...t.trigger]}:{}}})}function c(t,n){return s([{...e.required(t,[`input`,`change`,`blur`]),message:n}])[0]}export{s as a,c as i,a as n,r,o as t};
+import{BasicRules as e,NAIVE_COMBOS as t,PRESET_RULES as n,SPEC_RULES as r,toNaiveRule as i}from"@robot-admin/form-validate";function a(e){return`validate`in e&&typeof e.validate==`function`}function o(e=[]){return e.map(e=>{let t=a(e)?i(e):e;return{...t,...Array.isArray(t.trigger)?{trigger:[...t.trigger]}:{}}})}function s(t,n){return o([{...e.required(t,[`input`,`change`,`blur`]),message:n}])[0]}export{o as a,s as i,n,r,t};

package/dist/graphics.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`,borderLineWidth:1,fontSize:14,fontWeight:`bold`},bodyStyle:{borderColor:`rgba(128, 128, 128, 0.2)`,borderLineWidth:[1,0,1,0],fontSize:13}},a={basic:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`任务名称`,width:220,tree:!0},{field:`start`,title:`开始时间`,width:120},{field:`end`,title:`结束时间`,width:120},{field:`progress`,title:`进度`,width:80}],tableWidth:420,minTableWidth:300,theme:i},frame:{outerFrameStyle:{borderLineWidth:1,borderColor:`#e1e4e8`,cornerRadius:6},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:2}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,labelText:`{title}`,labelTextStyle:{fontSize:12,textAlign:`left`},barStyle:{width:18,barColor:`#1890ff`,completedBarColor:`#52c41a`,cornerRadius:4,borderLineWidth:0},milestoneStyle:{borderColor:`#fa8c16`,borderLineWidth:1,fillColor:`#ffd666`,width:12}},timelineHeader:{colWidth:60,horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},scales:[{unit:`week`,step:1,format:e=>`第${e.dateIndex}周`,style:{fontSize:12,fontWeight:`bold`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},project:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`任务名称`,width:200,tree:!0,editor:`input`},{field:`start`,title:`开始时间`,width:120,editor:`date-input`},{field:`end`,title:`结束时间`,width:120,editor:`date-input`},{field:`priority`,title:`优先级`,width:80,editor:`input`},{field:`progress`,title:`进度%`,width:80,editor:`input`}],tableWidth:480,minTableWidth:350,maxTableWidth:800,theme:i,hierarchyExpandLevel:2},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#e1e4e8`,cornerRadius:8},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,hoverBarStyle:{barOverlayColor:`rgba(24, 144, 255, 0.3)`},labelText:`{title} {progress}%`,labelTextStyle:{fontSize:12,textAlign:`left`,textOverflow:`ellipsis`},barStyle:{width:20,barColor:`#1890ff`,completedBarColor:`#52c41a`,cornerRadius:6,borderLineWidth:0}},timelineHeader:{colWidth:60,horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},scales:[{unit:`week`,step:1,startOfWeek:`monday`,format:e=>`第${e.dateIndex}周`,style:{fontSize:13,fontWeight:`bold`,textAlign:`center`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11,textAlign:`center`}}]},rowSeriesNumber:{title:`序号`,dragOrder:!0,headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`},style:{borderColor:`rgba(128, 128, 128, 0.2)`}},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},timeline:{overscrollBehavior:`none`,headerRowHeight:45,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`事件名称`,width:250,tree:!0},{field:`start`,title:`时间`,width:150}],tableWidth:400,minTableWidth:300,theme:{headerStyle:{...i.headerStyle},bodyStyle:i.bodyStyle}},frame:{outerFrameStyle:{borderLineWidth:1,borderColor:`rgba(128, 128, 128, 0.3)`,cornerRadius:4},verticalSplitLineMoveable:!0},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,labelText:`{title}`,labelTextStyle:{fontSize:12,textAlign:`left`},barStyle:{width:22,barColor:`#722ed1`,completedBarColor:`#b37feb`,cornerRadius:8,borderLineWidth:0}},timelineHeader:{colWidth:60,scales:[{unit:`month`,step:1,format:e=>`${e.dateIndex}月`,style:{fontSize:13,fontWeight:`bold`}},{unit:`day`,step:1,format:e=>`${e.dateIndex}`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},milestone:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:38,taskListTable:{columns:[{field:`title`,title:`里程碑`,width:200,tree:!0},{field:`start`,title:`目标日期`,width:120},{field:`priority`,title:`重要性`,width:100}],tableWidth:400,minTableWidth:300,theme:{headerStyle:{...i.headerStyle,borderColor:`#ffa940`},bodyStyle:{...i.bodyStyle,borderColor:`#ffa940`}}},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#ffa940`,cornerRadius:6},verticalSplitLineMoveable:!0},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(255, 168, 64, 0.3)`},horizontalLine:{lineWidth:1,lineColor:`rgba(255, 168, 64, 0.3)`}},taskBar:{startDateField:`start`,endDateField:`start`,labelText:`{title}`,labelTextStyle:{fontSize:12},barStyle:{width:0,barColor:`transparent`},milestoneStyle:{borderColor:`#fa8c16`,borderLineWidth:2,fillColor:`#ffd666`,width:16}},timelineHeader:{colWidth:80,scales:[{unit:`month`,step:1,format:e=>`${e.dateIndex}月`,style:{fontSize:13,fontWeight:`bold`}},{unit:`week`,step:1,format:e=>`第${e.dateIndex}周`,style:{fontSize:11}}]},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}},official:{overscrollBehavior:`none`,headerRowHeight:40,rowHeight:40,taskListTable:{columns:[{field:`title`,title:`title`,width:180,sort:!0,tree:!0,editor:`input`},{field:`start`,title:`start`,width:120,sort:!0,editor:`date-input`},{field:`end`,title:`end`,width:120,sort:!0,editor:`date-input`},{field:`priority`,title:`priority`,width:80,sort:!0,editor:`input`},{field:`progress`,title:`progress`,width:80,sort:!0,editor:`input`}],tableWidth:460,minTableWidth:350,maxTableWidth:800,theme:{headerStyle:{...i.headerStyle,fontSize:18,color:`red`},bodyStyle:{...i.bodyStyle,fontSize:16,color:`#4D4D4D`}},hierarchyExpandLevel:2},frame:{outerFrameStyle:{borderLineWidth:2,borderColor:`#e1e4e8`,cornerRadius:8},verticalSplitLineMoveable:!0,verticalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3},horizontalSplitLine:{lineColor:`#e1e4e8`,lineWidth:3}},grid:{verticalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`},horizontalLine:{lineWidth:1,lineColor:`rgba(128, 128, 128, 0.2)`}},taskBar:{startDateField:`start`,endDateField:`end`,progressField:`progress`,moveable:!0,resizable:!0,hoverBarStyle:{barOverlayColor:`rgba(99, 144, 0, 0.4)`},labelText:`{title} {progress}%`,labelTextStyle:{fontSize:16,textAlign:`left`,textOverflow:`ellipsis`},barStyle:{width:20,barColor:`#ee8800`,completedBarColor:`#91e8e0`,cornerRadius:8,borderLineWidth:1,borderColor:`black`},milestoneStyle:{borderColor:`red`,borderLineWidth:1,fillColor:`green`,width:15}},timelineHeader:{backgroundColor:`#EEF1F5`,colWidth:60,horizontalLine:{lineWidth:1,lineColor:`#e1e4e8`},verticalLine:{lineWidth:1,lineColor:`#e1e4e8`},scales:[{unit:`week`,step:1,startOfWeek:`sunday`,format:e=>`Week ${e.dateIndex}`,style:{fontSize:20,fontWeight:`bold`,color:`white`,strokeColor:`black`,textAlign:`right`,textBaseline:`bottom`,textStick:!0}},{unit:`day`,step:1,format:e=>e.dateIndex.toString(),style:{fontSize:20,fontWeight:`bold`,color:`white`,strokeColor:`black`,textAlign:`right`,textBaseline:`bottom`}}]},markLine:[{date:`2024-07-28`,style:{lineWidth:1,lineColor:`blue`,lineDash:[8,4]}},{date:`2024-08-17`,style:{lineWidth:2,lineColor:`red`,lineDash:[8,4]}}],rowSeriesNumber:{title:`行号`,dragOrder:!0,headerStyle:{borderColor:`rgba(128, 128, 128, 0.2)`},style:{borderColor:`rgba(128, 128, 128, 0.2)`}},scrollStyle:{scrollRailColor:`rgba(246,246,246,0.5)`,visible:`scrolling`,width:6,scrollSliderCornerRadius:2,scrollSliderColor:`#1890ff`}}},o=new Set([`__proto__`,`prototype`,`constructor`]),s=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null};function c(e,t){let n=new WeakMap,r=(e,t)=>{let i=n.get(t);if(i)return i;let a={...e};n.set(t,a);for(let[n,i]of Object.entries(t))o.has(n)||(a[n]=s(i)?r(s(e[n])?e[n]:{},i):i);return a};return r(e,t)}function l(e,t,n){e.on(`click_task_bar`,e=>{e.record&&t(e.record,e.event)}),e.on(`change_date_range`,e=>{if(e.record){let t={start:e.startDate,end:e.endDate};n({...e.record,...t},t)}}),e.on(`progress_update`,e=>{if(e.record){let t={progress:e.progress};n({...e.record,...t},t)}});let r=e.taskListTableInstance;r&&(r.on(`click_cell`,e=>{let n=r.getCellOriginRecord(e.col,e.row);n&&typeof n==`object`&&`id`in n&&t(n,e.event)}),r.on(`change_cell_value`,e=>{let t=r.getCellOriginRecord(e.col,e.row),i=r.getHeaderField(e.col,e.row);t&&typeof i==`string`&&n({...t,[i]:e.changedValue},{[i]:e.changedValue})}))}const u={class:`c-vtable-gantt-wrapper`},d={key:0,class:`gantt-toolbar`},f={class:`toolbar-left`},p={class:`gantt-title`},m={class:`toolbar-right`},h={class:`gantt-body`},g=(0,n.defineComponent)({name:`C_VtableGantt`,__name:`index`,props:{data:{default:()=>[]},options:{default:()=>({})},preset:{default:`basic`},height:{default:`600px`},title:{default:``},showToolbar:{type:Boolean,default:!0},showFullscreenButton:{type:Boolean,default:!0},theme:{default:`light`}},emits:[`ganttCreated`,`taskClick`,`taskChange`,`error`],setup(t,{expose:i,emit:o}){let s=t,g=o,_=(0,n.ref)(),v=(0,n.shallowRef)(),y=(0,n.ref)(!1),b=(0,n.ref)(!1),x=(0,n.shallowRef)(),S=0,C,w=!1,T,E,D,O=(0,n.computed)(()=>typeof s.height==`number`?`${s.height}px`:s.height),k=(e,t)=>!w&&e===S&&_.value===t,A=e=>e.map(e=>({...e,title:e.title||`任务${e.id}`,children:e.children?A(e.children):void 0})),j=e=>({underlayBackgroundColor:e?`#1e1e1e`:`#ffffff`,timelineHeaderBg:e?`#2d2d2d`:`#EEF1F5`,gridBg:e?`#1e1e1e`:`#ffffff`,lineColor:e?`rgba(255, 255, 255, 0.1)`:`rgba(128, 128, 128, 0.2)`,textColor:e?`#ffffff`:`#000000`}),M=(e,t)=>({...e,backgroundColor:t.timelineHeaderBg,horizontalLine:{...e?.horizontalLine,lineColor:t.lineColor},verticalLine:{...e?.verticalLine,lineColor:t.lineColor},scales:e?.scales?.map(e=>({...e,style:{...e.style,color:t.textColor}}))}),N=(e,t)=>({...e,backgroundColor:t.gridBg,horizontalLine:{...e?.horizontalLine,lineColor:t.lineColor},verticalLine:{...e?.verticalLine,lineColor:t.lineColor}}),P=(e,t,n,r)=>({...e,records:t,underlayBackgroundColor:r.underlayBackgroundColor,taskListTable:{...e.taskListTable,theme:n.extends(e.taskListTable?.theme??{})},timelineHeader:M(e.timelineHeader,r),grid:N(e.grid,r)}),F=(e,t,n)=>{let r=s.theme===`dark`;return P(t,n,r?e.DARK:e.DEFAULT,j(r))},I=e=>{if(e)try{e.release()}catch(e){console.warn(`销毁甘特图失败:`,e)}},L=(e,t,n)=>{e.editor(t)||e.editor(t,n())},R=async()=>{clearTimeout(C),C=void 0;let e=_.value;if(!e||w)return;let t=++S;b.value=!0,x.value=void 0;let n;try{let[{Gantt:r},{themes:i,register:o},{InputEditor:u,DateInputEditor:d}]=await Promise.all([import(`@visactor/vtable-gantt`),import(`@visactor/vtable`),import(`@visactor/vtable-editors`)]);if(!k(t,e))return;L(o,`input`,()=>new u),L(o,`date-input`,()=>new d);let f=c(a[s.preset]||a.basic,s.options),p=F(i,f,A(s.data));U();let m=new r(e,p);if(n=m,!k(t,e)){m.release();return}l(m,(e,t)=>g(`taskClick`,e,t),(e,t)=>g(`taskChange`,e,t)),v.value=m,T=p,E=f,D=i,n=void 0,g(`ganttCreated`,m)}catch(r){if(I(n),!k(t,e))return;x.value=r instanceof Error?r:Error(String(r)),g(`error`,x.value)}finally{k(t,e)&&(b.value=!1)}},z=async()=>{let e=_.value;if(e)try{document.fullscreenElement===e?await document.exitFullscreen():await e.requestFullscreen(),y.value=document.fullscreenElement===e}catch(t){console.warn(`全屏切换失败:`,t),y.value=document.fullscreenElement===e}},B=()=>{y.value=document.fullscreenElement===_.value},V=e=>{if(v.value&&e)try{let t=A(e);v.value.setRecords(t),T&&={...T,records:t}}catch(e){console.warn(`更新数据失败:`,e)}},H=e=>{if(v.value&&T&&E&&D)try{let t=c(E,e),n=F(D,t,T.records??[]);v.value.updateOption(n),T=n,E=t}catch(e){console.warn(`更新配置失败:`,e)}},U=()=>{let e=v.value;v.value=void 0,T=void 0,E=void 0,D=void 0,I(e)};return(0,n.watch)(()=>s.data,e=>{e&&v.value&&V(e)},{deep:!0}),(0,n.watch)(()=>[s.options,s.preset,s.theme],()=>void R(),{deep:!0,flush:`post`}),(0,n.onMounted)(()=>{w=!1,document.addEventListener(`fullscreenchange`,B),(0,n.nextTick)(()=>{w||S>0||(C=setTimeout(()=>R(),100))})}),(0,n.onUnmounted)(()=>{w=!0,b.value=!1,S+=1,C&&clearTimeout(C),document.removeEventListener(`fullscreenchange`,B),U()}),i({ganttInstance:v,loading:b,error:x,reload:R,updateData:V,updateOptions:H,toggleFullscreen:z}),(i,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,u,[t.showToolbar?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.createElementVNode)(`div`,f,[(0,n.createElementVNode)(`span`,p,(0,n.toDisplayString)(t.title||`甘特图`),1)]),(0,n.createElementVNode)(`div`,m,[t.showFullscreenButton?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NButton),{key:0,size:`small`,onClick:z},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:y.value?`carbon:minimize`:`carbon:maximize`,size:16,color:`currentColor`},null,8,[`name`])]),default:(0,n.withCtx)(()=>[(0,n.createTextVNode)(` `+(0,n.toDisplayString)(y.value?`退出全屏`:`全屏`),1)]),_:1})):(0,n.createCommentVNode)(`v-if`,!0)])])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,h,[(0,n.createElementVNode)(`div`,{ref_key:`ganttContainerRef`,ref:_,class:`gantt-container`,style:(0,n.normalizeStyle)({height:O.value})},null,4),x.value?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NResult),{key:0,class:`gantt-error`,status:`error`,title:`甘特图加载失败`,description:x.value.message},{footer:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{loading:b.value,onClick:R},{default:(0,n.withCtx)(()=>[...a[0]||=[(0,n.createTextVNode)(`重试`,-1)]]),_:1},8,[`loading`])]),_:1},8,[`description`])):(0,n.createCommentVNode)(`v-if`,!0)])]))}});var _=t.t(g,[[`__scopeId`,`data-v-f33bf002`]]);function v(e,t){e.add(t)}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});