@yibozhang/pro-table 0.0.1

package/bundles/yibozhang-pro-table.umd.js

@@ -0,0 +1,3110 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('lodash-es'), require('rxjs'), require('@angular/cdk/drag-drop'), require('@angular/common'), require('@angular/common/http'), require('@angular/forms'), require('@angular/router'), require('ng-zorro-antd/button'), require('ng-zorro-antd/checkbox'), require('ng-zorro-antd/date-picker'), require('ng-zorro-antd/form'), require('ng-zorro-antd/grid'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/input'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/popover'), require('ng-zorro-antd/select'), require('ng-zorro-antd/space'), require('ng-zorro-antd/table'), require('ng-zorro-antd/typography'), require('ng-zorro-antd/card'), require('sortablejs'), require('ng-zorro-antd/auto-complete'), require('ng-zorro-antd/input-number'), require('ng-zorro-antd/tooltip'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@yibozhang/pro-table', ['exports', '@angular/core', 'lodash-es', 'rxjs', '@angular/cdk/drag-drop', '@angular/common', '@angular/common/http', '@angular/forms', '@angular/router', 'ng-zorro-antd/button', 'ng-zorro-antd/checkbox', 'ng-zorro-antd/date-picker', 'ng-zorro-antd/form', 'ng-zorro-antd/grid', 'ng-zorro-antd/icon', 'ng-zorro-antd/input', 'ng-zorro-antd/modal', 'ng-zorro-antd/popover', 'ng-zorro-antd/select', 'ng-zorro-antd/space', 'ng-zorro-antd/table', 'ng-zorro-antd/typography', 'ng-zorro-antd/card', 'sortablejs', 'ng-zorro-antd/auto-complete', 'ng-zorro-antd/input-number', 'ng-zorro-antd/tooltip', 'rxjs/operators'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.yibozhang = global.yibozhang || {}, global.yibozhang['pro-table'] = {}), global.ng.core, global.lodashEs, global.rxjs, global.ng.cdk.dragDrop, global.ng.common, global.ng.common.http, global.ng.forms, global.ng.router, global.button, global.checkbox, global.datePicker, global.form, global.grid, global.icon, global.input, global.modal, global.popover, global.select, global.space, global.table, global.typography, global.card, global.Sortable, global.autoComplete, global.inputNumber, global.tooltip, global.rxjs.operators));
+}(this, (function (exports, i0, lodashEs, rxjs, dragDrop, common, http, i1, router, button, checkbox, datePicker, form, grid, icon, input, modal, popover, select, space, table, typography, card, Sortable, autoComplete, inputNumber, tooltip, operators) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+        function accept(f) { if (f !== void 0 && typeof f !== "function")
+            throw new TypeError("Function expected"); return f; }
+        var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+        var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+        var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+        var _, done = false;
+        for (var i = decorators.length - 1; i >= 0; i--) {
+            var context = {};
+            for (var p in contextIn)
+                context[p] = p === "access" ? {} : contextIn[p];
+            for (var p in contextIn.access)
+                context.access[p] = contextIn.access[p];
+            context.addInitializer = function (f) { if (done)
+                throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+            var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+            if (kind === "accessor") {
+                if (result === void 0)
+                    continue;
+                if (result === null || typeof result !== "object")
+                    throw new TypeError("Object expected");
+                if (_ = accept(result.get))
+                    descriptor.get = _;
+                if (_ = accept(result.set))
+                    descriptor.set = _;
+                if (_ = accept(result.init))
+                    initializers.unshift(_);
+            }
+            else if (_ = accept(result)) {
+                if (kind === "field")
+                    initializers.unshift(_);
+                else
+                    descriptor[key] = _;
+            }
+        }
+        if (target)
+            Object.defineProperty(target, contextIn.name, descriptor);
+        done = true;
+    }
+    ;
+    function __runInitializers(thisArg, initializers, value) {
+        var useValue = arguments.length > 2;
+        for (var i = 0; i < initializers.length; i++) {
+            value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+        }
+        return useValue ? value : void 0;
+    }
+    ;
+    function __propKey(x) {
+        return typeof x === "symbol" ? x : "".concat(x);
+    }
+    ;
+    function __setFunctionName(f, name, prefix) {
+        if (typeof name === "symbol")
+            name = name.description ? "[".concat(name.description, "]") : "";
+        return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+    }
+    ;
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+        return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (g && (g = 0, op[0] && (_ = 0)), _)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+        function verb(n, f) { if (g[n]) {
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
+            if (f)
+                i[n] = f(i[n]);
+        } }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    var ownKeys = function (o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o)
+                if (Object.prototype.hasOwnProperty.call(o, k))
+                    ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k = ownKeys(mod), i = 0; i < k.length; i++)
+                if (k[i] !== "default")
+                    __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
+    }
+    function __addDisposableResource(env, value, async) {
+        if (value !== null && value !== void 0) {
+            if (typeof value !== "object" && typeof value !== "function")
+                throw new TypeError("Object expected.");
+            var dispose, inner;
+            if (async) {
+                if (!Symbol.asyncDispose)
+                    throw new TypeError("Symbol.asyncDispose is not defined.");
+                dispose = value[Symbol.asyncDispose];
+            }
+            if (dispose === void 0) {
+                if (!Symbol.dispose)
+                    throw new TypeError("Symbol.dispose is not defined.");
+                dispose = value[Symbol.dispose];
+                if (async)
+                    inner = dispose;
+            }
+            if (typeof dispose !== "function")
+                throw new TypeError("Object not disposable.");
+            if (inner)
+                dispose = function () { try {
+                    inner.call(this);
+                }
+                catch (e) {
+                    return Promise.reject(e);
+                } };
+            env.stack.push({ value: value, dispose: dispose, async: async });
+        }
+        else if (async) {
+            env.stack.push({ async: true });
+        }
+        return value;
+    }
+    var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+    function __disposeResources(env) {
+        function fail(e) {
+            env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+            env.hasError = true;
+        }
+        var r, s = 0;
+        function next() {
+            while (r = env.stack.pop()) {
+                try {
+                    if (!r.async && s === 1)
+                        return s = 0, env.stack.push(r), Promise.resolve().then(next);
+                    if (r.dispose) {
+                        var result = r.dispose.call(r.value);
+                        if (r.async)
+                            return s |= 2, Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
+                    }
+                    else
+                        s |= 1;
+                }
+                catch (e) {
+                    fail(e);
+                }
+            }
+            if (s === 1)
+                return env.hasError ? Promise.reject(env.error) : Promise.resolve();
+            if (env.hasError)
+                throw env.error;
+        }
+        return next();
+    }
+    function __rewriteRelativeImportExtension(path, preserveJsx) {
+        if (typeof path === "string" && /^\.\.?\//.test(path)) {
+            return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
+                return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
+            });
+        }
+        return path;
+    }
+    var tslib_es6 = {
+        __extends: __extends,
+        __assign: __assign,
+        __rest: __rest,
+        __decorate: __decorate,
+        __param: __param,
+        __esDecorate: __esDecorate,
+        __runInitializers: __runInitializers,
+        __propKey: __propKey,
+        __setFunctionName: __setFunctionName,
+        __metadata: __metadata,
+        __awaiter: __awaiter,
+        __generator: __generator,
+        __createBinding: __createBinding,
+        __exportStar: __exportStar,
+        __values: __values,
+        __read: __read,
+        __spread: __spread,
+        __spreadArrays: __spreadArrays,
+        __spreadArray: __spreadArray,
+        __await: __await,
+        __asyncGenerator: __asyncGenerator,
+        __asyncDelegator: __asyncDelegator,
+        __asyncValues: __asyncValues,
+        __makeTemplateObject: __makeTemplateObject,
+        __importStar: __importStar,
+        __importDefault: __importDefault,
+        __classPrivateFieldGet: __classPrivateFieldGet,
+        __classPrivateFieldSet: __classPrivateFieldSet,
+        __classPrivateFieldIn: __classPrivateFieldIn,
+        __addDisposableResource: __addDisposableResource,
+        __disposeResources: __disposeResources,
+        __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,
+    };
+
+    var ɵ0 = function () { return []; }, ɵ1 = function (value) { return "" + value; }, ɵ2 = function (value) { return value; };
+    var PRO_TABLE_DEFAULT_PROPS = {
+        input: {
+            name: "",
+            placeHolder: "",
+            disabled: false,
+            label: "",
+            value: "",
+        },
+        select: {
+            name: "",
+            options: [],
+            disabled: false,
+            label: "",
+            value: "",
+            allowClear: true,
+            placeHolder: "",
+        },
+        selectMultiple: {
+            name: "",
+            options: [],
+            disabled: false,
+            label: "",
+            value: [],
+            allowClear: true,
+            placeHolder: "请选择",
+        },
+        inputPlate: {
+            name: "",
+            label: "",
+            value: "",
+        },
+        checkbox: {
+            name: "",
+            options: [],
+            disabled: false,
+            label: "",
+            value: [],
+            noStyle: false,
+        },
+        date: {
+            name: "",
+            disabled: false,
+            label: "",
+            value: "",
+            allowClear: true,
+            placeHolder: "请选择",
+            showTime: false,
+            format: "yyyy-MM-dd",
+            mode: "date",
+        },
+        autoComplete: {
+            name: "",
+            disabled: false,
+            placeHolder: "请输入",
+            label: "",
+            value: "",
+            dataSource: ɵ0,
+            backFill: false,
+            defaultActiveFirstOption: false,
+            returnFullData: false,
+        },
+        inputNumber: {
+            name: "",
+            disabled: false,
+            label: "",
+            value: "",
+            placeHolder: "请输入",
+            min: 0,
+            max: 100,
+            precision: 0,
+            formatterPercent: ɵ1,
+            parserPercent: ɵ2,
+        },
+        custom: {
+            name: "",
+            value: null,
+            label: "",
+        },
+    };
+    var PRO_TABLE_DEFAULT_COLUMN = {
+        width: "",
+        align: "left",
+        fixedLeft: false,
+        fixedRight: false,
+        auxiliaryColumn: false,
+    };
+
+    var PRO_TABLE_COLUMN_REMOTE = new i0.InjectionToken("PRO_TABLE_COLUMN_REMOTE");
+    var PLATE_PREFIX_LOAD_SERVICE = new i0.InjectionToken("PLATE_PREFIX_LOAD_SERVICE");
+
+    var ProTableComponent = /** @class */ (function () {
+        function ProTableComponent(columnRemote) {
+            this.columnRemote = columnRemote;
+            this.showSearchBtn = true;
+            this.showClearBtn = true;
+            this.title = null;
+            this.tableName = "";
+            this.multiRow = false;
+            this.columns = [];
+            this.showSearchBar = true;
+            this.showActionBar = true;
+            this.confirmBtnText = "查询";
+            this.clearBtnText = "清空";
+            this.labelWidth = "90px";
+            this.labelAlign = "right";
+            this.dataSource = [];
+            this.bordered = true;
+            this.outerBordered = true;
+            this.showPagination = true;
+            this.frontPagination = false;
+            this.scroll = null;
+            this.summaryData = null;
+            // 排序模式：local 本地排序；server 在线排序（提交给接口）
+            this.sortMode = "local";
+            this.showColumnSetting = false;
+            // 是否开启多列排序（默认单列）
+            this.multipleSort = false;
+            this.showCheckbox = false;
+            // 判断行是否禁用的函数
+            this.rowDisabled = function () { return false; };
+            // 是否自动触发请求
+            this.autoTriggerRequest = true;
+            this.onRowClick = new i0.EventEmitter();
+            this.onRowDbClick = new i0.EventEmitter();
+            this.onValuesChange = new i0.EventEmitter();
+            this.onResetFormBeforeReload = new i0.EventEmitter();
+            this._savedSearchParams = {};
+            // 存储模板映射关系 - 通过字符串名称映射到模板引用
+            this.templateMap = new Map();
+            // 存储所有自定义模板的引用
+            this.customTemplates = new Map();
+            // 记录各列排序状态：'ascend' | 'descend' | null
+            this._sortMap = {};
+            // 记录多列排序的优先级（后设置的优先）
+            this._sortPriority = [];
+            // 存储每个 autoComplete 字段的防抖函数
+            this._autoCompleteDebounceMap = new Map();
+            // 仅在初始化时运行列配置预检查，避免后续调用重复触发
+            this._preCheckDone = false;
+            this._columns = [];
+            // 筛选表单数据存储
+            this._searchParams = {};
+            // 筛选表单list渲染数据
+            this._searchFiledColumns = [];
+            this._pageInfo = {
+                pageIndex: 1,
+                pageSize: 15,
+                total: 100,
+                pageSizeOptions: [10, 15, 20, 50, 100, 500, 1000],
+            };
+            this._loading = false;
+            this._selectedTableRow = null;
+            // 选中的行数据（用于复选框选择）
+            this._selectedRows = [];
+            // 全选状态
+            this._checkedAll = false;
+            // 半选状态（部分选中）
+            this._indeterminate = false;
+            // 远程columns
+            this._serverColumns = [];
+            // 存储 autoComplete 字段的数据源
+            this._autoCompleteDataSources = {};
+        }
+        ProTableComponent.prototype.fetchRemoteColumns = function () {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var res, error_1;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!((_a = this.columnRemote) === null || _a === void 0 ? void 0 : _a.getCol) || !this.tableName) {
+                                return [2 /*return*/, null];
+                            }
+                            _d.label = 1;
+                        case 1:
+                            _d.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, this.columnRemote.getCol(this.tableName, this.multiRow)];
+                        case 2:
+                            res = _d.sent();
+                            return [2 /*return*/, res];
+                        case 3:
+                            error_1 = _d.sent();
+                            return [2 /*return*/, null];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ProTableComponent.prototype.persistRemoteColumns = function (columns) {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var result, error_2;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!((_a = this.columnRemote) === null || _a === void 0 ? void 0 : _a.setCol) || !this.tableName) {
+                                return [2 /*return*/, null];
+                            }
+                            _d.label = 1;
+                        case 1:
+                            _d.trys.push([1, 4, , 5]);
+                            result = this.columnRemote.setCol(this.tableName, columns, this.multiRow);
+                            if (!(result && rxjs.isObservable(result))) return [3 /*break*/, 3];
+                            return [4 /*yield*/, result.toPromise()];
+                        case 2: return [2 /*return*/, _d.sent()];
+                        case 3: return [2 /*return*/, result];
+                        case 4:
+                            error_2 = _d.sent();
+                            return [2 /*return*/, null];
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ProTableComponent.prototype.ngOnInit = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            this._searchParams = {};
+                            this.formateInnerColumns(this.columns);
+                            return [4 /*yield*/, this.setSearchParams(this.columns)];
+                        case 1:
+                            _d.sent();
+                            // 使用 Proxy 包装 _searchParams，拦截表单项值变化并向外发出事件
+                            this._searchParams = this.createSearchParamsProxy(this._searchParams);
+                            if (this.autoTriggerRequest) {
+                                this.handleQuery();
+                            }
+                            this.queryDynamicColumns();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ProTableComponent.prototype.ngAfterContentInit = function () {
+            // 自动注册所有自定义模板
+            this.autoRegisterTemplates();
+        };
+        ProTableComponent.prototype.preCheckServerColumns = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var res, initColumns, initRes;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0: return [4 /*yield*/, this.fetchRemoteColumns()];
+                        case 1:
+                            res = _d.sent();
+                            if (!res)
+                                return [2 /*return*/, false];
+                            initColumns = this.columns
+                                .filter(function (col) { return !col.auxiliaryColumn; })
+                                .map(function (column) {
+                                return {
+                                    field: column.prop,
+                                    isShow: !column.hideInTable,
+                                    header: column.title,
+                                    sortName: column.sortName || null,
+                                };
+                            });
+                            if (!(res.code === 0)) return [3 /*break*/, 5];
+                            if (!!lodashEs.isEqual(res.data.tabColumn, initColumns)) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.persistRemoteColumns(initColumns)];
+                        case 2:
+                            initRes = _d.sent();
+                            if (initRes) {
+                                this.queryDynamicColumns();
+                            }
+                            return [2 /*return*/, false];
+                        case 3:
+                            console.log("一致");
+                            return [2 /*return*/, true];
+                        case 4: return [3 /*break*/, 6];
+                        case 5: return [2 /*return*/, false];
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ProTableComponent.prototype.queryDynamicColumns = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var checkResult, res, _tabColumn, initColumns, initRes;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!this.tableName || !this.columnRemote)
+                                return [2 /*return*/];
+                            if (!!this._preCheckDone) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.preCheckServerColumns()];
+                        case 1:
+                            checkResult = _d.sent();
+                            this._preCheckDone = true;
+                            if (!checkResult)
+                                return [2 /*return*/];
+                            _d.label = 2;
+                        case 2: return [4 /*yield*/, this.fetchRemoteColumns()];
+                        case 3:
+                            res = _d.sent();
+                            if (!res)
+                                return [2 /*return*/];
+                            if (!(res.code === 0)) return [3 /*break*/, 4];
+                            _tabColumn = res.data.tabColumn.map(function (item) {
+                                return {
+                                    title: item.header,
+                                    prop: item.field,
+                                    sortName: item.sortName,
+                                    hideInTable: !item.isShow,
+                                };
+                            });
+                            this._serverColumns = _tabColumn;
+                            this.updateTableColumns(_tabColumn);
+                            return [3 /*break*/, 6];
+                        case 4:
+                            if (!(res.code === 10)) return [3 /*break*/, 6];
+                            initColumns = this.columns
+                                .filter(function (col) { return !col.auxiliaryColumn; })
+                                .map(function (column) {
+                                return {
+                                    field: column.prop,
+                                    isShow: true,
+                                    header: column.title,
+                                    sortName: column.sortName || null,
+                                };
+                            });
+                            return [4 /*yield*/, this.persistRemoteColumns(initColumns)];
+                        case 5:
+                            initRes = _d.sent();
+                            if (initRes) {
+                                this.queryDynamicColumns();
+                            }
+                            _d.label = 6;
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ProTableComponent.prototype.formateInnerColumns = function (columns) {
+            this._columns = columns
+                .filter(function (item) { return !item.hideInTable; })
+                .map(function (item) {
+                return Object.assign(Object.assign({}, PRO_TABLE_DEFAULT_COLUMN), item);
+            });
+        };
+        // 自动注册模板的方法
+        ProTableComponent.prototype.autoRegisterTemplates = function () {
+            var _this = this;
+            // 获取所有需要自定义模板的列
+            var columnsWithCustomRender = this._columns.filter(function (col) { return col.customRender; });
+            if (columnsWithCustomRender.length > 0) {
+                // 尝试从ContentChildren中查找对应的模板
+                columnsWithCustomRender.forEach(function (column) {
+                    var templateName = column.customRender;
+                    var template = _this.findTemplateByName(templateName);
+                    if (template) {
+                        _this.customTemplates.set(templateName, template);
+                    }
+                    else {
+                    }
+                });
+            }
+            // 获取所有需要自定义label模板的列（使用原始columns，确保顺序正确）
+            var columnsWithCustomLabel = this.columns.filter(function (col) { return col.customLabelRender; });
+            if (columnsWithCustomLabel.length > 0) {
+                // 尝试从ContentChildren中查找对应的label模板
+                columnsWithCustomLabel.forEach(function (column) {
+                    var templateName = column.customLabelRender;
+                    var template = _this.findLabelTemplateByName(templateName, columnsWithCustomLabel);
+                    if (template) {
+                        _this.customTemplates.set(templateName, template);
+                    }
+                    else {
+                    }
+                });
+            }
+        };
+        // 根据名称查找模板
+        ProTableComponent.prototype.findTemplateByName = function (templateName) {
+            return this.getTemplateFromContent(templateName);
+        };
+        // 从ContentChildren中查找指定名称的模板
+        ProTableComponent.prototype.getTemplateFromContent = function (templateName) {
+            var _this = this;
+            var customRenderColumns = this._columns.filter(function (col) { return col.customRender; });
+            var templateIndex = customRenderColumns.findIndex(function (col) { return col.customRender === templateName; });
+            if (templateIndex >= 0) {
+                // 获取所有模板，并过滤掉特殊模板（actionBar和ImgActionBar）
+                // 这样可以避免因为特殊模板的位置导致索引计算错误
+                var templates = this.allTemplates.toArray();
+                var customTemplates = templates.filter(function (tpl) { return tpl !== _this.actionBarTpl && tpl !== _this.imgActionBarTpl; });
+                if (templateIndex < customTemplates.length) {
+                    var template = customTemplates[templateIndex];
+                    return template;
+                }
+            }
+            console.warn("\u672A\u627E\u5230\u6A21\u677F " + templateName);
+            return null;
+        };
+        // 根据名称查找label模板
+        ProTableComponent.prototype.findLabelTemplateByName = function (templateName, customLabelColumns) {
+            var _this = this;
+            var templateIndex = customLabelColumns.findIndex(function (col) { return col.customLabelRender === templateName; });
+            if (templateIndex >= 0) {
+                // 获取所有模板，并过滤掉特殊模板（actionBar和ImgActionBar）
+                var templates = this.allTemplates.toArray();
+                var customTemplates = templates.filter(function (tpl) { return tpl !== _this.actionBarTpl && tpl !== _this.imgActionBarTpl; });
+                // 计算label模板的索引：需要跳过所有的customRender模板
+                var customRenderColumns = this._columns.filter(function (col) { return col.customRender; });
+                var labelTemplateIndex = customRenderColumns.length + templateIndex;
+                if (labelTemplateIndex < customTemplates.length) {
+                    var template = customTemplates[labelTemplateIndex];
+                    return template;
+                }
+            }
+            console.warn("\u672A\u627E\u5230label\u6A21\u677F " + templateName);
+            return null;
+        };
+        // 设置筛选表单默认属性
+        ProTableComponent.prototype.setSearchFormDefaultProp = function (columns) {
+            columns.forEach(function (item) {
+                if (item.valueType) {
+                    if (item.fieldProps) {
+                        item.fieldProps = Object.assign(Object.assign({}, PRO_TABLE_DEFAULT_PROPS[item.valueType]), item.fieldProps);
+                    }
+                    else {
+                        item.fieldProps = Object.assign({}, PRO_TABLE_DEFAULT_PROPS[item.valueType]);
+                    }
+                }
+            });
+        };
+        // 动态设置Options
+        ProTableComponent.prototype.setSelectRequest = function (columns) {
+            var _this = this;
+            columns.map(function (item) { return __awaiter(_this, void 0, void 0, function () {
+                var _a, _b, options, error_3;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!(item.fieldProps && lodashEs.hasIn(item.fieldProps, "request"))) return [3 /*break*/, 4];
+                            _d.label = 1;
+                        case 1:
+                            _d.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, ((_b = (_a = item.fieldProps).request) === null || _b === void 0 ? void 0 : _b.call(_a))];
+                        case 2:
+                            options = _d.sent();
+                            item.fieldProps.options = options;
+                            return [3 /*break*/, 4];
+                        case 3:
+                            error_3 = _d.sent();
+                            item.fieldProps.options = [];
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        ProTableComponent.prototype.setSearchParams = function (columns) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_d) {
+                    this._searchFiledColumns = [];
+                    columns
+                        .filter(function (item) {
+                        var flag = !item.hideInSearch && item.valueType;
+                        if (flag) {
+                            _this._searchFiledColumns.push(lodashEs.cloneDeep(item));
+                        }
+                        return flag;
+                    })
+                        .forEach(function (column) {
+                        var _a, _b, _c;
+                        var key = ((_a = column.fieldProps) === null || _a === void 0 ? void 0 : _a.name) || column.prop;
+                        var defaultValue = PRO_TABLE_DEFAULT_PROPS[column.valueType].value;
+                        // 对于checkbox类型，从options中找出checked为true的项作为默认值
+                        if (column.valueType === "checkbox") {
+                            var checkedValues = (((_b = column.fieldProps) === null || _b === void 0 ? void 0 : _b.options) || [])
+                                .filter(function (opt) { return opt.checked; })
+                                .map(function (opt) { return opt.value; });
+                            _this._searchParams[key] =
+                                checkedValues.length > 0 ? checkedValues : defaultValue;
+                        }
+                        else {
+                            _this._searchParams[key] = ((_c = column.fieldProps) === null || _c === void 0 ? void 0 : _c.value) || defaultValue;
+                        }
+                        // 初始化 autoComplete 数据源
+                        if (column.valueType === "autoComplete") {
+                            _this._autoCompleteDataSources[key] = [];
+                        }
+                    });
+                    // 根据列的 order 字段进行排序，未设置 order 的放在最后
+                    this._searchFiledColumns.sort(function (a, b) {
+                        var aOrder = lodashEs.isNil(a === null || a === void 0 ? void 0 : a.order) ? Number.MAX_SAFE_INTEGER : a.order;
+                        var bOrder = lodashEs.isNil(b === null || b === void 0 ? void 0 : b.order) ? Number.MAX_SAFE_INTEGER : b.order;
+                        if (aOrder === bOrder)
+                            return 0;
+                        return aOrder - bOrder;
+                    });
+                    this.setSearchFormDefaultProp(this._searchFiledColumns);
+                    // 并发加载所有需要异步获取的选项
+                    this.setSelectRequest(this._searchFiledColumns);
+                    return [2 /*return*/];
+                });
+            });
+        };
+        ProTableComponent.prototype.updateTableColumns = function (injectColumns) {
+            // 1. 使用最原始的columns作为数据源，确保辅助列完全不受影响
+            var originalColumns = lodashEs.cloneDeep(this.columns);
+            // 2. 处理字段映射（如果提供了fields参数）
+            var processedInjectColumns = injectColumns;
+            // 3. 分离辅助列和非辅助列（使用原始数据）
+            var nonAuxiliaryColumns = originalColumns.filter(function (col) { return !col.auxiliaryColumn; });
+            // 4. 按照injectColumns的顺序重新排列非辅助列
+            var reorderedNonAuxiliaryColumns = [];
+            var remainingNonAuxiliaryColumns = __spread(nonAuxiliaryColumns); // 复制一份用于查找和移除
+            processedInjectColumns.forEach(function (injectCol) {
+                // 查找非辅助列中对应的下标
+                var existingColIndex = remainingNonAuxiliaryColumns.findIndex(function (col) { return col.prop === injectCol.prop; });
+                if (existingColIndex !== -1) {
+                    // 如果找到相同列，用injectColumns中的属性覆盖原始columns中的属性
+                    var existingCol = remainingNonAuxiliaryColumns[existingColIndex];
+                    var updatedCol = Object.assign(Object.assign({}, existingCol), injectCol);
+                    reorderedNonAuxiliaryColumns.push(updatedCol);
+                    // 从剩余数组中移除，避免重复
+                    remainingNonAuxiliaryColumns.splice(existingColIndex, 1);
+                }
+                else {
+                    // 如果没找到对应的列，直接添加injectColumns中的列
+                    reorderedNonAuxiliaryColumns.push(injectCol);
+                }
+            });
+            // 5. 处理剩余的原始columns中的非辅助列（在injectColumns中未出现的列）
+            // 这些列应该被隐藏（设置hideInTable为true）
+            remainingNonAuxiliaryColumns.forEach(function (remainingCol) {
+                var hiddenCol = Object.assign(Object.assign({}, remainingCol), { hideInTable: true });
+                reorderedNonAuxiliaryColumns.push(hiddenCol);
+            });
+            // 6. 按照原始columns的顺序重新组合：保持辅助列的原始位置和属性
+            var finalColumns = [];
+            var nonAuxiliaryIndex = 0;
+            var auxiliaryIndex = 0;
+            originalColumns.forEach(function (originalCol) {
+                if (originalCol.auxiliaryColumn) {
+                    // 如果是辅助列，使用原始列数据，完全不进行任何修改
+                    finalColumns.push(originalCol);
+                    auxiliaryIndex++;
+                }
+                else {
+                    // 如果是非辅助列，使用重新排序后的列，但保留原始列的所有属性
+                    var reorderedCol = reorderedNonAuxiliaryColumns[nonAuxiliaryIndex];
+                    if (reorderedCol) {
+                        // 合并原始列和重新排序后的列，确保保留所有原始属性
+                        var mergedCol = Object.assign(Object.assign({}, originalCol), reorderedCol);
+                        finalColumns.push(mergedCol);
+                    }
+                    else {
+                        // 如果重新排序后的列不存在，使用原始列
+                        finalColumns.push(originalCol);
+                    }
+                    nonAuxiliaryIndex++;
+                }
+            });
+            this.formateInnerColumns(finalColumns);
+        };
+        // 通过 Proxy 监听 _searchParams 的属性变更
+        ProTableComponent.prototype.createSearchParamsProxy = function (target) {
+            var self = this;
+            var handler = {
+                set: function (obj, prop, value) {
+                    var key = String(prop);
+                    var oldVal = obj[key];
+                    if (oldVal === value) {
+                        obj[key] = value;
+                        return true;
+                    }
+                    obj[key] = value;
+                    try {
+                        self.onValuesChange.emit({
+                            key: key,
+                            value: value,
+                            params: self.getSearchParams(),
+                        });
+                    }
+                    catch (e) { }
+                    return true;
+                },
+            };
+            return new Proxy(target, handler);
+        };
+        ProTableComponent.prototype.clearEmptySearchParams = function () {
+            var cloneSearchParams = lodashEs.cloneDeep(this._searchParams);
+            return cloneSearchParams;
+        };
+        ProTableComponent.prototype.buildServerSortPayload = function () {
+            var _this = this;
+            // 构建激活排序集合（按优先级从低到高，末尾优先）
+            var activeKeys = this._sortPriority.filter(function (k) { return !!_this._sortMap[k]; });
+            if (activeKeys.length === 0)
+                return null;
+            var sorts = activeKeys.map(function (field) {
+                // 查找对应的列配置，优先使用sortName字段
+                var column = _this._columns.find(function (col) { return col.prop === field; });
+                var sortField = (column === null || column === void 0 ? void 0 : column.sortName) || field;
+                return {
+                    field: sortField,
+                    order: _this._sortMap[field],
+                };
+            });
+            if (this.multipleSort) {
+                return sorts; // 以数组形式提交多列排序
+            }
+            var _d = __read(sorts, 1), first = _d[0];
+            return first; // 兼容单列结构 { field, order }
+        };
+        ProTableComponent.prototype.sortDataSourceInPlace = function () {
+            var _this = this;
+            if (!Array.isArray(this.dataSource) || this.dataSource.length === 0)
+                return;
+            var activeKeys = this._sortPriority.filter(function (k) { return !!_this._sortMap[k]; });
+            if (activeKeys.length === 0)
+                return;
+            // 复制一份优先级，从前到后优先级从低到高（最后设置的字段优先）
+            var keysInPriority = __spread(activeKeys);
+            this.dataSource.sort(function (a, b) {
+                for (var i = keysInPriority.length - 1; i >= 0; i--) {
+                    var field = keysInPriority[i];
+                    var order = _this._sortMap[field];
+                    var av = a === null || a === void 0 ? void 0 : a[field];
+                    var bv = b === null || b === void 0 ? void 0 : b[field];
+                    var cmp = _this.compareValues(av, bv);
+                    if (cmp !== 0)
+                        return order === "ascend" ? cmp : -cmp;
+                }
+                return 0;
+            });
+        };
+        ProTableComponent.prototype.compareValues = function (aVal, bVal) {
+            if (aVal == null && bVal == null)
+                return 0;
+            if (aVal == null)
+                return -1;
+            if (bVal == null)
+                return 1;
+            if (aVal instanceof Date && bVal instanceof Date) {
+                return aVal.getTime() - bVal.getTime();
+            }
+            if (typeof aVal === "boolean" && typeof bVal === "boolean") {
+                return aVal === bVal ? 0 : aVal ? 1 : -1;
+            }
+            if (typeof aVal === "number" && typeof bVal === "number") {
+                return aVal - bVal;
+            }
+            if (typeof aVal === "string" && typeof bVal === "string") {
+                return aVal.localeCompare(bVal);
+            }
+            var aNum = Number(aVal);
+            var bNum = Number(bVal);
+            if (!isNaN(aNum) && !isNaN(bNum))
+                return aNum - bNum;
+            return String(aVal).localeCompare(String(bVal));
+        };
+        // 执行 autoComplete 数据源查询（实际执行逻辑）
+        ProTableComponent.prototype.executeAutoCompleteDataSource = function (event, column) {
+            var _this = this;
+            var _a;
+            var fieldKey = ((_a = column.fieldProps) === null || _a === void 0 ? void 0 : _a.name) || column.prop;
+            if (column.fieldProps.dataSource &&
+                typeof column.fieldProps.dataSource ===
+                    "function") {
+                try {
+                    var result = column.fieldProps.dataSource(event);
+                    // 如果返回的是 Promise，处理异步结果
+                    if (result instanceof Promise) {
+                        result
+                            .then(function (data) {
+                            _this._autoCompleteDataSources[fieldKey] = data || [];
+                        })
+                            .catch(function (error) {
+                            console.error("AutoComplete dataSource error:", error);
+                            _this._autoCompleteDataSources[fieldKey] = [];
+                        });
+                    }
+                    else {
+                        // 同步返回结果
+                        this._autoCompleteDataSources[fieldKey] = result || [];
+                    }
+                }
+                catch (error) {
+                    console.error("AutoComplete dataSource error:", error);
+                    this._autoCompleteDataSources[fieldKey] = [];
+                }
+            }
+        };
+        ProTableComponent.prototype.getSearchParams = function (options) {
+            var _d = (options || {}).useSaved, useSaved = _d === void 0 ? false : _d;
+            var rawParams = useSaved ? this._savedSearchParams : this._searchParams;
+            var params = lodashEs.cloneDeep(rawParams || {});
+            return Object.assign({ params: params, pageInfo: {
+                    pageIndex: this._pageInfo.pageIndex,
+                    pageSize: this._pageInfo.pageSize,
+                } }, (this.sortMode === "server"
+                ? { sort: this.buildServerSortPayload() }
+                : {}));
+        };
+        ProTableComponent.prototype.reload = function (afterDelete) {
+            this.handleQuery(afterDelete);
+        };
+        ProTableComponent.prototype.setFieldsValue = function (fields) {
+            var _this = this;
+            Object.keys(fields).forEach(function (k) {
+                _this._searchParams[k] = fields[k]; // 保留 Proxy，逐项赋值触发拦截
+            });
+        };
+        ProTableComponent.prototype.setFieldValue = function (key, value) {
+            this._searchParams[key] = value;
+        };
+        ProTableComponent.prototype.clearSelectedRow = function () {
+            this._selectedTableRow = null;
+        };
+        ProTableComponent.prototype.setColumns = function (columns, options) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            // 更新 columns 输入属性
+                            this.columns = lodashEs.cloneDeep(columns);
+                            // 重新格式化内部列
+                            this.formateInnerColumns(this.columns);
+                            // 重新设置搜索参数（异步操作）
+                            // 先清空旧的搜索参数，避免旧数据残留
+                            this._searchParams = {};
+                            return [4 /*yield*/, this.setSearchParams(this.columns)];
+                        case 1:
+                            _d.sent();
+                            // 重新创建 Proxy，确保表单项值变化能正常触发事件
+                            this._searchParams = this.createSearchParamsProxy(this._searchParams);
+                            // 重新注册模板（如果组件已经初始化完成）
+                            if (this.allTemplates) {
+                                this.autoRegisterTemplates();
+                            }
+                            // 如果设置了 reload 选项为 true，则重新查询数据
+                            if ((options === null || options === void 0 ? void 0 : options.reload) === true) {
+                                this.handleQuery();
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ProTableComponent.prototype.getSelectedRowData = function () {
+            return this._selectedTableRow;
+        };
+        ProTableComponent.prototype.getCheckedRows = function () {
+            return this._selectedRows;
+        };
+        // 获取指定名称的模板
+        ProTableComponent.prototype.getTemplate = function (name) {
+            if (!name)
+                return null;
+            try {
+                // 首先从自定义模板中查找
+                var customTemplate = this.customTemplates.get(name);
+                if (customTemplate) {
+                    return customTemplate;
+                }
+                // 然后从通用模板映射中查找
+                var template = this.templateMap.get(name);
+                if (template) {
+                    return template;
+                }
+                return null;
+            }
+            catch (error) {
+                return null;
+            }
+        };
+        ProTableComponent.prototype.getToolTipTextValue = function (column, data) {
+            var key = column.customRender && this.getTemplate(column.customRender)
+                ? ""
+                : column.ellipsis
+                    ? column.prop
+                    : "";
+            return !key ? "" : data[key];
+        };
+        ProTableComponent.prototype.getTableRowChecked = function (data) {
+            // 启用复选框时：行高亮应与复选框选中状态一致（支持多选）
+            if (this.showCheckbox) {
+                return this.isRowChecked(data);
+            }
+            // 未启用复选框时：仍然使用单选行高亮
+            if (!this._selectedTableRow)
+                return false;
+            return JSON.stringify(this._selectedTableRow) === JSON.stringify(data);
+        };
+        // 检查行是否被禁用
+        ProTableComponent.prototype.isRowDisabled = function (data) {
+            if (!this.showCheckbox)
+                return false;
+            return this.rowDisabled ? this.rowDisabled(data) : false;
+        };
+        // 检查行是否被复选框选中
+        ProTableComponent.prototype.isRowChecked = function (data) {
+            if (!this.showCheckbox)
+                return false;
+            return this._selectedRows.some(function (row) { return JSON.stringify(row) === JSON.stringify(data); });
+        };
+        // 切换行的选中状态
+        ProTableComponent.prototype.toggleRowChecked = function (data, checked, event) {
+            if (event) {
+                event.stopPropagation(); // 阻止事件冒泡，避免触发行点击
+            }
+            // 如果行被禁用，不允许切换选中状态
+            if (this.isRowDisabled(data)) {
+                return;
+            }
+            var index = this._selectedRows.findIndex(function (row) { return JSON.stringify(row) === JSON.stringify(data); });
+            if (checked) {
+                // 选中
+                if (index === -1) {
+                    this._selectedRows.push(data);
+                }
+                // 勾选复选框时同步设置高亮选中行
+                this._selectedTableRow = data;
+            }
+            else {
+                // 取消选中
+                if (index > -1) {
+                    this._selectedRows.splice(index, 1);
+                }
+                // 若当前高亮行为该行，则取消高亮
+                if (this._selectedTableRow &&
+                    JSON.stringify(this._selectedTableRow) === JSON.stringify(data)) {
+                    this._selectedTableRow = null;
+                }
+            }
+            this.updateCheckAllStatus();
+        };
+        // 更新全选状态
+        ProTableComponent.prototype.updateCheckAllStatus = function () {
+            var _this = this;
+            if (!this.showCheckbox || !Array.isArray(this.dataSource)) {
+                this._checkedAll = false;
+                this._indeterminate = false;
+                return;
+            }
+            // 只计算可用的行（未禁用的行）
+            var availableRows = this.dataSource.filter(function (row) { return !_this.isRowDisabled(row); });
+            var checkedCount = this._selectedRows.length;
+            var totalCount = availableRows.length;
+            this._checkedAll =
+                totalCount > 0 && checkedCount > 0 && checkedCount === totalCount;
+            this._indeterminate = checkedCount > 0 && checkedCount < totalCount;
+        };
+        // 全选/取消全选
+        ProTableComponent.prototype.toggleCheckAll = function (checked, event) {
+            var _this = this;
+            if (event) {
+                event.stopPropagation();
+            }
+            if (checked) {
+                // 全选：只选中未禁用的行
+                this._selectedRows = this.dataSource.filter(function (row) { return !_this.isRowDisabled(row); });
+                // 同步设置高亮选中行为第一条可选数据
+                var availableRows = this._selectedRows;
+                this._selectedTableRow =
+                    availableRows.length > 0 ? availableRows[0] : null;
+            }
+            else {
+                // 取消全选
+                this._selectedRows = [];
+                // 取消高亮
+                this._selectedTableRow = null;
+            }
+            this.updateCheckAllStatus();
+        };
+        // 获取选中的行数据
+        ProTableComponent.prototype.getSelectedRows = function () {
+            return this._selectedRows;
+        };
+        // 清空选中的行
+        ProTableComponent.prototype.clearSelectedRows = function () {
+            this._selectedRows = [];
+            this._checkedAll = false;
+            this._indeterminate = false;
+            this._selectedTableRow = null;
+        };
+        ProTableComponent.prototype.handleFieldCheckBoxChange = function (checkBoxOptions, key) {
+            var _d;
+            this.setFieldsValue((_d = {},
+                _d[key] = checkBoxOptions
+                    .filter(function (item) { return item.checked; })
+                    .map(function (item) { return item.value; }),
+                _d));
+        };
+        ProTableComponent.prototype.handleSearch = function () {
+            this._savedSearchParams = this.clearEmptySearchParams();
+            this._pageInfo.pageIndex = 1;
+            this.handleQuery();
+        };
+        ProTableComponent.prototype.handleResetForm = function () {
+            var _this = this;
+            Object.keys(this._searchParams).forEach(function (key) {
+                var targetColumn = _this._searchFiledColumns.find(function (item) {
+                    var _a;
+                    return (((_a = item.fieldProps) === null || _a === void 0 ? void 0 : _a.name) || item.prop) === key;
+                });
+                // 对于checkbox类型，需要特殊处理默认值
+                if ((targetColumn === null || targetColumn === void 0 ? void 0 : targetColumn.valueType) === "checkbox") {
+                    // 从原始columns配置中获取初始配置，以确保使用正确的默认值
+                    var originalColumn = _this.columns.find(function (item) {
+                        var _a;
+                        return (((_a = item.fieldProps) === null || _a === void 0 ? void 0 : _a.name) || item.prop) === key;
+                    });
+                    // 从原始options中找出checked为true的项作为默认值
+                    var originalFieldProps = originalColumn === null || originalColumn === void 0 ? void 0 : originalColumn.fieldProps;
+                    var checkedValues = ((originalFieldProps === null || originalFieldProps === void 0 ? void 0 : originalFieldProps.options) || [])
+                        .filter(function (opt) { return opt.checked; })
+                        .map(function (opt) { return opt.value; });
+                    var defaultValue = checkedValues.length > 0
+                        ? checkedValues
+                        : PRO_TABLE_DEFAULT_PROPS[targetColumn.valueType].value;
+                    _this._searchParams[key] = defaultValue;
+                    // 根据默认值恢复options的checked状态，使用原始options的结构
+                    var defaultValues_1 = Array.isArray(defaultValue) ? defaultValue : [];
+                    var originalOptions = (originalFieldProps === null || originalFieldProps === void 0 ? void 0 : originalFieldProps.options) || [];
+                    var targetFieldProps = targetColumn.fieldProps;
+                    targetFieldProps.options = originalOptions.map(function (item) {
+                        return Object.assign(Object.assign({}, item), { checked: defaultValues_1.includes(item.value) });
+                    });
+                }
+                else {
+                    _this._searchParams[key] = (targetColumn === null || targetColumn === void 0 ? void 0 : targetColumn.fieldProps) ? (targetColumn === null || targetColumn === void 0 ? void 0 : targetColumn.fieldProps.value) ||
+                        PRO_TABLE_DEFAULT_PROPS[targetColumn.valueType].value
+                        : PRO_TABLE_DEFAULT_PROPS[targetColumn.valueType].value;
+                }
+            });
+            this._savedSearchParams = {};
+            this._pageInfo.pageIndex = 1;
+            this.onResetFormBeforeReload.emit();
+            this.handleQuery();
+        };
+        ProTableComponent.prototype.handlePageIndexChange = function (pageIndex) {
+            this._pageInfo.pageIndex = pageIndex;
+            this.handleQuery();
+        };
+        ProTableComponent.prototype.handlePageSizeChange = function (pageSize) {
+            this._pageInfo.pageSize = pageSize;
+            this._pageInfo.pageIndex = 1;
+            this.handleQuery();
+        };
+        ProTableComponent.prototype.handleQuery = function (afterDelete) {
+            return __awaiter(this, void 0, void 0, function () {
+                var result, error_4;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            // 删除后刷新且当前页仅剩一条记录时，若不在第一页则先回退一页
+                            if (afterDelete &&
+                                Array.isArray(this.dataSource) &&
+                                this.dataSource.length === 1 &&
+                                this._pageInfo.pageIndex > 1) {
+                                this._pageInfo.pageIndex = this._pageInfo.pageIndex - 1;
+                            }
+                            this._loading = true;
+                            if (!this.request) return [3 /*break*/, 6];
+                            _d.label = 1;
+                        case 1:
+                            _d.trys.push([1, 3, 4, 5]);
+                            return [4 /*yield*/, this.request(Object.assign({ params: this.clearEmptySearchParams(), pageInfo: {
+                                        pageIndex: this._pageInfo.pageIndex,
+                                        pageSize: this._pageInfo.pageSize,
+                                    } }, (this.sortMode === "server"
+                                    ? { sort: this.buildServerSortPayload() }
+                                    : {})))];
+                        case 2:
+                            result = _d.sent();
+                            this.dataSource = result.data || [];
+                            this.summaryData = result.summaryData || null;
+                            // 本地排序模式：拿到数据后在前端排序
+                            if (this.sortMode === "local") {
+                                this.sortDataSourceInPlace();
+                            }
+                            this._pageInfo.total = result.total || 0;
+                            // 更新全选状态
+                            if (this.showCheckbox) {
+                                this.updateCheckAllStatus();
+                            }
+                            return [3 /*break*/, 5];
+                        case 3:
+                            error_4 = _d.sent();
+                            console.error("查询失败:", error_4);
+                            this.dataSource = [];
+                            this._pageInfo.total = 0;
+                            this.summaryData = null;
+                            return [3 /*break*/, 5];
+                        case 4:
+                            this._loading = false;
+                            this._selectedTableRow = null;
+                            return [7 /*endfinally*/];
+                        case 5: return [3 /*break*/, 7];
+                        case 6:
+                            console.warn("未提供 _request 回调函数");
+                            this._loading = false;
+                            _d.label = 7;
+                        case 7:
+                            this.clearSelectedRows();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        // 触发列排序变更
+        ProTableComponent.prototype.onSortChange = function (sortKey, sortOrder) {
+            var _this = this;
+            // 单列排序：重置其它列；多列排序：保留其它列
+            if (!this.multipleSort) {
+                Object.keys(this._sortMap).forEach(function (key) {
+                    if (key !== sortKey)
+                        _this._sortMap[key] = null;
+                });
+            }
+            this._sortMap[sortKey] = sortOrder;
+            // 维护优先级队列：有序列且非空 -> 置于末尾；为空 -> 移除
+            this._sortPriority = this._sortPriority.filter(function (k) { return k !== sortKey; });
+            if (sortOrder) {
+                this._sortPriority.push(sortKey);
+            }
+            if (this.sortMode === "local") {
+                this.sortDataSourceInPlace();
+            }
+            else {
+                // 在线排序：重新请求
+                this.handleQuery();
+            }
+        };
+        ProTableComponent.prototype.getSortOrder = function (sortKey) {
+            return this._sortMap[sortKey] || null;
+        };
+        ProTableComponent.prototype.handleTableRowClick = function (data) {
+            this._selectedTableRow = data;
+            // 如果开启了复选框，点击行时只选中点击行（如果行未被禁用）
+            if (this.showCheckbox && !this.isRowDisabled(data)) {
+                // 先清空所有选中行
+                this._selectedRows = [];
+                // 只选中当前点击的行
+                this.toggleRowChecked(data, true);
+            }
+            this.onRowClick.emit(this._selectedTableRow);
+        };
+        ProTableComponent.prototype.handleTableRowDbClick = function (data) {
+            this._selectedTableRow = data;
+            this.onRowDbClick.emit(this._selectedTableRow);
+        };
+        ProTableComponent.prototype.handleColumnsSettingConfirm = function () {
+            this.queryDynamicColumns();
+        };
+        // 处理 autoComplete 输入事件（带防抖）
+        ProTableComponent.prototype.handleAutoCompleteInput = function (event, column) {
+            var _this = this;
+            var _a;
+            var fieldKey = ((_a = column.fieldProps) === null || _a === void 0 ? void 0 : _a.name) || column.prop;
+            // 如果该字段还没有防抖函数，创建一个
+            if (!this._autoCompleteDebounceMap.has(fieldKey)) {
+                var debouncedFn_1 = lodashEs.debounce(function (evt) {
+                    // 重新查找对应的 column，确保使用最新的配置
+                    var currentColumn = _this._searchFiledColumns.find(function (col) { var _a; return (((_a = col.fieldProps) === null || _a === void 0 ? void 0 : _a.name) || col.prop) === fieldKey; });
+                    if (currentColumn) {
+                        _this.executeAutoCompleteDataSource(evt, currentColumn);
+                    }
+                }, 300); // 300ms 防抖延迟
+                this._autoCompleteDebounceMap.set(fieldKey, debouncedFn_1);
+            }
+            // 调用防抖函数
+            var debouncedFn = this._autoCompleteDebounceMap.get(fieldKey);
+            if (debouncedFn) {
+                debouncedFn(event);
+            }
+        };
+        // 获取 autoComplete 的数据源
+        ProTableComponent.prototype.getAutoCompleteDataSource = function (column) {
+            var _a;
+            var fieldKey = ((_a = column.fieldProps) === null || _a === void 0 ? void 0 : _a.name) || column.prop;
+            return this._autoCompleteDataSources[fieldKey] || [];
+        };
+        ProTableComponent.prototype.getFieldProps = function (column) {
+            return column.fieldProps;
+        };
+        // 获取指定名称的label模板
+        ProTableComponent.prototype.getLabelTemplate = function (name) {
+            if (!name)
+                return null;
+            try {
+                // 首先从自定义模板中查找
+                var customTemplate = this.customTemplates.get(name);
+                if (customTemplate) {
+                    return customTemplate;
+                }
+                // 然后从通用模板映射中查找
+                var template = this.templateMap.get(name);
+                if (template) {
+                    return template;
+                }
+                return null;
+            }
+            catch (error) {
+                return null;
+            }
+        };
+        // 获取 form-item 的动态类名
+        ProTableComponent.prototype.getFormItemClassName = function (column) {
+            var fieldName = this.getFieldProps(column).name || column.prop;
+            return "pro-table-" + fieldName + "-form-item";
+        };
+        return ProTableComponent;
+    }());
+    ProTableComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "app-pro-table",
+                    template: "<app-page-container [title]=\"title\">\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49label\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              nzMode=\"multiple\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <nz-space-item *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </nz-space-item>\r\n          <nz-space-item *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </nz-space-item>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-template #actionImgBtn>\r\n        <nz-space>\r\n          <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n          <nz-space-item class=\"setting-space-item\" *ngIf=\"showColumnSetting\">\r\n            <app-colmuns-setting\r\n              [columns]=\"columns\"\r\n              [selectedColumns]=\"_serverColumns\"\r\n              [tableName]=\"tableName\"\r\n              (afterConfirm)=\"handleColumnsSettingConfirm()\"\r\n            ></app-colmuns-setting>\r\n          </nz-space-item>\r\n        </nz-space>\r\n      </ng-template>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n  <ng-template #body>\r\n    <div class=\"mb-12\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <nz-table\r\n      *ngIf=\"!customTableRender\"\r\n      #basicTable\r\n      nzSize=\"small\"\r\n      nzShowSizeChanger\r\n      [nzBordered]=\"bordered\"\r\n      [nzOuterBordered]=\"outerBordered\"\r\n      [nzData]=\"dataSource\"\r\n      [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n      [nzPageSize]=\"_pageInfo.pageSize\"\r\n      [nzTotal]=\"_pageInfo.total\"\r\n      [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n      [nzShowPagination]=\"showPagination\"\r\n      [nzShowTotal]=\"totalTemplate\"\r\n      [nzLoading]=\"_loading\"\r\n      [nzFrontPagination]=\"frontPagination\"\r\n      [nzScroll]=\"scroll\"\r\n      (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n      (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n          <th\r\n            *ngIf=\"showCheckbox\"\r\n            [nzWidth]=\"'50px'\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center\"\r\n          >\r\n            <label\r\n              nz-checkbox\r\n              [(ngModel)]=\"_checkedAll\"\r\n              [nzIndeterminate]=\"_indeterminate\"\r\n              (ngModelChange)=\"toggleCheckAll($event)\"\r\n              (click)=\"$event.stopPropagation()\"\r\n            ></label>\r\n          </th>\r\n          <th\r\n            *ngFor=\"let column of _columns\"\r\n            [nzWidth]=\"column.width\"\r\n            [nzAlign]=\"column.align\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzShowSort]=\"!!column.sorter\"\r\n            [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n            (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n          >\r\n            {{ column.title }}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr\r\n          style=\"cursor: pointer\"\r\n          *ngFor=\"let data; let i = index; of: basicTable.data\"\r\n          [ngClass]=\"{\r\n            'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n            'ant-table-custom-row-even': i % 2 === 0,\r\n            'ant-table-custom-row-odd': i % 2 !== 0\r\n          }\"\r\n          (click)=\"handleTableRowClick(data)\"\r\n          (dblclick)=\"handleTableRowDbClick(data)\"\r\n        >\r\n          <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          >\r\n            <label\r\n              nz-checkbox\r\n              [ngModel]=\"isRowChecked(data)\"\r\n              [nzDisabled]=\"isRowDisabled(data)\"\r\n              (ngModelChange)=\"toggleRowChecked(data, $event)\"\r\n            ></label>\r\n          </td>\r\n          <td\r\n            *ngFor=\"let column of _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzAlign]=\"column.align\"\r\n            class=\"pro-ellipsis\"\r\n            [title]=\"data[column.prop]\"\r\n          >\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customRender && getTemplate(column.customRender);\r\n                let template\r\n              \"\r\n            >\r\n              <ng-template\r\n                [ngTemplateOutlet]=\"template\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: data,\r\n                  data: data,\r\n                  column: column,\r\n                  index: i,\r\n                  pageInfo: _pageInfo\r\n                }\"\r\n              >\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <!-- \u9ED8\u8BA4\u6E32\u67D3\u903B\u8F91 -->\r\n            <ng-container\r\n              *ngIf=\"!column.customRender || !getTemplate(column.customRender)\"\r\n            >\r\n              {{ data[column.prop] }}\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n        <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n          <!-- \u6C47\u603B\u884C\u7684\u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF0C\u4F46\u4E3A\u7A7A\uFF09 -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n          ></td>\r\n          <td\r\n            *ngFor=\"let column; let i = index; of: _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            [nzAlign]=\"column.align\"\r\n          >\r\n            <span *ngIf=\"i === 0\">\u603B\u8BA1</span>\r\n            <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n              {{\r\n                column.summary?.format\r\n                  ? column.summary?.format(\r\n                      summaryData[column.summary?.name || column.prop]\r\n                    )\r\n                  : summaryData[column.summary?.name || column.prop]\r\n              }}\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n      <ng-template #totalTemplate let-total\r\n        >\u5171 {{ _pageInfo.total }} \u6761\u8BB0\u5F55</ng-template\r\n      >\r\n    </nz-table>\r\n  </ng-template>\r\n</app-page-container>\r\n",
+                    styles: [".pro-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th{border-bottom:1px solid #e8e8e8!important;border-right:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-bottom:1px solid #e8e8e8!important;border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:8px}"]
+                },] }
+    ];
+    ProTableComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [PRO_TABLE_COLUMN_REMOTE,] }] }
+    ]; };
+    ProTableComponent.propDecorators = {
+        showSearchBtn: [{ type: i0.Input }],
+        showClearBtn: [{ type: i0.Input }],
+        title: [{ type: i0.Input }],
+        tableName: [{ type: i0.Input }],
+        multiRow: [{ type: i0.Input }],
+        columns: [{ type: i0.Input }],
+        showSearchBar: [{ type: i0.Input }],
+        showActionBar: [{ type: i0.Input }],
+        confirmBtnText: [{ type: i0.Input }],
+        clearBtnText: [{ type: i0.Input }],
+        labelWidth: [{ type: i0.Input }],
+        labelAlign: [{ type: i0.Input }],
+        dataSource: [{ type: i0.Input }],
+        bordered: [{ type: i0.Input }],
+        outerBordered: [{ type: i0.Input }],
+        showPagination: [{ type: i0.Input }],
+        frontPagination: [{ type: i0.Input }],
+        scroll: [{ type: i0.Input }],
+        request: [{ type: i0.Input }],
+        summaryData: [{ type: i0.Input }],
+        sortMode: [{ type: i0.Input }],
+        showColumnSetting: [{ type: i0.Input }],
+        multipleSort: [{ type: i0.Input }],
+        showCheckbox: [{ type: i0.Input }],
+        rowDisabled: [{ type: i0.Input }],
+        autoTriggerRequest: [{ type: i0.Input }],
+        customTableRender: [{ type: i0.Input }],
+        onRowClick: [{ type: i0.Output }],
+        onRowDbClick: [{ type: i0.Output }],
+        onValuesChange: [{ type: i0.Output }],
+        onResetFormBeforeReload: [{ type: i0.Output }],
+        actionBarTpl: [{ type: i0.ContentChild, args: ["actionBar",] }],
+        imgActionBarTpl: [{ type: i0.ContentChild, args: ["ImgActionBar",] }],
+        allTemplates: [{ type: i0.ContentChildren, args: [i0.TemplateRef,] }]
+    };
+
+    var PageContainerComponent = /** @class */ (function () {
+        function PageContainerComponent() {
+            this.title = "";
+        }
+        PageContainerComponent.prototype.ngOnInit = function () { };
+        return PageContainerComponent;
+    }());
+    PageContainerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "app-page-container",
+                    template: "<nz-card\r\n  [nzBorderless]=\"true\"\r\n  [nzBodyStyle]=\"{ padding: '10px', width: '100%' }\"\r\n>\r\n  <div class=\"page-container-title\" *ngIf=\"title\">{{ title }}</div>\r\n  <div class=\"page-container-header\">\r\n    <ng-container *ngTemplateOutlet=\"headerTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"page-container-body\">\r\n    <ng-container *ngTemplateOutlet=\"bodyTpl\"></ng-container>\r\n  </div>\r\n</nz-card>\r\n",
+                    styles: [".page-container-title{border-left:3px solid #096dd9;color:#1d1d1d;font-size:16px;margin-bottom:16px;padding-left:10px}.page-container-body,.page-container-header{box-sizing:border-box;padding:7px}"]
+                },] }
+    ];
+    PageContainerComponent.ctorParameters = function () { return []; };
+    PageContainerComponent.propDecorators = {
+        title: [{ type: i0.Input }],
+        headerTpl: [{ type: i0.ContentChild, args: ["header",] }],
+        bodyTpl: [{ type: i0.ContentChild, args: ["body",] }]
+    };
+
+    var PageContainerModule = /** @class */ (function () {
+        function PageContainerModule() {
+        }
+        return PageContainerModule;
+    }());
+    PageContainerModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        i1.FormsModule,
+                        http.HttpClientModule,
+                        router.RouterModule,
+                        card.NzCardModule,
+                        i1.ReactiveFormsModule,
+                    ],
+                    declarations: [PageContainerComponent],
+                    providers: [],
+                    exports: [PageContainerComponent],
+                },] }
+    ];
+
+    var PlateInputComponent = /** @class */ (function () {
+        function PlateInputComponent(cdr, elementRef, platePrefixLoadService) {
+            this.cdr = cdr;
+            this.elementRef = elementRef;
+            this.platePrefixLoadService = platePrefixLoadService;
+            this.nzPopoverVisible = false;
+            this.platePrefix = "";
+            this.plateSuffix = "";
+            this.platePrefixOptions = [];
+            this.disabled = false;
+            this.onChange = function (value) { };
+            this.onTouched = function () { };
+        }
+        PlateInputComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.platePrefixLoadService) {
+                // 使用注入的全局服务加载车牌前缀选项
+                this.platePrefixLoadService
+                    .loadPrefixOptions()
+                    .then(function (data) {
+                    _this.platePrefixOptions = data;
+                })
+                    .catch(function () {
+                    _this.platePrefixOptions = [];
+                });
+            }
+            else {
+                // 如果没有注入服务，则保持空数组
+                this.platePrefixOptions = [];
+            }
+        };
+        PlateInputComponent.prototype.handlePlatePrefix = function (value) {
+            this.platePrefix = value;
+            this.emitValue();
+            this.nzPopoverVisible = false;
+            this.removeClickOutsideListener();
+        };
+        PlateInputComponent.prototype.writeValue = function (value) {
+            if (value) {
+                this.platePrefix = value.split("")[0];
+                this.plateSuffix = value
+                    .split("")
+                    .filter(function (item, index) { return index > 0; })
+                    .join("");
+            }
+            else {
+                this.platePrefix = "";
+                this.plateSuffix = "";
+            }
+        };
+        PlateInputComponent.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        PlateInputComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        PlateInputComponent.prototype.setDisabledState = function (isDisabled) {
+            var previousDisabled = this.disabled;
+            this.disabled = isDisabled;
+            // 如果禁用状态改变，关闭 popover 并移除监听器
+            if (previousDisabled !== isDisabled) {
+                this.nzPopoverVisible = false;
+                this.removeClickOutsideListener();
+                // 强制变更检测
+                this.cdr.detectChanges();
+            }
+        };
+        PlateInputComponent.prototype.handlePrefixClick = function (event) {
+            var _this = this;
+            if (this.disabled) {
+                event.preventDefault();
+                event.stopPropagation();
+                this.nzPopoverVisible = false;
+                return;
+            }
+            // 手动切换 popover 的显示/隐藏状态
+            this.nzPopoverVisible = !this.nzPopoverVisible;
+            // 如果打开了 popover，添加文档点击监听器
+            if (this.nzPopoverVisible) {
+                setTimeout(function () {
+                    _this.attachClickOutsideListener();
+                }, 0);
+            }
+            else {
+                this.removeClickOutsideListener();
+            }
+            event.stopPropagation(); // 阻止事件冒泡
+        };
+        PlateInputComponent.prototype.attachClickOutsideListener = function () {
+            var _this = this;
+            if (this.clickOutsideHandler) {
+                return;
+            }
+            this.clickOutsideHandler = function (event) {
+                var nativeElement = _this.elementRef.nativeElement;
+                var target = event.target;
+                // 检查是否点击在 popover 内容区域内
+                var popoverContent = document.querySelector('.plate-input-popover');
+                var clickedInPopover = popoverContent && popoverContent.contains(target);
+                // 检查是否点击在组件内部（前缀按钮）
+                var clickedInComponent = nativeElement.contains(target);
+                // 如果点击既不在组件内部，也不在 popover 内容区域，则关闭 popover
+                if (!clickedInComponent && !clickedInPopover) {
+                    _this.nzPopoverVisible = false;
+                    _this.removeClickOutsideListener();
+                    _this.cdr.detectChanges();
+                }
+            };
+            // 使用捕获阶段，确保在其他事件处理之前执行
+            document.addEventListener('click', this.clickOutsideHandler, true);
+        };
+        PlateInputComponent.prototype.removeClickOutsideListener = function () {
+            if (this.clickOutsideHandler) {
+                document.removeEventListener('click', this.clickOutsideHandler, true);
+                this.clickOutsideHandler = undefined;
+            }
+        };
+        PlateInputComponent.prototype.ngOnDestroy = function () {
+            this.removeClickOutsideListener();
+        };
+        PlateInputComponent.prototype.emitValue = function () {
+            var fullPlate = this.platePrefix + this.plateSuffix;
+            this.onChange(fullPlate);
+        };
+        PlateInputComponent.prototype.onBlur = function () {
+            this.onTouched();
+        };
+        PlateInputComponent.prototype.handleAntdPlateSuffixBlur = function (event) {
+            if (this.disabled)
+                return;
+            var value = event.target.value.toUpperCase();
+            this.plateSuffix = value;
+            this.emitValue();
+        };
+        return PlateInputComponent;
+    }());
+    PlateInputComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "app-plate-input",
+                    template: "<div\r\n  class=\"plate-antd-input-container\"\r\n  [class.plate-antd-input-disabled]=\"disabled\"\r\n>\r\n  <div\r\n    class=\"plate-input-prefix\"\r\n    [class.plate-input-prefix-disabled]=\"disabled\"\r\n    nz-popover\r\n    nzPopoverPlacement=\"bottom\"\r\n    nzPopoverOverlayClassName=\"plate-input-popover\"\r\n    [(nzPopoverVisible)]=\"nzPopoverVisible\"\r\n    [nzPopoverTrigger]=\"'manual'\"\r\n    [nzPopoverContent]=\"contentTemplate\"\r\n    (click)=\"handlePrefixClick($event)\"\r\n  >\r\n    {{ platePrefix | uppercase }}\r\n    <i\r\n      class=\"plate-input-icon-down\"\r\n      [nzRotate]=\"nzPopoverVisible ? 180 : 0\"\r\n      nz-icon\r\n      nzType=\"down\"\r\n      nzTheme=\"outline\"\r\n    ></i>\r\n  </div>\r\n  <ng-template #contentTemplate>\r\n    <div nz-row style=\"height: 100%\">\r\n      <div\r\n        nz-col\r\n        nzSpan=\"4\"\r\n        *ngFor=\"let item of platePrefixOptions\"\r\n        class=\"plate-input-popover-item\"\r\n        (click)=\"!disabled && handlePlatePrefix(item.value)\"\r\n        [ngClass]=\"{\r\n          'plate-input-popover-item-active': item.value === platePrefix,\r\n          'plate-input-popover-item-default': item.value !== platePrefix\r\n        }\"\r\n      >\r\n        <div class=\"plate-input-popover-item-label\">\r\n          {{ item.label }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <input\r\n    class=\"plate-input-suffix\"\r\n    type=\"text\"\r\n    nz-input\r\n    style=\"width: 75%\"\r\n    [value]=\"plateSuffix | uppercase\"\r\n    [disabled]=\"disabled\"\r\n    (blur)=\"!disabled && handleAntdPlateSuffixBlur($event)\"\r\n  />\r\n</div>\r\n",
+                    providers: [
+                        {
+                            provide: i1.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return PlateInputComponent; }),
+                            multi: true,
+                        },
+                    ],
+                    styles: ["::ng-deep .plate-input-popover{box-sizing:border-box;padding:5px 0}::ng-deep .plate-input-popover .ant-popover-inner-content{height:264px;padding:0;width:387px}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item{box-sizing:border-box;cursor:pointer;height:42px;padding:6px 12px}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item .plate-input-popover-item-label{align-items:center;border:1px solid #ccc;display:flex;height:100%;justify-content:center;width:100%}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-default:hover{background-color:#eaeaea}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-active{background-color:#096dd9;color:#fff}::ng-deep .plate-input-prefix:hover:after{background-color:transparent;content:\"\";height:100%;position:absolute;right:0;top:0;width:1px;z-index:2}::ng-deep .plate-antd-input-container{display:flex;flex-wrap:nowrap;width:100%}::ng-deep .plate-antd-input-container .plate-input-prefix{align-items:center;border:1px solid #d9d9d9;border-radius:2px;cursor:pointer;display:flex;justify-content:center;min-height:32px;position:relative;text-align:center;width:60px}::ng-deep .plate-antd-input-container .plate-input-prefix .plate-input-icon-down{font-size:10px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}::ng-deep .plate-antd-input-container .plate-input-prefix:hover:not(.plate-input-prefix-disabled){border-color:#40a9ff}::ng-deep .plate-antd-input-container .plate-input-prefix-disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:rgba(0,0,0,.25);cursor:not-allowed}::ng-deep .plate-antd-input-container .plate-input-suffix{width:calc(100% - 60px)}"]
+                },] }
+    ];
+    PlateInputComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [PLATE_PREFIX_LOAD_SERVICE,] }] }
+    ]; };
+
+    var PlateInputModule = /** @class */ (function () {
+        function PlateInputModule() {
+        }
+        return PlateInputModule;
+    }());
+    PlateInputModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        i1.FormsModule,
+                        grid.NzGridModule,
+                        input.NzInputModule,
+                        popover.NzPopoverModule,
+                        icon.NzIconModule,
+                    ],
+                    declarations: [PlateInputComponent],
+                    providers: [],
+                    exports: [PlateInputComponent],
+                },] }
+    ];
+
+    var TableSearchBarComponent = /** @class */ (function () {
+        function TableSearchBarComponent() {
+            this.leftColSpan = 21;
+            this.rightColSpan = 3;
+            this.labelWidth = "90px";
+            this.labelAlign = "right";
+        }
+        TableSearchBarComponent.prototype.ngOnInit = function () {
+            this.setCSSVariablesToTarget();
+        };
+        TableSearchBarComponent.prototype.ngAfterViewInit = function () {
+            this.setCSSVariablesToTarget();
+        };
+        TableSearchBarComponent.prototype.setCSSVariablesToTarget = function () {
+            // setTimeout(() => {
+            //   const leftElement = document.querySelectorAll(".table-search-bar-left");
+            //   console.log('leftElement',leftElement);
+            //   if (leftElement.length > 0) {
+            //     leftElement.forEach((element) => {
+            //       (element as HTMLElement).style.setProperty(
+            //         "--label-width",
+            //         this.labelWidth
+            //       );
+            //       (element as HTMLElement).style.setProperty(
+            //         "--label-align",
+            //         this.labelAlign
+            //       );
+            //     });
+            //   }
+            // });
+        };
+        return TableSearchBarComponent;
+    }());
+    TableSearchBarComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "app-table-search-bar",
+                    template: "<div class=\"table-search-bar\">\r\n  <div class=\"table-search-bar-left\" style=\"--label-width: {{ labelWidth }}; --label-align: {{ labelAlign }};\">\r\n    <ng-container *ngTemplateOutlet=\"leftContentTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"table-search-bar-right\">\r\n    <nz-space nzDirection=\"vertical\" nzAlign=\"end\">\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionTextBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionImgBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n    </nz-space>\r\n    <!-- <ng-container *ngTemplateOutlet=\"rightContentTpl\"></ng-container> -->\r\n  </div>\r\n</div>\r\n",
+                    styles: ["::ng-deep .table-search-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;width:100%}::ng-deep .table-search-bar-left{display:flex;flex:1;flex-wrap:wrap;gap:0 normal;min-width:0}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item{flex-shrink:0;flex-wrap:nowrap;width:250px}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label{flex-shrink:0;text-align:var(--label-align);width:var(--label-width)}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label label:after{content:\"\"}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-picker{width:100%}::ng-deep .table-search-bar-right{align-items:flex-start;display:flex;flex-shrink:0}"]
+                },] }
+    ];
+    TableSearchBarComponent.ctorParameters = function () { return []; };
+    TableSearchBarComponent.propDecorators = {
+        leftColSpan: [{ type: i0.Input }],
+        rightColSpan: [{ type: i0.Input }],
+        labelWidth: [{ type: i0.Input }],
+        labelAlign: [{ type: i0.Input }],
+        leftContentTpl: [{ type: i0.ContentChild, args: ["leftContent",] }],
+        actionTextBtnTpl: [{ type: i0.ContentChild, args: ["actionTextBtn",] }],
+        actionImgBtnTpl: [{ type: i0.ContentChild, args: ["actionImgBtn",] }]
+    };
+
+    var TableSearchBarModule = /** @class */ (function () {
+        function TableSearchBarModule() {
+        }
+        return TableSearchBarModule;
+    }());
+    TableSearchBarModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        i1.FormsModule,
+                        http.HttpClientModule,
+                        router.RouterModule,
+                        grid.NzGridModule,
+                        i1.ReactiveFormsModule,
+                        space.NzSpaceModule,
+                    ],
+                    declarations: [TableSearchBarComponent],
+                    providers: [],
+                    exports: [TableSearchBarComponent],
+                },] }
+    ];
+
+    var ColmunsSettingComponent = /** @class */ (function () {
+        function ColmunsSettingComponent(columnRemote) {
+            this.columnRemote = columnRemote;
+            this.columns = [];
+            this.selectedColumns = [];
+            this.afterConfirm = new i0.EventEmitter();
+            this.modalVisible = false;
+            this.options = [];
+            this.sortableInstance = null;
+        }
+        ColmunsSettingComponent.prototype.ngOnInit = function () { };
+        ColmunsSettingComponent.prototype.ngAfterViewInit = function () {
+            this.initSortable();
+        };
+        ColmunsSettingComponent.prototype.ngOnDestroy = function () {
+            if (this.sortableInstance) {
+                this.sortableInstance.destroy();
+            }
+        };
+        ColmunsSettingComponent.prototype.initSortable = function () {
+            var _this = this;
+            // 先销毁已存在的实例
+            if (this.sortableInstance) {
+                this.sortableInstance.destroy();
+                this.sortableInstance = null;
+            }
+            if (this.sortableContainer && this.sortableContainer.nativeElement) {
+                this.sortableInstance = new Sortable__default['default'](this.sortableContainer.nativeElement, {
+                    animation: 150,
+                    ghostClass: "sortable-ghost",
+                    chosenClass: "sortable-chosen",
+                    dragClass: "sortable-drag",
+                    handle: ".sort-list-item",
+                    onEnd: function (evt) {
+                        _this.onSortEnd(evt);
+                    },
+                });
+            }
+        };
+        ColmunsSettingComponent.prototype.onSortEnd = function (evt) {
+            var oldIndex = evt.oldIndex, newIndex = evt.newIndex;
+            if (oldIndex !== newIndex) {
+                // 创建新的数组来避免直接修改输入属性
+                var newSelectedColumns = __spread(this.selectedColumns);
+                var movedItem = newSelectedColumns.splice(oldIndex, 1)[0];
+                newSelectedColumns.splice(newIndex, 0, movedItem);
+                // 更新 selectedColumns
+                this.selectedColumns = newSelectedColumns;
+            }
+        };
+        ColmunsSettingComponent.prototype.trackByColumn = function (index, item) {
+            return item.prop || index.toString();
+        };
+        /**
+         * 同步 options 数组的 checked 状态与 selectedColumns
+         */
+        ColmunsSettingComponent.prototype.syncOptionsWithSelectedColumns = function () {
+            var selectedProps = this.selectedColumns.map(function (col) { return col.prop; });
+            this.options.forEach(function (option) {
+                option.checked = selectedProps.includes(option.value);
+            });
+        };
+        ColmunsSettingComponent.prototype.handleModalVisible = function () {
+            var _this = this;
+            this.options = this.columns
+                .filter(function (item) { return !item.auxiliaryColumn; })
+                .map(function (item) {
+                return {
+                    label: item.title,
+                    value: item.prop,
+                    checked: item.hideInTable ? false : true,
+                    sortName: item.sortName || null,
+                };
+            });
+            // 同步 options 的 checked 状态与当前 selectedColumns
+            this.syncOptionsWithSelectedColumns();
+            this.modalVisible = true;
+            // 模态框打开后重新初始化排序
+            setTimeout(function () {
+                _this.initSortable();
+            }, 100);
+        };
+        ColmunsSettingComponent.prototype.handleModalClose = function () {
+            this.modalVisible = false;
+            if (this.sortableInstance) {
+                this.sortableInstance.destroy();
+                this.sortableInstance = null;
+            }
+        };
+        ColmunsSettingComponent.prototype.handleSelectRemove = function (key) {
+            this.selectedColumns = this.selectedColumns.filter(function (item) { return item.prop !== key; });
+            // 使用同步方法确保所有状态一致
+            this.syncOptionsWithSelectedColumns();
+        };
+        ColmunsSettingComponent.prototype.handleCheckBoxChange = function (value, record) {
+            if (!value) {
+                this.handleSelectRemove(record.value);
+            }
+            else {
+                this.selectedColumns.push({
+                    title: record.label,
+                    prop: record.value,
+                    sortName: record.sortName,
+                    hideInTable: false,
+                });
+                // 添加项目后同步状态
+                this.syncOptionsWithSelectedColumns();
+            }
+        };
+        ColmunsSettingComponent.prototype.handleConfirm = function () {
+            var _this = this;
+            var _a;
+            if (!((_a = this.columnRemote) === null || _a === void 0 ? void 0 : _a.setCol) || !this.tableName) {
+                this.modalVisible = false;
+                this.afterConfirm.emit();
+                return;
+            }
+            var payload = this.selectedColumns.map(function (column) {
+                return {
+                    field: column.prop,
+                    isShow: column.hideInTable ? false : true,
+                    header: column.title,
+                    sortName: column.sortName || null,
+                };
+            });
+            var result = this.columnRemote.setCol(this.tableName, payload);
+            var done = function (res) {
+                _this.modalVisible = false;
+                _this.afterConfirm.emit();
+            };
+            if (result && rxjs.isObservable(result)) {
+                result.subscribe(done, function () { return done(null); });
+            }
+            else {
+                Promise.resolve(result).finally(function () { return done(null); });
+            }
+        };
+        return ColmunsSettingComponent;
+    }());
+    ColmunsSettingComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "app-colmuns-setting",
+                    template: "<div class=\"action-pic-btn\" (click)=\"handleModalVisible()\" title=\"\u5217\u8BBE\u7F6E\">\r\n  <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\r\n</div>\r\n\r\n<nz-modal\r\n  [(nzVisible)]=\"modalVisible\"\r\n  [nzWidth]=\"820\"\r\n  [nzTitle]=\"modalTitle\"\r\n  (nzOnCancel)=\"handleModalClose()\"\r\n  [nzContent]=\"modalBody\"\r\n  [nzBodyStyle]=\"{ padding: '12px' }\"\r\n  (nzOnOk)=\"handleConfirm()\"\r\n  [nzWrapClassName]=\"'draggable-modal'\"\r\n>\r\n  <ng-template #modalTitle>\r\n    <div\r\n      class=\"modal-drag-handle\"\r\n      cdkDrag\r\n      [cdkDragRootElement]=\"'.draggable-modal .ant-modal'\"\r\n      cdkDragHandle\r\n      [cdkDragBoundary]=\"'.draggable-modal'\"\r\n    >\r\n      <span>\u8BBE\u7F6E\u663E\u793A\u5B57\u6BB5</span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #modalBody>\r\n    <div class=\"modal-body\">\r\n      <div class=\"check-box-list\">\r\n        <div class=\"mb-12\">\u53EF\u9009\u5B57\u6BB5</div>\r\n        <nz-checkbox-wrapper style=\"width: 100%\">\r\n          <div nz-row [nzGutter]=\"[24, 24]\">\r\n            <div nz-col nzSpan=\"6\" *ngFor=\"let item of options\">\r\n              <label\r\n                nz-checkbox\r\n                nzValue=\"item.value\"\r\n                [ngModel]=\"item.checked\"\r\n                (ngModelChange)=\"handleCheckBoxChange($event, item)\"\r\n                >{{ item.label }}</label\r\n              >\r\n            </div>\r\n          </div>\r\n        </nz-checkbox-wrapper>\r\n      </div>\r\n      <div class=\"sort-list\">\r\n        <div nz-typography class=\"mb-4\">\u5F53\u524D\u5DF2\u7ECF\u9009\u5B9A\u7684\u5B57\u6BB5</div>\r\n        <div\r\n          nz-typography\r\n          nzType=\"secondary\"\r\n          class=\"mb-4\"\r\n          [style.fontSize]=\"'12px'\"\r\n        >\r\n          \u63D0\u793A\uFF1A\u53EF\u62D6\u52A8\u6392\u5E8F\r\n        </div>\r\n        <div #sortableContainer class=\"sortable-container\">\r\n          <div\r\n            class=\"sort-list-item mb-12\"\r\n            *ngFor=\"let item of selectedColumns; trackBy: trackByColumn\"\r\n          >\r\n            {{ item.title }}\r\n            <a\r\n              href=\"javascript:void(0)\"\r\n              class=\"fieldd-remove\"\r\n              title=\"\u5220\u9664\"\r\n              (click)=\"handleSelectRemove(item.prop)\"\r\n              >\u00D7</a\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</nz-modal>\r\n",
+                    styles: [".action-pic-btn{align-items:center;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.modal-body{display:flex;height:600px;width:100%}.modal-body .check-box-list{height:100%;width:calc(100% - 200px)}.modal-body .sort-list{border-left:1px solid #e3e3e3;box-sizing:border-box;height:100%;overflow-y:auto;padding-left:12px;padding-right:12px;width:200px}.modal-body .sort-list .sortable-container{min-height:100px}.modal-body .sort-list .sort-list-item{-moz-user-select:none;-webkit-user-select:none;align-items:center;cursor:move;display:flex;justify-content:space-between;user-select:none}.modal-body .sort-list .sort-list-item a{font-size:18px}.modal-drag-handle{-moz-user-select:none;-webkit-user-select:none;cursor:move;user-select:none;width:100%}"]
+                },] }
+    ];
+    ColmunsSettingComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [PRO_TABLE_COLUMN_REMOTE,] }] }
+    ]; };
+    ColmunsSettingComponent.propDecorators = {
+        columns: [{ type: i0.Input }],
+        selectedColumns: [{ type: i0.Input }],
+        tableName: [{ type: i0.Input }],
+        afterConfirm: [{ type: i0.Output }],
+        sortableContainer: [{ type: i0.ViewChild, args: ["sortableContainer", { static: false },] }]
+    };
+
+    var DynamicSearchFieldComponent = /** @class */ (function () {
+        function DynamicSearchFieldComponent(cfr) {
+            this.cfr = cfr;
+            this.component = null;
+            this.props = null;
+            this.valueChange = new i0.EventEmitter();
+            this.cmpRef = null;
+            this.isCva = false;
+            this.cvaOnChange = null;
+        }
+        DynamicSearchFieldComponent.prototype.ngOnInit = function () {
+            this.render();
+        };
+        DynamicSearchFieldComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.component && !changes.component.firstChange) {
+                this.destroy();
+                this.render();
+                return;
+            }
+            if (this.cmpRef) {
+                if (changes.value && !changes.value.firstChange) {
+                    if (this.isCva) {
+                        if (typeof this.cmpRef.instance.writeValue === 'function') {
+                            this.cmpRef.instance.writeValue(this.value);
+                        }
+                    }
+                    else if ('value' in this.cmpRef.instance) {
+                        this.cmpRef.instance.value = this.value;
+                    }
+                }
+                if (changes.props && !changes.props.firstChange) {
+                    this.applyProps();
+                }
+            }
+        };
+        DynamicSearchFieldComponent.prototype.render = function () {
+            var _this = this;
+            if (!this.component)
+                return;
+            var factory = this.cfr.resolveComponentFactory(this.component);
+            this.vc.clear();
+            this.cmpRef = this.vc.createComponent(factory);
+            this.isCva = typeof this.cmpRef.instance.registerOnChange === 'function' && typeof this.cmpRef.instance.writeValue === 'function';
+            if (this.isCva) {
+                this.cmpRef.instance.writeValue(this.value);
+                this.cmpRef.instance.registerOnChange(function (v) {
+                    _this.valueChange.emit(v);
+                });
+            }
+            else {
+                if ('value' in this.cmpRef.instance) {
+                    this.cmpRef.instance.value = this.value;
+                }
+                if ('valueChange' in this.cmpRef.instance && this.cmpRef.instance.valueChange && typeof this.cmpRef.instance.valueChange.subscribe === 'function') {
+                    this.cmpRef.instance.valueChange.subscribe(function (v) {
+                        _this.valueChange.emit(v);
+                    });
+                }
+            }
+            this.applyProps();
+        };
+        DynamicSearchFieldComponent.prototype.applyProps = function () {
+            var _this = this;
+            var p = this.props || {};
+            var extra = p.componentProps || {};
+            Object.keys(extra).forEach(function (k) {
+                try {
+                    _this.cmpRef.instance[k] = extra[k];
+                }
+                catch (_a) { }
+            });
+        };
+        DynamicSearchFieldComponent.prototype.destroy = function () {
+            if (this.cmpRef) {
+                try {
+                    this.cmpRef.destroy();
+                }
+                catch (_a) { }
+                this.cmpRef = null;
+            }
+        };
+        DynamicSearchFieldComponent.prototype.ngOnDestroy = function () {
+            this.destroy();
+        };
+        return DynamicSearchFieldComponent;
+    }());
+    DynamicSearchFieldComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'app-dynamic-search-field',
+                    template: "<ng-template #vc></ng-template>"
+                },] }
+    ];
+    DynamicSearchFieldComponent.ctorParameters = function () { return [
+        { type: i0.ComponentFactoryResolver }
+    ]; };
+    DynamicSearchFieldComponent.propDecorators = {
+        component: [{ type: i0.Input }],
+        value: [{ type: i0.Input }],
+        props: [{ type: i0.Input }],
+        valueChange: [{ type: i0.Output }],
+        vc: [{ type: i0.ViewChild, args: ['vc', { read: i0.ViewContainerRef, static: true },] }]
+    };
+
+    var ProTableModule = /** @class */ (function () {
+        function ProTableModule() {
+        }
+        return ProTableModule;
+    }());
+    ProTableModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        i1.FormsModule,
+                        http.HttpClientModule,
+                        router.RouterModule,
+                        form.NzFormModule,
+                        select.NzSelectModule,
+                        space.NzSpaceModule,
+                        grid.NzGridModule,
+                        input.NzInputModule,
+                        i1.ReactiveFormsModule,
+                        popover.NzPopoverModule,
+                        icon.NzIconModule,
+                        button.NzButtonModule,
+                        PageContainerModule,
+                        TableSearchBarModule,
+                        table.NzTableModule,
+                        PlateInputModule,
+                        datePicker.NzDatePickerModule,
+                        modal.NzModalModule,
+                        checkbox.NzCheckboxModule,
+                        typography.NzTypographyModule,
+                        dragDrop.DragDropModule,
+                        checkbox.NzCheckboxModule,
+                        autoComplete.NzAutocompleteModule,
+                        inputNumber.NzInputNumberModule,
+                        tooltip.NzToolTipModule,
+                    ],
+                    declarations: [ProTableComponent, ColmunsSettingComponent, DynamicSearchFieldComponent],
+                    providers: [
+                        {
+                            // 默认不提供远程列服务，宿主可覆盖注入
+                            provide: PRO_TABLE_COLUMN_REMOTE,
+                            useValue: null,
+                        },
+                    ],
+                    exports: [ProTableComponent],
+                },] }
+    ];
+
+    /**
+     * 默认的车牌前缀加载服务实现
+     * 使用 HttpClient 调用 API 获取车牌前缀选项
+     */
+    var DefaultPlatePrefixLoadService = /** @class */ (function () {
+        function DefaultPlatePrefixLoadService(http) {
+            this.http = http;
+            this.defaultApiUrl = "/PlateFirstWord/GetPlateFirstWord";
+        }
+        DefaultPlatePrefixLoadService.prototype.loadPrefixOptions = function () {
+            return this.http
+                .post(this.defaultApiUrl, { dictCode: "PlateFirstWord" })
+                .toPromise()
+                .then(function (list) {
+                var options = [];
+                // 添加空选项（与旧版保持一致）
+                options.push({ label: "", value: "" });
+                // 转换数据格式
+                for (var i = 0; i < list.length; i++) {
+                    options.push({
+                        label: list[i],
+                        value: list[i],
+                    });
+                }
+                return options;
+            })
+                .catch(function () {
+                // 发生错误时返回空数组
+                return [];
+            });
+        };
+        return DefaultPlatePrefixLoadService;
+    }());
+    DefaultPlatePrefixLoadService.decorators = [
+        { type: i0.Injectable }
+    ];
+    DefaultPlatePrefixLoadService.ctorParameters = function () { return [
+        { type: http.HttpClient }
+    ]; };
+
+    // ==================== 服务类 ====================
+    var AntdFormService = /** @class */ (function () {
+        // ==================== 构造函数 ====================
+        function AntdFormService(fb) {
+            this.fb = fb;
+            // ==================== 公共属性 ====================
+            this.formStore = {};
+            this.formModifyType = "create";
+            // ==================== 私有属性 ====================
+            this.labelWidth = "120px";
+            this.labelAlign = "right";
+            this.labelObservers = {};
+            this.errorMessageStore = {};
+            this.formArrayConfigStore = {};
+            this.INTERNAL_ID_FIELD = "__formItemId";
+            this.classPrefix = "ant-form-";
+            this.defaultErrorMessages = {
+                required: "该字段为必填项",
+                minlength: "输入长度不足",
+                maxlength: "输入长度超限",
+                email: "请输入合法的邮箱地址",
+                pattern: "输入格式不正确",
+            };
+        }
+        // ==================== 表单创建和初始化 ====================
+        // 初始化表单（支持 FormArray）
+        AntdFormService.prototype.createFormGroup = function (name, config, options) {
+            var _this = this;
+            var groupConfig = {};
+            this.errorMessageStore[name] = {};
+            Object.entries(config).forEach(function (_f) {
+                var _g = __read(_f, 2), key = _g[0], field = _g[1];
+                var _a, _b, _c;
+                if (_this.isFormArrayConfig(field)) {
+                    // FormArray 配置处理
+                    if (!_this.formArrayConfigStore[name]) {
+                        _this.formArrayConfigStore[name] = {};
+                    }
+                    _this.formArrayConfigStore[name][key] = {
+                        itemConfig: field.itemConfig,
+                        uniqueIdField: field.uniqueIdField,
+                    };
+                    var formArray = _this.createFormArrayFromConfig(name, key, field.itemConfig, field.initialItems || [], field.uniqueIdField);
+                    groupConfig[key] = formArray;
+                    // 存储 FormArray 字段的错误消息配置，格式：arrayName[].fieldName
+                    if (field.errorMessages) {
+                        Object.entries(field.errorMessages).forEach(function (_f) {
+                            var _g = __read(_f, 2), fieldName = _g[0], errorMessages = _g[1];
+                            var errorMessageKey = key + "[]." + fieldName;
+                            _this.errorMessageStore[name][errorMessageKey] = errorMessages;
+                        });
+                    }
+                }
+                else {
+                    // 普通字段配置
+                    var fieldConfig = field;
+                    groupConfig[key] = [
+                        { value: fieldConfig.value, disabled: (_a = fieldConfig.disabled) !== null && _a !== void 0 ? _a : false },
+                        (_c = (_b = fieldConfig.validators) === null || _b === void 0 ? void 0 : _b.call(fieldConfig)) !== null && _c !== void 0 ? _c : [],
+                    ];
+                    if (fieldConfig.errorMessages) {
+                        _this.errorMessageStore[name][key] = fieldConfig.errorMessages;
+                    }
+                }
+            });
+            if (options === null || options === void 0 ? void 0 : options.labelWidth) {
+                this.labelWidth = options.labelWidth;
+            }
+            if (options === null || options === void 0 ? void 0 : options.labelAlign) {
+                this.labelAlign = options.labelAlign;
+            }
+            this.formStore[name] = this.fb.group(groupConfig);
+            this.setCSSVariablesToTarget(name);
+            return this.formStore[name];
+        };
+        // ==================== 表单操作 ====================
+        // 重置表单
+        AntdFormService.prototype.resetFormGroup = function (name, value) {
+            var _a;
+            (_a = this.formStore[name]) === null || _a === void 0 ? void 0 : _a.reset(value);
+        };
+        // 批量添加字段配置
+        AntdFormService.prototype.addFieldsConfig = function (formName, fieldsConfig, options) {
+            var _this = this;
+            var _a;
+            var result = {
+                success: true,
+                added: [],
+                failed: [],
+            };
+            // 1. 验证表单是否存在
+            var formGroup = this.formStore[formName];
+            if (!formGroup) {
+                // 如果表单不存在，所有字段都失败
+                Object.keys(fieldsConfig).forEach(function (fieldName) {
+                    var _a;
+                    var error = "Form \"" + formName + "\" not found";
+                    result.failed.push({
+                        fieldName: fieldName,
+                        error: error,
+                    });
+                    (_a = options === null || options === void 0 ? void 0 : options.onFieldAdded) === null || _a === void 0 ? void 0 : _a.call(options, fieldName, false, error);
+                });
+                result.success = false;
+                return result;
+            }
+            // 2. 初始化 errorMessageStore 和 formArrayConfigStore（如果不存在）
+            if (!this.errorMessageStore[formName]) {
+                this.errorMessageStore[formName] = {};
+            }
+            if (!this.formArrayConfigStore[formName]) {
+                this.formArrayConfigStore[formName] = {};
+            }
+            // 3. 批量构建控件配置
+            var controlsToAdd = {};
+            var errorMessagesToAdd = {};
+            var formArrayConfigsToAdd = {};
+            // 4. 遍历所有字段配置，进行验证和构建
+            Object.entries(fieldsConfig).forEach(function (_f) {
+                var _g = __read(_f, 2), fieldName = _g[0], fieldConfig = _g[1];
+                var _a, _b, _c, _d, _e;
+                try {
+                    // 4.1 检查字段是否已存在
+                    if (formGroup.get(fieldName)) {
+                        var error = "Field \"" + fieldName + "\" already exists";
+                        result.failed.push({
+                            fieldName: fieldName,
+                            error: error,
+                        });
+                        (_a = options === null || options === void 0 ? void 0 : options.onFieldAdded) === null || _a === void 0 ? void 0 : _a.call(options, fieldName, false, error);
+                        return;
+                    }
+                    // 4.2 根据字段类型创建控件
+                    if (_this.isFormArrayConfig(fieldConfig)) {
+                        // FormArray 处理
+                        var formArray = _this.createFormArrayFromConfig(formName, fieldName, fieldConfig.itemConfig, fieldConfig.initialItems || [], fieldConfig.uniqueIdField);
+                        controlsToAdd[fieldName] = formArray;
+                        // 存储 FormArray 配置
+                        formArrayConfigsToAdd[fieldName] = {
+                            itemConfig: fieldConfig.itemConfig,
+                            uniqueIdField: fieldConfig.uniqueIdField,
+                        };
+                        // 存储错误消息
+                        if (fieldConfig.errorMessages) {
+                            Object.entries(fieldConfig.errorMessages).forEach(function (_f) {
+                                var _g = __read(_f, 2), itemFieldName = _g[0], errorMessages = _g[1];
+                                var errorMessageKey = fieldName + "[]." + itemFieldName;
+                                errorMessagesToAdd[errorMessageKey] = errorMessages;
+                            });
+                        }
+                    }
+                    else {
+                        // 普通字段处理
+                        var fieldConfigTyped = fieldConfig;
+                        var controlOptions = {
+                            validators: (_c = (_b = fieldConfigTyped.validators) === null || _b === void 0 ? void 0 : _b.call(fieldConfigTyped)) !== null && _c !== void 0 ? _c : [],
+                        };
+                        var control = _this.fb.control(fieldConfigTyped.value, controlOptions);
+                        // 设置 disabled 状态
+                        if (fieldConfigTyped.disabled) {
+                            control.disable();
+                        }
+                        controlsToAdd[fieldName] = control;
+                        // 存储错误消息
+                        if (fieldConfigTyped.errorMessages) {
+                            errorMessagesToAdd[fieldName] = fieldConfigTyped.errorMessages;
+                        }
+                    }
+                    result.added.push(fieldName);
+                    (_d = options === null || options === void 0 ? void 0 : options.onFieldAdded) === null || _d === void 0 ? void 0 : _d.call(options, fieldName, true);
+                }
+                catch (error) {
+                    var errorMessage = (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : error.toString()) || "Unknown error";
+                    result.failed.push({
+                        fieldName: fieldName,
+                        error: errorMessage,
+                    });
+                    (_e = options === null || options === void 0 ? void 0 : options.onFieldAdded) === null || _e === void 0 ? void 0 : _e.call(options, fieldName, false, errorMessage);
+                }
+            });
+            // 5. 批量添加到 FormGroup
+            if (Object.keys(controlsToAdd).length > 0) {
+                Object.entries(controlsToAdd).forEach(function (_f) {
+                    var _g = __read(_f, 2), fieldName = _g[0], control = _g[1];
+                    formGroup.addControl(fieldName, control);
+                });
+                // 6. 批量存储错误消息
+                Object.entries(errorMessagesToAdd).forEach(function (_f) {
+                    var _g = __read(_f, 2), key = _g[0], messages = _g[1];
+                    _this.errorMessageStore[formName][key] = messages;
+                });
+                // 7. 批量存储 FormArray 配置
+                Object.entries(formArrayConfigsToAdd).forEach(function (_f) {
+                    var _g = __read(_f, 2), fieldName = _g[0], config = _g[1];
+                    _this.formArrayConfigStore[formName][fieldName] = config;
+                });
+                // 8. 更新表单验证状态
+                if (options === null || options === void 0 ? void 0 : options.updateValueAndValidity) {
+                    formGroup.updateValueAndValidity({
+                        emitEvent: (_a = options === null || options === void 0 ? void 0 : options.emitEvent) !== null && _a !== void 0 ? _a : true,
+                    });
+                }
+            }
+            // 9. 判断整体是否成功
+            result.success = result.failed.length === 0;
+            return result;
+        };
+        // 批量删除字段配置
+        AntdFormService.prototype.removeFieldsConfig = function (formName, fieldNames, options) {
+            var _this = this;
+            var result = {
+                success: true,
+                removed: [],
+                failed: [],
+            };
+            // 1. 验证表单是否存在
+            var formGroup = this.formStore[formName];
+            if (!formGroup) {
+                fieldNames.forEach(function (fieldName) {
+                    var _a;
+                    var error = "Form \"" + formName + "\" not found";
+                    result.failed.push({
+                        fieldName: fieldName,
+                        error: error,
+                    });
+                    (_a = options === null || options === void 0 ? void 0 : options.onFieldRemoved) === null || _a === void 0 ? void 0 : _a.call(options, fieldName, false, error);
+                });
+                result.success = false;
+                return result;
+            }
+            // 2. 批量收集需要清理的信息
+            var fieldsToRemove = [];
+            var errorMessageKeysToRemove = [];
+            var formArrayFields = [];
+            // 3. 验证每个字段并收集信息
+            fieldNames.forEach(function (fieldName) {
+                var _a;
+                var control = formGroup.get(fieldName);
+                if (!control) {
+                    var error = "Field \"" + fieldName + "\" not found";
+                    result.failed.push({
+                        fieldName: fieldName,
+                        error: error,
+                    });
+                    (_a = options === null || options === void 0 ? void 0 : options.onFieldRemoved) === null || _a === void 0 ? void 0 : _a.call(options, fieldName, false, error);
+                    return;
+                }
+                // 判断是否是 FormArray
+                if (control instanceof i1.FormArray) {
+                    formArrayFields.push(fieldName);
+                    // 收集 FormArray 相关的错误消息键（格式：arrayName[].fieldName）
+                    if (_this.errorMessageStore[formName]) {
+                        Object.keys(_this.errorMessageStore[formName]).forEach(function (key) {
+                            if (key.startsWith(fieldName + "[].")) {
+                                errorMessageKeysToRemove.push(key);
+                            }
+                        });
+                    }
+                }
+                else {
+                    // 普通字段的错误消息键
+                    errorMessageKeysToRemove.push(fieldName);
+                }
+                fieldsToRemove.push(fieldName);
+            });
+            // 4. 批量执行删除操作
+            try {
+                // 4.1 从 FormGroup 中移除控件
+                fieldsToRemove.forEach(function (fieldName) {
+                    var _a;
+                    formGroup.removeControl(fieldName);
+                    result.removed.push(fieldName);
+                    (_a = options === null || options === void 0 ? void 0 : options.onFieldRemoved) === null || _a === void 0 ? void 0 : _a.call(options, fieldName, true);
+                });
+                // 4.2 批量删除错误消息
+                if (this.errorMessageStore[formName]) {
+                    errorMessageKeysToRemove.forEach(function (key) {
+                        delete _this.errorMessageStore[formName][key];
+                    });
+                }
+                // 4.3 批量删除 FormArray 配置
+                if (this.formArrayConfigStore[formName]) {
+                    formArrayFields.forEach(function (fieldName) {
+                        delete _this.formArrayConfigStore[formName][fieldName];
+                    });
+                }
+            }
+            catch (error) {
+                // 如果批量删除过程中出错，标记为失败
+                fieldsToRemove.forEach(function (fieldName) {
+                    var _a;
+                    if (!result.removed.includes(fieldName)) {
+                        var errorMessage = (error === null || error === void 0 ? void 0 : error.message) || (error === null || error === void 0 ? void 0 : error.toString()) || "Failed to remove field";
+                        result.failed.push({
+                            fieldName: fieldName,
+                            error: errorMessage,
+                        });
+                        (_a = options === null || options === void 0 ? void 0 : options.onFieldRemoved) === null || _a === void 0 ? void 0 : _a.call(options, fieldName, false, errorMessage);
+                    }
+                });
+            }
+            // 5. 判断整体是否成功
+            result.success = result.failed.length === 0;
+            return result;
+        };
+        // 局部赋值（支持 FormArray 的智能更新，统一根据 action 字段判断操作类型）
+        AntdFormService.prototype.patchFormValues = function (name, values, options) {
+            var _this = this;
+            var _a;
+            var formGroup = this.formStore[name];
+            if (!formGroup) {
+                console.warn("[AntdFormService] patchFormValues: form \"" + name + "\" not found.");
+                return;
+            }
+            var processedValues = {};
+            Object.entries(values).forEach(function (_f) {
+                var _g = __read(_f, 2), key = _g[0], value = _g[1];
+                var control = formGroup.get(key);
+                // 检测是否是 FormArray
+                if (control instanceof i1.FormArray && Array.isArray(value)) {
+                    _this.patchFormArray(name, key, value);
+                    return;
+                }
+                // 普通字段，直接加入
+                processedValues[key] = value;
+            });
+            // 处理普通字段
+            if (Object.keys(processedValues).length > 0) {
+                formGroup.patchValue(processedValues, {
+                    emitEvent: (_a = options === null || options === void 0 ? void 0 : options.emitEvent) !== null && _a !== void 0 ? _a : true,
+                });
+            }
+        };
+        // 表单校验（自动过滤内部字段）
+        AntdFormService.prototype.validateForm = function (name, options) {
+            var _a, _b;
+            if (this.formStore[name].valid) {
+                var rawValue = this.formStore[name].getRawValue();
+                return this.excludeInternalFields(rawValue);
+            }
+            else {
+                // 递归校验所有控件，包括 FormArray 中的项
+                this.markAllControlsAsDirty(this.formStore[name], (_a = options === null || options === void 0 ? void 0 : options.emitEvent) !== null && _a !== void 0 ? _a : true, (_b = options === null || options === void 0 ? void 0 : options.onlySelf) !== null && _b !== void 0 ? _b : false);
+                return false;
+            }
+        };
+        // 递归标记所有无效控件为 dirty（包括 FormArray 中的项）
+        AntdFormService.prototype.markAllControlsAsDirty = function (control, emitEvent, onlySelf) {
+            var _this = this;
+            if (control.invalid) {
+                control.markAsDirty();
+                control.updateValueAndValidity({
+                    emitEvent: emitEvent,
+                    onlySelf: onlySelf,
+                });
+            }
+            // 如果是 FormGroup，递归处理所有子控件
+            if (control instanceof i1.FormGroup) {
+                Object.values(control.controls).forEach(function (childControl) {
+                    _this.markAllControlsAsDirty(childControl, emitEvent, onlySelf);
+                });
+            }
+            // 如果是 FormArray，递归处理数组中的每一项
+            if (control instanceof i1.FormArray) {
+                control.controls.forEach(function (childControl) {
+                    _this.markAllControlsAsDirty(childControl, emitEvent, onlySelf);
+                });
+            }
+        };
+        // ==================== 错误消息相关 ====================
+        // 获取字段首条错误提示，支持普通字段和 FormArray 字段（格式：arrayName.index.fieldName）
+        AntdFormService.prototype.getFieldErrorMessage = function (name, controlName) {
+            var e_1, _f;
+            var _a;
+            var formGroup = this.formStore[name];
+            if (!formGroup) {
+                console.warn("[AntdFormService] getFieldErrorMessage: form \"" + name + "\" not found.");
+                return "";
+            }
+            var control = formGroup.get(controlName);
+            if (!control) {
+                console.warn("[AntdFormService] getFieldErrorMessage: control \"" + controlName + "\" not found in form \"" + name + "\".");
+                return "";
+            }
+            if (!control.errors) {
+                return "";
+            }
+            // 解析 controlName，支持 FormArray 格式：arrayName.index.fieldName
+            var errorMessageKey = controlName;
+            var arrayMatch = controlName.match(/^(.+)\.(\d+)\.(.+)$/);
+            if (arrayMatch) {
+                // FormArray 格式：arrayName.index.fieldName -> 使用 arrayName[].fieldName 作为 key
+                var _g = __read(arrayMatch, 4), arrayName = _g[1], fieldName = _g[3];
+                errorMessageKey = arrayName + "[]." + fieldName;
+            }
+            // 从 errorMessageStore 获取错误消息配置
+            var errorMessages = (_a = this.errorMessageStore[name]) === null || _a === void 0 ? void 0 : _a[errorMessageKey];
+            var mergedMessages = Object.assign(Object.assign({}, this.defaultErrorMessages), (errorMessages !== null && errorMessages !== void 0 ? errorMessages : {}));
+            try {
+                for (var _h = __values(Object.keys(control.errors)), _j = _h.next(); !_j.done; _j = _h.next()) {
+                    var errorKey = _j.value;
+                    var message = mergedMessages[errorKey];
+                    if (message) {
+                        // 不再支持函数形式，只返回字符串
+                        return typeof message === "string" ? message : "";
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_j && !_j.done && (_f = _h.return)) _f.call(_h);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return "";
+        };
+        // ==================== 监听相关 ====================
+        // 监听表单所有字段变更
+        AntdFormService.prototype.watchFormChanges = function (name, handler, options) {
+            var formGroup = this.formStore[name];
+            if (!formGroup) {
+                console.warn("[AntdFormService] watchFormChanges: form \"" + name + "\" not found.");
+                return undefined;
+            }
+            return this.setupValueChangeSubscription(formGroup, handler, options);
+        };
+        // 监听指定字段变更
+        AntdFormService.prototype.watchFieldChanges = function (name, controlName, handler, options) {
+            var formGroup = this.formStore[name];
+            if (!formGroup) {
+                console.warn("[AntdFormService] watchFieldChanges: form \"" + name + "\" not found.");
+                return undefined;
+            }
+            var control = formGroup.get(controlName);
+            if (!control) {
+                console.warn("[AntdFormService] watchFieldChanges: control \"" + controlName + "\" not found in form \"" + name + "\".");
+                return undefined;
+            }
+            return this.setupValueChangeSubscription(control, handler, options);
+        };
+        // ==================== 工具方法 ====================
+        // 获取表单类名
+        AntdFormService.prototype.getFormClassName = function (name) {
+            return "" + this.classPrefix + name;
+        };
+        // 设置 CSS 变量到目标元素（支持持久化监听动态添加的元素）
+        AntdFormService.prototype.setCSSVariablesToTarget = function (name) {
+            var _this = this;
+            var selector = "." + this.getFormClassName(name) + " .ant-form-item-label";
+            var formContainerSelector = "." + this.getFormClassName(name);
+            var applyStyles = function () {
+                var dom = document.querySelectorAll(selector);
+                if (!dom.length) {
+                    return false;
+                }
+                var appliedCount = 0;
+                dom.forEach(function (item) {
+                    var target = item;
+                    if (target.style.width !== _this.labelWidth ||
+                        target.style.textAlign !== _this.labelAlign) {
+                        target.style.width = _this.labelWidth;
+                        target.style.textAlign = _this.labelAlign;
+                        appliedCount++;
+                    }
+                });
+                return appliedCount > 0;
+            };
+            if (this.labelObservers[name]) {
+                return;
+            }
+            var timeout = null;
+            var observer = new MutationObserver(function () {
+                cancelAnimationFrame(timeout);
+                timeout = requestAnimationFrame(function () {
+                    setTimeout(function () {
+                        applyStyles();
+                    }, 0);
+                });
+            });
+            var formContainer = document.querySelector(formContainerSelector);
+            observer.observe(formContainer || document.body, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+            });
+            this.labelObservers[name] = observer;
+        };
+        // ==================== 私有方法 ====================
+        // 获取 FormArray
+        AntdFormService.prototype.getFormArray = function (formName, arrayName) {
+            var formGroup = this.formStore[formName];
+            if (!formGroup) {
+                console.warn("[AntdFormService] getFormArray: form \"" + formName + "\" not found.");
+                return null;
+            }
+            var control = formGroup.get(arrayName);
+            if (!control || !(control instanceof i1.FormArray)) {
+                console.warn("[AntdFormService] getFormArray: array \"" + arrayName + "\" not found in form \"" + formName + "\".");
+                return null;
+            }
+            return control;
+        };
+        // 判断是否是 FormArray 配置
+        AntdFormService.prototype.isFormArrayConfig = function (field) {
+            return field.type === "array";
+        };
+        // 从配置创建 FormArray
+        AntdFormService.prototype.createFormArrayFromConfig = function (formName, arrayName, itemConfig, initialItems, uniqueIdField) {
+            var _this = this;
+            var formArray = this.fb.array([]);
+            initialItems.forEach(function (item) {
+                var itemGroup = _this.createItemFormGroup(itemConfig, item, uniqueIdField);
+                formArray.push(itemGroup);
+            });
+            return formArray;
+        };
+        // 生成内部ID（使用业务唯一字段或生成临时ID）
+        AntdFormService.prototype.generateInternalId = function (itemData, uniqueIdField) {
+            // 优先使用业务唯一字段
+            if (uniqueIdField && (itemData === null || itemData === void 0 ? void 0 : itemData[uniqueIdField]) !== undefined) {
+                var businessId = itemData[uniqueIdField];
+                if (businessId !== null &&
+                    businessId !== undefined &&
+                    businessId !== "") {
+                    return "business-" + uniqueIdField + "-" + businessId;
+                }
+            }
+            // 如果没有业务ID，生成临时ID（用于新添加的项）
+            return "temp-" + Date.now() + "-" + Math.random().toString(36).substr(2, 9);
+        };
+        // 创建单个项的 FormGroup
+        AntdFormService.prototype.createItemFormGroup = function (itemConfig, itemData, uniqueIdField) {
+            var _this = this;
+            var groupConfig = {};
+            // 添加内部ID字段
+            var itemId = this.generateInternalId(itemData, uniqueIdField);
+            groupConfig[this.INTERNAL_ID_FIELD] = [
+                { value: itemId, disabled: true },
+                [],
+            ];
+            // 添加业务字段
+            Object.entries(itemConfig).forEach(function (_f) {
+                var _g = __read(_f, 2), key = _g[0], field = _g[1];
+                var _a, _b, _c;
+                // itemConfig 中的字段应该是 FieldConfig，不应该包含 FormArrayConfig
+                if (_this.isFormArrayConfig(field)) {
+                    console.warn("[AntdFormService] createItemFormGroup: FormArrayConfig is not allowed in itemConfig. Skipping field \"" + key + "\".");
+                    return;
+                }
+                var fieldConfig = field;
+                var value = (itemData === null || itemData === void 0 ? void 0 : itemData[key]) !== undefined ? itemData[key] : fieldConfig.value;
+                groupConfig[key] = [
+                    { value: value, disabled: (_a = fieldConfig.disabled) !== null && _a !== void 0 ? _a : false },
+                    (_c = (_b = fieldConfig.validators) === null || _b === void 0 ? void 0 : _b.call(fieldConfig)) !== null && _c !== void 0 ? _c : [],
+                ];
+            });
+            return this.fb.group(groupConfig);
+        };
+        // 通过业务唯一字段查找内部ID
+        AntdFormService.prototype.findFormArrayItemIdByBusinessField = function (formName, arrayName, uniqueIdField, businessIdValue) {
+            var formArray = this.getFormArray(formName, arrayName);
+            if (!formArray)
+                return null;
+            for (var i = 0; i < formArray.length; i++) {
+                var item = formArray.at(i);
+                var itemValue = item.getRawValue();
+                var internalId = itemValue[this.INTERNAL_ID_FIELD];
+                // 检查内部ID是否匹配业务ID
+                if (internalId && internalId.startsWith("business-" + uniqueIdField + "-")) {
+                    var idInInternalId = internalId.replace("business-" + uniqueIdField + "-", "");
+                    if (String(idInInternalId) === String(businessIdValue)) {
+                        return internalId;
+                    }
+                }
+                // 也检查当前业务字段值是否匹配（处理业务ID更新的情况）
+                if (itemValue[uniqueIdField] === businessIdValue) {
+                    return internalId;
+                }
+            }
+            return null;
+        };
+        // 通过内部ID查找项
+        AntdFormService.prototype.findFormArrayItemById = function (formName, arrayName, itemId) {
+            var _a;
+            var formArray = this.getFormArray(formName, arrayName);
+            if (!formArray)
+                return null;
+            for (var i = 0; i < formArray.length; i++) {
+                var item = formArray.at(i);
+                var id = (_a = item.get(this.INTERNAL_ID_FIELD)) === null || _a === void 0 ? void 0 : _a.value;
+                if (id === itemId) {
+                    return { index: i, formGroup: item };
+                }
+            }
+            return null;
+        };
+        // 获取操作类型（必须明确指定 action 字段）
+        AntdFormService.prototype.getOperationType = function (itemData) {
+            if (!itemData || typeof itemData !== "object")
+                return null;
+            var action = itemData.action;
+            if (action === "delete" || action === "update" || action === "create") {
+                return action;
+            }
+            return null;
+        };
+        // 过滤操作字段（action 字段不保存到表单中）
+        AntdFormService.prototype.filterOperationFields = function (itemData) {
+            if (!itemData || typeof itemData !== "object")
+                return itemData;
+            var filtered = {};
+            Object.entries(itemData).forEach(function (_f) {
+                var _g = __read(_f, 2), key = _g[0], value = _g[1];
+                if (key !== "action") {
+                    filtered[key] = value;
+                }
+            });
+            return filtered;
+        };
+        // 处理 FormArray 的更新（统一根据 action 字段判断操作类型）
+        AntdFormService.prototype.patchFormArray = function (formName, arrayName, newValues) {
+            var _this = this;
+            var _a;
+            var formArray = this.getFormArray(formName, arrayName);
+            if (!formArray) {
+                console.warn("[AntdFormService] patchFormArray: array \"" + arrayName + "\" not found in form \"" + formName + "\".");
+                return;
+            }
+            var config = (_a = this.formArrayConfigStore[formName]) === null || _a === void 0 ? void 0 : _a[arrayName];
+            if (!config) {
+                console.warn("[AntdFormService] patchFormArray: config not found for array \"" + arrayName + "\" in form \"" + formName + "\".");
+                return;
+            }
+            var itemConfig = config.itemConfig, uniqueIdField = config.uniqueIdField;
+            // 统一根据 action 字段判断操作类型
+            var itemsToDelete = new Set();
+            var itemsToUpdate = new Map();
+            var itemsToAdd = [];
+            newValues.forEach(function (itemData) {
+                if (!itemData || typeof itemData !== "object")
+                    return;
+                var operationType = _this.getOperationType(itemData);
+                if (!operationType) {
+                    console.warn("[AntdFormService] patchFormArray: Item missing required \"action\" field. Skipping.", itemData);
+                    return;
+                }
+                // 删除操作
+                if (operationType === "delete") {
+                    if (uniqueIdField && itemData[uniqueIdField] !== undefined) {
+                        var businessId = itemData[uniqueIdField];
+                        var internalId = _this.findFormArrayItemIdByBusinessField(formName, arrayName, uniqueIdField, businessId);
+                        if (internalId) {
+                            itemsToDelete.add(internalId);
+                        }
+                        else {
+                            console.warn("[AntdFormService] patchFormArray: Cannot delete item with " + uniqueIdField + "=" + businessId + ", item not found.");
+                        }
+                    }
+                    else {
+                        console.warn("[AntdFormService] patchFormArray: Cannot delete item, missing required uniqueIdField \"" + uniqueIdField + "\".");
+                    }
+                    return;
+                }
+                // 更新操作
+                if (operationType === "update") {
+                    if (uniqueIdField && itemData[uniqueIdField] !== undefined) {
+                        var businessId = itemData[uniqueIdField];
+                        var internalId = _this.findFormArrayItemIdByBusinessField(formName, arrayName, uniqueIdField, businessId);
+                        if (internalId) {
+                            var filteredData = _this.filterOperationFields(itemData);
+                            itemsToUpdate.set(internalId, filteredData);
+                        }
+                        else {
+                            console.warn("[AntdFormService] patchFormArray: Cannot update item with " + uniqueIdField + "=" + businessId + ", item not found. Skipping.");
+                        }
+                    }
+                    else {
+                        console.warn("[AntdFormService] patchFormArray: Cannot update item, missing required uniqueIdField \"" + uniqueIdField + "\". Skipping.");
+                    }
+                    return;
+                }
+                // 创建操作
+                if (operationType === "create") {
+                    var filteredData = _this.filterOperationFields(itemData);
+                    itemsToAdd.push(filteredData);
+                }
+            });
+            // 执行删除（需要从后往前删除，避免索引变化）
+            var deleteIndices = [];
+            itemsToDelete.forEach(function (itemId) {
+                var found = _this.findFormArrayItemById(formName, arrayName, itemId);
+                if (found) {
+                    deleteIndices.push(found.index);
+                }
+            });
+            deleteIndices
+                .sort(function (a, b) { return b - a; })
+                .forEach(function (index) {
+                formArray.removeAt(index);
+            });
+            // 执行更新
+            itemsToUpdate.forEach(function (itemData, itemId) {
+                var found = _this.findFormArrayItemById(formName, arrayName, itemId);
+                if (found) {
+                    var _a_1 = itemData, _b = _this.INTERNAL_ID_FIELD, _ = _a_1[_b], dataToUpdate = __rest(_a_1, [typeof _b === "symbol" ? _b : _b + ""]);
+                    found.formGroup.patchValue(dataToUpdate);
+                }
+            });
+            // 执行添加
+            itemsToAdd.forEach(function (itemData) {
+                var newItem = _this.createItemFormGroup(itemConfig, itemData, uniqueIdField);
+                formArray.push(newItem);
+            });
+        };
+        // 过滤内部字段（递归处理对象和数组）
+        AntdFormService.prototype.excludeInternalFields = function (value) {
+            var _this = this;
+            if (value === null || value === undefined) {
+                return value;
+            }
+            if (Array.isArray(value)) {
+                return value.map(function (item) { return _this.excludeInternalFields(item); });
+            }
+            if (typeof value !== "object") {
+                return value;
+            }
+            var filtered = {};
+            Object.entries(value).forEach(function (_f) {
+                var _g = __read(_f, 2), key = _g[0], val = _g[1];
+                // 过滤以 __ 开头的内部字段和 action 字段
+                if (!key.startsWith("__") && key !== "action") {
+                    filtered[key] = _this.excludeInternalFields(val);
+                }
+            });
+            return filtered;
+        };
+        // 设置值变更订阅
+        AntdFormService.prototype.setupValueChangeSubscription = function (target, handler, options) {
+            var valueChanges$ = target.valueChanges;
+            if ((options === null || options === void 0 ? void 0 : options.debounce) != null) {
+                valueChanges$ = valueChanges$.pipe(operators.debounceTime(options.debounce));
+            }
+            if ((options === null || options === void 0 ? void 0 : options.distinctUntilChanged) !== false) {
+                valueChanges$ = valueChanges$.pipe(operators.distinctUntilChanged());
+            }
+            if (options === null || options === void 0 ? void 0 : options.emitInitial) {
+                handler(target.value);
+            }
+            return valueChanges$.subscribe(handler);
+        };
+        return AntdFormService;
+    }());
+    AntdFormService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AntdFormService_Factory() { return new AntdFormService(i0.ɵɵinject(i1.FormBuilder)); }, token: AntdFormService, providedIn: "root" });
+    AntdFormService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: "root" },] }
+    ];
+    AntdFormService.ctorParameters = function () { return [
+        { type: i1.FormBuilder }
+    ]; };
+
+    /*
+     * Public API Surface of pro-table
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.AntdFormService = AntdFormService;
+    exports.DefaultPlatePrefixLoadService = DefaultPlatePrefixLoadService;
+    exports.PLATE_PREFIX_LOAD_SERVICE = PLATE_PREFIX_LOAD_SERVICE;
+    exports.PRO_TABLE_COLUMN_REMOTE = PRO_TABLE_COLUMN_REMOTE;
+    exports.PRO_TABLE_DEFAULT_COLUMN = PRO_TABLE_DEFAULT_COLUMN;
+    exports.PRO_TABLE_DEFAULT_PROPS = PRO_TABLE_DEFAULT_PROPS;
+    exports.ProTableComponent = ProTableComponent;
+    exports.ProTableModule = ProTableModule;
+    exports.ɵ0 = ɵ0;
+    exports.ɵ1 = ɵ1;
+    exports.ɵ2 = ɵ2;
+    exports.ɵa = PageContainerModule;
+    exports.ɵb = PageContainerComponent;
+    exports.ɵc = TableSearchBarModule;
+    exports.ɵd = TableSearchBarComponent;
+    exports.ɵe = PlateInputModule;
+    exports.ɵf = PlateInputComponent;
+    exports.ɵg = ColmunsSettingComponent;
+    exports.ɵh = DynamicSearchFieldComponent;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=yibozhang-pro-table.umd.js.map