@dazhicheng/ui 1.6.46 → 1.6.48

package/dist/components/tt-custom-export-modal/src/components/FieldGridSection.vue.d.ts

@@ -0,0 +1,275 @@
+import { ReportAPI } from '../types';
+/** 左侧展示搜索结果；右侧始终展示完整的已选字段和导出顺序。 */
+type __VLS_Props = {
+    /** 左侧搜索后的字段；只影响显示，不作为右侧排序的数据源。 */
+    filteredFields: ReportAPI.ExportFieldCO[];
+    /** 当前业务全部字段数量，不随搜索结果变化。 */
+    totalFieldCount: number;
+    /** 父组件保存的已选编码，用于快速判断左侧 checkbox 是否勾选。 */
+    selectedCodeSet: Set<string>;
+    /** 父组件按导出顺序生成的字段对象；右侧列表直接使用此顺序。 */
+    selectedFields: ReportAPI.ExportFieldCO[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggleField: (field: ReportAPI.ExportFieldCO) => any;
+    reorder: (codes: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggleField?: ((field: ReportAPI.ExportFieldCO) => any) | undefined;
+    onReorder?: ((codes: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    optionsScrollbar: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly distance?: number | undefined;
+            readonly height?: number | string | undefined;
+            readonly maxHeight?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly wrapStyle?: import('vue').StyleValue;
+            readonly wrapClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly viewClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly viewStyle?: import('vue').StyleValue;
+            readonly noresize?: boolean | undefined;
+            readonly tag?: (keyof HTMLElementTagNameMap | (string & {})) | undefined;
+            readonly always?: boolean | undefined;
+            readonly minSize?: number | undefined;
+            readonly tabindex?: number | string | undefined;
+            readonly id?: string | undefined;
+            readonly role?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | undefined;
+            readonly onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined | undefined;
+            readonly "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "scroll", args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void) & ((event: "end-reached", direction: import('element-plus').ScrollbarDirection) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }>, {
+            wrapRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+            update: () => void;
+            scrollTo: {
+                (xCord: number, yCord?: number): void;
+                (options: ScrollToOptions): void;
+            };
+            setScrollTop: (value: number) => void;
+            setScrollLeft: (value: number) => void;
+            handleScroll: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => void;
+            "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
+        }, string, {
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            viewClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            minSize: number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        distance: number;
+        wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        wrapClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        viewClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        minSize: number;
+    }> & Omit<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }>, "height" | "tabindex" | "tag" | "handleScroll" | "maxHeight" | "scrollTo" | "update" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & {
+        wrapRef: HTMLDivElement | undefined;
+        update: () => void;
+        scrollTo: {
+            (xCord: number, yCord?: number): void;
+            (options: ScrollToOptions): void;
+        };
+        setScrollTop: (value: number) => void;
+        setScrollLeft: (value: number) => void;
+        handleScroll: () => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+    selectedScrollbar: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly distance?: number | undefined;
+            readonly height?: number | string | undefined;
+            readonly maxHeight?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly wrapStyle?: import('vue').StyleValue;
+            readonly wrapClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly viewClass?: import('element-plus/es/utils/typescript.mjs').ClassValue;
+            readonly viewStyle?: import('vue').StyleValue;
+            readonly noresize?: boolean | undefined;
+            readonly tag?: (keyof HTMLElementTagNameMap | (string & {})) | undefined;
+            readonly always?: boolean | undefined;
+            readonly minSize?: number | undefined;
+            readonly tabindex?: number | string | undefined;
+            readonly id?: string | undefined;
+            readonly role?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | undefined;
+            readonly onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined | undefined;
+            readonly "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "scroll", args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void) & ((event: "end-reached", direction: import('element-plus').ScrollbarDirection) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }>, {
+            wrapRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+            update: () => void;
+            scrollTo: {
+                (xCord: number, yCord?: number): void;
+                (options: ScrollToOptions): void;
+            };
+            setScrollTop: (value: number) => void;
+            setScrollLeft: (value: number) => void;
+            handleScroll: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => void;
+            "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
+        }, string, {
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            viewClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            minSize: number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        distance: number;
+        wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        wrapClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        viewClass: string | false | Record<string, any> | import('element-plus/es/utils/typescript.mjs').ClassValue[] | null;
+        viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        minSize: number;
+    }> & Omit<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }>, "height" | "tabindex" | "tag" | "handleScroll" | "maxHeight" | "scrollTo" | "update" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & {
+        wrapRef: HTMLDivElement | undefined;
+        update: () => void;
+        scrollTo: {
+            (xCord: number, yCord?: number): void;
+            (options: ScrollToOptions): void;
+        };
+        setScrollTop: (value: number) => void;
+        setScrollLeft: (value: number) => void;
+        handleScroll: () => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/tt-custom-export-modal/src/components/FieldGridSection.vue.js

@@ -0,0 +1,7 @@
+import o from "./FieldGridSection.vue2.js";
+/* empty css                      */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ff125863"]]);
+export {
+  e as default
+};

package/dist/components/tt-custom-export-modal/src/components/FieldGridSection.vue2.js

@@ -0,0 +1,321 @@
+import { defineComponent as Se, ref as S, computed as m, watch as ee, onBeforeUnmount as xe, createElementBlock as x, openBlock as u, createElementVNode as a, createVNode as r, unref as l, withCtx as c, createTextVNode as k, toDisplayString as _, createBlock as B, createCommentVNode as T, normalizeStyle as te, Fragment as $, renderList as le, normalizeClass as be, withKeys as oe, withModifiers as ie } from "vue";
+import { useMediaQuery as se, useRafFn as Ce, useEventListener as ye } from "@vueuse/core";
+import { ElTag as V, ElScrollbar as ae, ElCheckbox as Ee } from "element-plus";
+import { List as we, Finished as ke, DCaret as Te, Top as Me, Close as Ne } from "@element-plus/icons-vue";
+import _e from "sortablejs";
+import "axios";
+import { isElement as Be, isNullOrUnDef as re } from "../../../../packages/utils/src/is.js";
+import "dayjs";
+import "numeral";
+import "xe-utils";
+import "dayjs/plugin/utc";
+import "dayjs/plugin/timezone";
+import { subtract as f, add as s, multiply as b, divide as K } from "../../../../packages/utils/src/calc.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
+import "lodash-es";
+import { TtButton as L } from "../../../tt-button/index.js";
+import { TtEmpty as de } from "../../../tt-empty/index.js";
+import { TtText as ne } from "../../../tt-text/index.js";
+const Re = { class: "ExportFields" }, De = {
+  class: "ExportFields-panel",
+  "aria-label": "全部字段"
+}, ze = { class: "ExportFields-header" }, Ie = { class: "ExportFields-heading" }, qe = {
+  class: "ExportFields-panel ExportFields-picked",
+  "aria-label": "导出顺序"
+}, $e = { class: "ExportFields-header" }, Ve = { class: "ExportFields-heading" }, Ke = ["data-field-code"], Le = { class: "ExportFields-number" }, Oe = { class: "ExportFields-actions" }, ce = 54, ue = 11, O = 40, R = 13, nt = /* @__PURE__ */ Se({
+  name: "FieldGridSection",
+  __name: "FieldGridSection",
+  props: {
+    filteredFields: {},
+    totalFieldCount: {},
+    selectedCodeSet: {},
+    selectedFields: {}
+  },
+  emits: ["toggleField", "reorder"],
+  setup(v, { emit: pe }) {
+    const d = v, D = pe;
+    let p, M;
+    const U = S(), z = S(), I = S(0), C = S(0), F = S(!1), G = S(), h = { x: 0, y: 0 }, me = se("(max-width: 1000px)"), fe = se("(max-width: 420px)"), { pause: W, resume: ve } = Ce(
+      ({ delta: i }) => {
+        var w;
+        const t = (w = z.value) == null ? void 0 : w.wrapRef;
+        if (!t) return;
+        const e = t.getBoundingClientRect();
+        if (h.x < e.left || h.x > e.right) return;
+        const o = f(h.y, e.top), E = f(e.bottom, h.y), g = Math.abs(o) < 80 ? -1 : Math.abs(E) < 80 ? 1 : 0;
+        g && (t.scrollTop = s(t.scrollTop, b(g, Math.min(i, 32), 0.75)));
+      },
+      { immediate: !1 }
+    );
+    ye("pointermove", (i) => {
+      h.x = i.clientX, h.y = i.clientY;
+    });
+    const y = m(() => fe.value ? 1 : me.value ? 2 : 3), P = m(() => Math.ceil(K(d.filteredFields.length, y.value))), Q = m(() => A(I.value, P.value)), X = m(() => b(Q.value, y.value)), Y = m(
+      () => d.filteredFields.slice(X.value, s(X.value, b(ue, y.value)))
+    ), q = m(
+      () => A(C.value, d.selectedFields.length, O, R)
+    ), n = m(() => F.value ? 0 : q.value), j = m(
+      () => F.value ? d.selectedFields : d.selectedFields.slice(n.value, s(n.value, R))
+    );
+    function A(i, t, e = ce, o = ue) {
+      return Math.max(0, Math.min(f(Math.floor(K(i, e)), 2), f(t, o)));
+    }
+    function H(i, t, e, o = ce) {
+      return {
+        paddingTop: `${s(10, b(i, o))}px`,
+        paddingBottom: `${s(10, b(Math.max(0, f(e, s(i, t))), o))}px`
+      };
+    }
+    function N(i, t) {
+      if (i === t || t < 0 || t >= d.selectedFields.length) return;
+      const e = d.selectedFields.map((o) => o.fieldCode).filter((o) => !!o);
+      e.splice(t, 0, ...e.splice(i, 1)), D("reorder", e);
+    }
+    function J(i) {
+      i !== M && (p == null || p.destroy(), p = void 0, M = void 0, Be(i) && (M = i, p = _e.create(M, {
+        animation: 180,
+        // 只允许从手柄发起拖动，点击置顶、移除或选中文本不会误触拖拽。
+        handle: ".ExportFields-drag",
+        draggable: ".ExportFields-selected-row",
+        ghostClass: "ExportFields-ghost",
+        // 使用指针拖拽，避免浏览器原生滚动与动画帧滚动同时生效。
+        forceFallback: !0,
+        fallbackOnBody: !0,
+        scroll: !1,
+        onChoose(t) {
+          p == null || p.option("animation", d.selectedFields.length > R ? 0 : 180), G.value = t.item.dataset.fieldCode, F.value = !0;
+        },
+        onStart() {
+          ve();
+        },
+        onUnchoose() {
+          W(), F.value = !1;
+        },
+        onEnd(t) {
+          W();
+          const { oldIndex: e, newIndex: o, item: E, from: g } = t;
+          if (F.value = !1, re(e) || re(o)) return;
+          const w = d.selectedFields.findIndex((he) => he.fieldCode === E.dataset.fieldCode), Z = g.children.length === d.selectedFields.length ? 0 : n.value, ge = s(Z, o);
+          g.removeChild(E);
+          const Fe = f(w, Z);
+          g.insertBefore(E, g.children[Fe] ?? null), N(w, ge);
+        }
+      })));
+    }
+    return ee([() => d.filteredFields, y], () => {
+      var i;
+      I.value = 0, (i = U.value) == null || i.setScrollTop(0);
+    }), ee(
+      () => d.selectedFields.length,
+      () => {
+        var t;
+        const i = Math.max(0, f(s(20, b(d.selectedFields.length, O)), 340));
+        C.value = Math.min(C.value, i), (t = z.value) == null || t.setScrollTop(C.value);
+      }
+    ), xe(() => {
+      J(null);
+    }), (i, t) => (u(), x("div", Re, [
+      a("section", De, [
+        a("header", ze, [
+          a("div", Ie, [
+            r(l(we)),
+            t[2] || (t[2] = a("strong", null, "全部字段", -1)),
+            r(l(V), {
+              size: "small",
+              type: "info",
+              round: ""
+            }, {
+              default: c(() => [
+                k(_(v.totalFieldCount), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          t[3] || (t[3] = a("span", null, "勾选添加到导出列表", -1))
+        ]),
+        r(l(ae), {
+          ref_key: "optionsScrollbar",
+          ref: U,
+          height: "340px",
+          onScroll: t[0] || (t[0] = ({ scrollTop: e }) => {
+            I.value = e;
+          })
+        }, {
+          default: c(() => [
+            a("div", {
+              class: "ExportFields-options",
+              style: te(
+                H(Q.value, Math.ceil(l(K)(Y.value.length, y.value)), P.value)
+              )
+            }, [
+              (u(!0), x($, null, le(Y.value, (e) => (u(), x("div", {
+                key: e.fieldCode,
+                class: be(["ExportFields-option", { "is-selected": v.selectedCodeSet.has(e.fieldCode || "") }])
+              }, [
+                r(l(Ee), {
+                  "model-value": v.selectedCodeSet.has(e.fieldCode || ""),
+                  disabled: e.requiredSelected,
+                  "aria-label": e.fieldName,
+                  onChange: () => {
+                    D("toggleField", e);
+                  }
+                }, {
+                  default: c(() => [
+                    r(l(ne), {
+                      class: "ExportFields-name",
+                      "tool-tip-line": 2
+                    }, {
+                      default: c(() => [
+                        k(_(e.fieldName), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["model-value", "disabled", "aria-label", "onChange"]),
+                e.requiredSelected ? (u(), B(l(V), {
+                  key: 0,
+                  type: "info",
+                  size: "small",
+                  effect: "plain"
+                }, {
+                  default: c(() => [...t[4] || (t[4] = [
+                    k("必选", -1)
+                  ])]),
+                  _: 1
+                })) : T("", !0)
+              ], 2))), 128))
+            ], 4),
+            v.filteredFields.length ? T("", !0) : (u(), B(l(de), {
+              key: 0,
+              description: "未找到匹配的字段",
+              "image-size": 64
+            }))
+          ]),
+          _: 1
+        }, 512)
+      ]),
+      a("section", qe, [
+        a("header", $e, [
+          a("div", Ve, [
+            r(l(ke)),
+            t[5] || (t[5] = a("strong", null, "导出顺序", -1))
+          ]),
+          t[6] || (t[6] = a("span", null, "拖拽调整列顺序", -1))
+        ]),
+        r(l(ae), {
+          ref_key: "selectedScrollbar",
+          ref: z,
+          height: "340px",
+          onScroll: t[1] || (t[1] = ({ scrollTop: e }) => {
+            C.value = e;
+          })
+        }, {
+          default: c(() => [
+            a("ol", {
+              ref: J,
+              class: "ExportFields-selected-list",
+              "aria-label": "导出字段顺序",
+              style: te(H(n.value, j.value.length, v.selectedFields.length, O))
+            }, [
+              (u(!0), x($, null, le(j.value, (e, o) => (u(), x("li", {
+                key: e.fieldCode,
+                class: "ExportFields-selected-row",
+                "data-field-code": e.fieldCode
+              }, [
+                !F.value || e.fieldCode === G.value || o >= q.value && o < l(s)(q.value, R) ? (u(), x($, { key: 0 }, [
+                  r(l(L), {
+                    text: "",
+                    class: "ExportFields-drag",
+                    title: "拖拽排序，也可使用上下方向键",
+                    "aria-label": `移动${e.fieldName}，使用上下方向键排序`,
+                    onKeydown: [
+                      oe(ie(
+                        () => {
+                          N(l(s)(n.value, o), l(f)(l(s)(n.value, o), 1));
+                        },
+                        ["prevent"]
+                      ), ["up"]),
+                      oe(ie(
+                        () => {
+                          N(l(s)(n.value, o), l(s)(n.value, o, 1));
+                        },
+                        ["prevent"]
+                      ), ["down"])
+                    ]
+                  }, {
+                    default: c(() => [
+                      r(l(Te))
+                    ]),
+                    _: 1
+                  }, 8, ["aria-label", "onKeydown"]),
+                  a("span", Le, _(l(s)(n.value, o, 1)), 1),
+                  r(l(ne), { class: "ExportFields-name" }, {
+                    default: c(() => [
+                      k(_(e.fieldName), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  e.requiredSelected ? (u(), B(l(V), {
+                    key: 0,
+                    type: "info",
+                    size: "small",
+                    effect: "plain"
+                  }, {
+                    default: c(() => [...t[7] || (t[7] = [
+                      k("必选", -1)
+                    ])]),
+                    _: 1
+                  })) : T("", !0),
+                  a("div", Oe, [
+                    r(l(L), {
+                      text: "",
+                      type: "primary",
+                      disabled: l(s)(n.value, o) === 0,
+                      title: l(s)(n.value, o) === 0 ? "已在顶部" : "置顶",
+                      "aria-label": `置顶${e.fieldName}`,
+                      onClick: () => {
+                        N(l(s)(n.value, o), 0);
+                      }
+                    }, {
+                      default: c(() => [
+                        r(l(Me))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "title", "aria-label", "onClick"]),
+                    r(l(L), {
+                      text: "",
+                      disabled: e.requiredSelected,
+                      "aria-label": `移除${e.fieldName}`,
+                      title: e.requiredSelected ? "必选字段不可移除" : "移除",
+                      onClick: () => {
+                        D("toggleField", e);
+                      }
+                    }, {
+                      default: c(() => [
+                        r(l(Ne))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "aria-label", "title", "onClick"])
+                  ])
+                ], 64)) : T("", !0)
+              ], 8, Ke))), 128))
+            ], 4),
+            v.selectedFields.length ? T("", !0) : (u(), B(l(de), {
+              key: 0,
+              description: "从左侧勾选需要导出的字段",
+              "image-size": 64
+            }))
+          ]),
+          _: 1
+        }, 512)
+      ])
+    ]));
+  }
+});
+export {
+  nt as default
+};

package/dist/components/tt-custom-export-modal/src/components/FieldToolbarSection.vue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 父组件计算批量按钮状态；本组件不持有字段数组，也不直接修改勾选。
+ */
+type __VLS_Props = {
+    /** 当前搜索结果是否全部选中，决定全选按钮显示的操作文案。 */
+    isAllSelected?: boolean;
+    /** 业务页面提供了非空 listColumns 时，才展示“按列表字段勾选”。 */
+    hasListColumns?: boolean;
+};
+type __VLS_PublicProps = {
+    "keyword"?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:keyword": (value: string) => any;
+} & {
+    clearAll: () => any;
+    toggleSelectAll: () => any;
+    selectByListColumns: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClearAll?: (() => any) | undefined;
+    "onUpdate:keyword"?: ((value: string) => any) | undefined;
+    onToggleSelectAll?: (() => any) | undefined;
+    onSelectByListColumns?: (() => any) | undefined;
+}>, {
+    isAllSelected: boolean;
+    hasListColumns: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;